New Web Design Tools That You Need To Check Out

The number of resources for web designers and web developers that are launched every month is impressive, but if you consider how big this industry is, it seems quite normal to have over 40 new resources of high quality every month. Imagine that there are web designers and developers all over the world. Of these, a few create tools to help the community and set a high standard which leads to competitiveness which in turn leads to improvements and evolution.

Most of the resources that you will find in this article are based on jQuery which still is the favorite library that people use to create web design tools, but you will also find other tools which you can use and reduce your work time and increase your work quality.

Superhero.js

Superhero.js

Creating, testing and maintaining a large JavaScript code base is not easy — especially since great resources on how to do this are hard to find.

Posted in Resources

A Useful Collection Of CSS3 Generators

I used to ignore CSS generators because I thought that there isn’t any use for them. This happened before CSS3 when I didn’t need a generator to create something, however with the gaining popularity that CSS3 had, I had to move towards it and start learning it to adapt to the new standards as most web designers did.

These are very interesting tools which can help you a lot when wanting to learn CSS3 faster. Although most people don’t use them like that, instead they use it just to… well, generate CSS code.

It’s not a crime to generate CSS code, a lot of people are also using CSS generators because time is really important and these tools save a lot of time. Imagine that there’s a CSS generator for almost everything: border generator, background generator, box generator, gradient generator, shadow generator and the most popular buttons or menu generators.

CSS3 generator

css3generator.com

Posted in Resources

An Awesome Selection Of The Latest Premium Fonts

A lot of people are paying a lot of attention at colors and design techniques when working on a project for print or web, when the most important aspect of a design is typography.

Selecting a font is really important because it portrays messages beyond the words that it writes. The typeface is a subliminal persuader that will grab the attention of the target audience and will also set the tone of the medium. Consider that for some companies it is so important that they hire designers to create their own unique font.

I’m making frequent articles on this site with free fonts and they are helpful, but there are projects on which you can’t work with a free font due to their importance. A free font most of the times lacks a few characteristics which may not seem important, but which make a lot of difference in premium fonts and their usage.

In this article you have a large number of fonts, 60 premium fonts that can help you a lot on your big design projects, projects that you want to have a serious impact.

Harriet

Harriet Premium Font

Posted in Resources

CSS Practices That Shouldn’t Be Overlooked By Beginners

Learning CSS is a must these days and almost all of us were at the point where CSS was a big enigma and we had to learn it bit by bit. The easiest way to learn it is by making a website. With the help of good old trial and error you can learn it without reading 700 pages from CSS learning books where there’s more editorial text than direct explanations for a piece of code.

However, trial and error is good as long as you’ve learned the basics of CSS, otherwise you might end up writing bad code and not figuring out why it doesn’t deliver the expected result.

I tried in this article to write about a few of the basic CSS practices that must be taken into consideration by CSS beginners when writing a piece of code for a website.

Specify and use the right doctype

A lot of people are saying that a HTML without a doctype is like a book without cover because not only you don’t know what’s in it, but everything falls apart. The right doctype declaration must be made in order to have your markup and CSS valid.

There are a few doctypes available like HTML 2.0, 3.0, 3.2, 4.01 Strict, 4.01 Transitional, 4.01 Frameset, XHTML 1.0 Transitional/Strict/Frameset, but the only doctype I advise you to use is:

<!DOCTYPE html>

I’m using the HTML5 doctype that you see above for all my new projects and it works like a charm because most of the times, especially in tech, new is better.

Posted in Resources

Useful New Free Fonts For Designers To Download And Use

There are many typefaces options out there, complex and different in styles, and it can be difficult to choose one for a project. How do you actually do that? Firstly, you will have to imagine the impression of the audience, what they will think about it, if it’s appropriate for them and useful in the context of your design design and target audience.

Secondly, you can’t forget about the basic things that you should look for in a font, legibility and readability. The width of the strokes and the presence of the novel type design are aspects that shouldn’t be ignored. Also, in terms of readability, the type style, size, tracking, leading and other properties must be taken into consideration when choosing a font for your designs.

After going through these first two steps, you’ll be thinking about aesthetics. While a lot of fonts are well designed and look quite nice in their presentation image, they can’t be used all over the place, instead you’ll see that they fit better only in a certain type of designs. You can’t use Attitude (an example from our article) for a document because it won’t be taken seriously.

In the end you’ll see that the personal choice of a font is not a personal choice anymore, and the actual concept is minimized. You can’t choose a font just because you like it, your audience must like it too and it must fit in your design flawlessly.

I wrote this big description for how you should use a font because I received feedback from some of my visitors who were saying that they loved a certain font and used it in their websites, brochures, business cards etc. You should use a font carefully because otherwise you could look like a newbie designer and very few clients are courageous enough to hire newbie designers.

The article contains 49 new free fonts and I hope they will be useful to you. Before using them, make sure you check their licenses, some are only for personal use while others are free for commercial use.

Jura

JuraFree font for download

Posted in Resources