Throughout the year I’ve showcased my favourite website designs findings in the Line25 Sites of the Week roundups. This special end of year post showcases the best of the best, pulling together the awesomest designs from all the 2010 Sites of the Weeks into one showcase of super cool sites.
Posts from 2010
Repeating patterns are a great resource to add detail and texture to any website or interface design. Download this free pack of 12 pixel based patterns, including diagonal lines, dots and tessellating shapes for use in your future design projects.
If you’re looking to get to grips with creating websites, one of the first skills you’ll need is to be able to create a concept website design in Photoshop. This post rounds up 35 of the best Photoshop web design tutorials on the web. Learn how simple effects and techniques are used to create detailed layouts in a range of different styles and how page elements are mocked up into complete page designs.
Use the power of jQuery and the handy last.fm records plugin to create a showcase of your favourite music on your website. We’ll install the plugins to fetch the information from the Last.fm website, then style up the design with a cool retro vinyl record theme.
Designers spend hours carefully crafting every little detail in the design of their website, but the quality of their coding often comes up short. For proof, just look at the sites showcased on CSS galleries, 90% will have validation errors – Most of which are easy and simple fixes. Let’s look at some of the most common errors that appear time and time again, and how to correct them to really finish off your sites with high quality code.
Last week we went through the process of designing a detailed website design for Pinewood Forest. This week we’ll code up the Photoshop concept into a working web page. See how the design is exported into individual images, how the HTML skeleton is put together and how the CSS coding replicates the styling from the concept.