Little Nobody

Style your Navigation Bar using HTML5 ☞ http://bit.ly/2lkH0Rz

Thought I’d share these together since I made a few more and really like how they look as a whole :)

Hello, designers here！To make your design process more convenient, today I’d like to bring you some benefits. People who see this post can get Mockplus iDoc for free ($98 valued)

Register: https://idoc.mockplus.com/?hmsr=grace

Activate account: https://idoc.mockplus.com/get-idoc/?hmsr=gracegroup

Activation code: mockplususer

Mockplus iDoc introduction：

Mockplus iDoc is a powerful collaborative tool for designers and developers, streamlining your design process. It facilitates handoff by taking designs from PS, Sketch, and Adobe XD, exporting code snippets, specs, and assets.

Features：

1.     Export designs by one-click from Sketch, Adobe XD, and PS

2.     Generate accurate specs, assets, code snippets automatically

3.     Show design tasks and workflow in full-view storyboard

4.     Comment right on designs to give instant feedback

5.     Build hi-fi interactive prototypes with real design files

Hi, dear!

Just to note, I’m only a beginner in creating websites at the moment since I’m still studying, but I have listed a few of my favourite resources that have helped me so far throughout both web design and the actual development.

My area of interest is mostly coding, so I’m afraid I don’t have that many reliable resources for the design aspect.

As far as I’m aware, at the time of writing, all these resources are online and free (though some may require you to register an account).

Web Development

HTML & CSS

HTML and CSS are coding languages which help to create very basic websites and style them. They’re also really easy to learn as a beginner.

Codecademy

Codebar

Interneting Is Hard

JavaScript

JavaScript is a programming language that can be used to help make websites more interactive for users.

You can learn a little bit more about it here.

Codecademy

Khan Academy

W3Schools

Codebar

PHP

PHP is a server-side scripting language which is made specifically for web development.

You can learn a little bit more about it here.

Codecademy

When you’re testing PHP, you will need a server. I prefer to use USB Web Server for its simplicity, but I’m sure there are many more if you search for them.

Web Design

Smashing Magazine

My go-to for all things web design and development-related. I highly recommend it. There are some fantastic articles there that will help guide you and keep you up-to-date with current design standards.

Usability

Explains a lot of the theory behind design decisions. A good foundation for learning more about web design and how this affects your website.

There are many amazing resources out there if you do a quick Google search. The ones that I have listed above are ones that I have used a lot and have genuinely helped me. If you have any specific questions, please do let me know I’ll try my best to answer.