Twitter profiles have gone through some big changes over the years, with the latest layouts offering a fair few customisation options. In this post we’ll take a look at some of the options that are available to us and see what kind of clever tricks people are using to create really cool profile designs.
Articles
30 Web Designs Featuring Vintage Style Typography
I’m a big fan of the vintage style, both in web design and design in general. Like many, my favourite aspect of vintage design is the elegance of classic typography with its mix of cursive & sans-serif typefaces, clever layouts and the combination of textures and illustrations to relate to the techniques used throughout the early 20th century. This post rounds up a collection of 30 websites all based on the vintage theme and feature great examples of authentic vintage style typography in their logos and titles.
Which Responsive Frameworks are Designers Using?
All the mathematics involved in creating a responsive website design can be exhausting and time consuming, but thankfully there’s a range of responsive frameworks available that make the process quick and easy. These frameworks or boilerplates have all the complicated grids, layouts and media queries in place ready for you to add your own design and markup. Here’s a roundup of the most popular frameworks currently being used by designers.
Top Places to Find Free Photoshop UI Kits Online
Ready made Photoshop UI kits are useful resources for web designers to quickly put together website or application interface designs with buttons, menus and input fields. There’s plenty of high quality free UI kits available across the web, but it’s sometimes difficult to know where to look. This post rounds up the best websites to find great quality UI sets, with a selection of samples from each.
30 Free Icon Packs from the Dribbble Community
Dribbble is not only a great website to find insights into what fellow designers are working on, it’s also home to an array of freebies available for download from generous Dribbble users. This post rounds up 30 high-quality icon sets that can be downloaded and used in your own projects for free.
10 CSS Rules Every Web Designer Should Know
Through experience as web designers we memorise all kinds of code syntax, hacks and snippets. With CSS in particular there is a number of rules and declarations that can really help transform your website designs and open up new possibilities when compared to older techniques. This post rounds up 10 declarations and tips that every web designer should have available in their CSS arsenal.
20 Free Sans-Serif Fonts Licensed for @Font-Face
Remember back when @font-face and Google Fonts were first introduced? We only had the choice of a handful of custom fonts we could use. Nowadays it’s quite the opposite, we’re spoilt for choice with hundreds of cool fonts licensed for free @font-face embedding. This post rounds up a collection of 20 stylish sans-serif fonts, all of which can be downloaded and used freely to spice up your website design’s typography.
30 Free UI Kits Featuring Detailed Web Elements
When working under time constraints or on a tight budget crafting every single UI element by hand in Photoshop just isn’t economical. Thankfully there’s a range of ready-made web elements available in UI kits that can be quickly copied over to your own website or web app design projects. This post rounds up a collection of 30 detailed user interface Photoshop kits that can all be downloaded absolutely free!
You’re Doing it Wrong: Common HTML Tag Misuses
View the source code of a hand full of websites featured in CSS galleries today and you’ll often see the same errors appear time and time again. These mistakes are usually habits we picked up during our early days of coding that have stuck around due to lack of clarification. This post rounds up a collection of common HTML tag and element misuses and describes the best practice to correctly and semantically use them in your markup.
25 Web Designs with Full Page Background Photos
The use of full screen background images isn’t particularly new in the world of web design, but designers are continuously thinking up new and cool ways of implementing some kind of full size photo into the design of their sites. Sometimes the photo will set the scene and introduce the topic of the site, whereas other times an inspirational photo is used to set the mood and to draw the user in. This post rounds up 25 examples of great uses of full screen background photos in website designs across the web.
