Posts Tagged: Web Design

Top Web Design Tips

Every web designer will have secrets and tricks that they have learnt over the years. However, there are some tips that you can consider without waiting years to find them. These tips should make web design faster and easier.

Apply Global Changes

There is nothing more time consuming then having to make changes to a page of code. However, it is possible to globally change certain aspects of your web design code easily. To do this you will need to use the wildcard CSS rule of using an asterisk as a selector. Of course, you should not leave this in your live code so use the trick carefully and sparingly.

Check Your Character Count

It is generally accepted that you should have 45 to 75 characters per line in order to easily read the code. To ensure that your web design can handle this you will need to use a dummy line of text to test. The dummy line of text should have an asterisk at character 45 and character 75 to allow you to properly test the parameters.

Export Images Using 8bit PNG

If you are using Photoshop to export images to PNG you might want to try using the 8bit PNG setting. This can be used for images that do not have to be transparent. The quality of the image will not be affected, but the size of the file will be greatly reduced.

Use A 12 Column Grid

When designing a website you should use a 12 column grid. These grids can easily be divided by 2, 3 and 4 making them the most versatile to use. Of course, you should consider a different grid if you are looking to create a design for mobile devices.

Try Typecast With Google Fonts

Monotype has created a free public version of Typecast through a team up with Google. This version of Typecast allows you to select any fonts from the Google Fonts website and use it in your coding. When you click on the Google Fonts you want a link will be created to the Typecast app and you can work from there. All of your work can be exported to HTML and CSS or a PNG file.

Keep Names Consistent

The naming scheme you have for your design files should be consistent. When you save newer versions of a file instead of incrementally naming the files banish the older versions. This ensures that all of your files have consistent naming and you do not run into broken links.