5 inspiration to create your website (Continued)

Other tips to help you in creating a website, a blog or your portfolio.

# 1 Are you using Bootstrap?

Some do not like the use of Bootstrap framework. However, it is undeniable that if you want to create a site quickly and be "responsive" Bootstrap is one of the tools you need.
When developing a site, often from a sketch of the layout of the website grids. Of course, you can use a pencil and a sheet of paper. Otherwise, you also LayoutIt , which allows placement (imagine) the grids in a few drag and drop and even recover the corresponding code.
LayoutIt

# 2 Colors

If like me, you are more encoder designer, you also may have trouble choosing colors that go together.To help, you can try Paletton (or "Color Scheme Designer") for finding combinations of colors that can go together, via a fairly intuitive interface.
Paletton

# 3 Icons

In the previous article, I mentioned the Icon Library Material Design (Google). But if they have not convinced you, you also have the Glyphicons Bootstrap and icons available on fontawesome.io. Of course, it is not the only sources of icons (if you know of others, feel free to mention them in the comments).
Fontawsome

# 4 Animations

When you imagined (for example) your portfolio, you may not think to include animations have (Javascript, JQuery, etc.).But having looked at the incredible list of animations (150 in all) that was created by our friends at bypeople.com, you may be tempted to insert one or two. And better yet, there are links to download the code or watch tutorials (if this does not tempt you to "reinvent the wheel").
Jquery code Pixabay

# 5 Web Fundamentals by Google

Why are we talking about this here? As you may already know, Google recently announced that the algorithm of its search engine soon will consider the label "Mobile-Friendly" . Basically, if your site is not suitable for smartphone screens, you risk being demoted to the search results. And indeed, on Web Fundamentals , the Mountain View company sets out some "good practice for the modern web development" . You will also find a link to the Web Starter Kit tool, a type of Bootstrap signed Google.
Google Webdeisgn
Previous
Next Post »