It was a day ago, on Friday, when I was working on project for my client and I realized that my CSS stylesheet looks like a mess. Seriously, it was a complete mess when it came to groups of rules. Even though I am consistent in sorting individual rules – I’m using Code Guide by… Continue reading Grouping, organizing and cleaning your CSS
Category: Design Development
This category features articles on general design principles, Web design, typography, user interface design and related topics such as development.
Design for breakpoints
Few days ago I listened to Web Ahead podcast (http://5by5.tv/webahead/) episode with Mark Boulton. This episode is a bit older, from November 2011, however with good stuff time does not matter. Mark mentioned interesting thing when it comes to responsive design. The idea was to design for specific breakpoints instead of resolutions and I think… Continue reading Design for breakpoints
CSS tips and tricks #1: Enhancement with Modernizr
Today is I will start to release new series focused on using CSS called “CSS tips and tricks”. This series will be made up from tutorials about how to do interesting and useful stuff only through CSS. All topics will be chosen in order to be used in real-life projects. Some of these tutorials will… Continue reading CSS tips and tricks #1: Enhancement with Modernizr
On creating portfolio and marketing yourself
Question every starting Web Designer has to face, is how does he want to market himself and how to build your portfolio. Since money are what will keep you alive while doing your business, you have to thing about these questions really hard. They are important and they have to be answered.
How to bulletproof your CSS
Today we will discuss possible ways to make sure our CSS are bulletproof and our webpages works properly (how we want) on every browser out there. I want to talk about this subject because it is very important to for successfully follow progressive enhancement philosophy and to avoid ignoring some users because of software they… Continue reading How to bulletproof your CSS
Full-screen stacked navigation tutorial
For today, we will create full-screen stacked navigation with beautiful resizing width effect on hover. Our goal is to create navigation which will take approximately 25% of the page’s width and 100% of its height. If you read previous tutorial on “Full-screen page with centered navigation”, you know what am I talking about. Navigation will… Continue reading Full-screen stacked navigation tutorial