Although HTML does not allow for much creative input or personal flair, it does make coding easier, enabling content structure to take shape. By that same token, when you’re coding it is easy to lose sight of design elements. So, to help keep your website looking good while applying code, I’ve mapped out some resources for you to follow below.
So you’re not a stylist: you’re always struggling to know whether your pants match your shirt. Challenges with colours, images and patterns can spill over outside of the bedroom and into your website. Rest assured that you are not alone, and take comfort in the fact that there are solutions for this. Here are some websites that will help you to pick the right colors for you:
This website will provide you with inspiring colors that are trendy in the design community. While they don’t provide a lot of options, the colours they do have are of good quality and help save you time, considering someone else has already curated them for you.
Do you remember being at the hardware store, trying to pick out the right paint colors by comparing shades on a colour swatch? Coolors.co provides you with this same template, only for website design. First, the tool provides you with a set of colors that go well together. Then, you can lock-in the colors you love and keep generating different variations until you find complementary hues.
In truth, we are rarely in a position to specialize in anything. Like myself, you may want to be an expert graphic designer, but struggle to find time to devote to honing your craft. The good news is that there are tools and hacks to make up for our deficiencies in skill and/or knowledge in particular domains.
On this note, icons are always required to make professional and easy to understand web pages. Here are some places where you can find useful, professional-looking icons:
If you don’t know where to start to find basic icons, this is where you want to be. As an open source project, font awesome is totally free, even for commercial needs. All you have to do is link to the css stylesheet in the header of your website, and you’re ready to use these icons on your website.
Here you can find a lot of icons by typing in nouns and word associations. Although you can have them for free, you must give credit to their creators. If, instead, you’d like to use them and maintain all the rights to them, you must pay a small monthly fee or you can buy each icon individually.
Fonts tend to be regarded as minor details, even after-thoughts. However, if want your website to be at its best, fonts will play a major role in the design process. Choosing the right font can take your page to the next level.
True, as a web designer, you may be tired of and uninspired by the font-family available to you. For this reason, Google offers you nothing short of infinite choice of fonts. All you have to do is browse through their options, and install your selection in the header of your website by copying the code linking to your preferred font.
In the end, I'd like to thank the team at Le Wagon for providing me all this useful informations. Also, feel free to share with us your tool as a web designer.
Jean-Philippe Belley, web consultant at Blue Beach Web