Showing 331 Result(s)
CSS tips and tricks #2-Custom form design

CSS tips and tricks #2-Custom form design

In today’s episode of of CSS tips and tricks we will focus on designing awesome web form. You may already worked and customized forms, however most of people do only basic styling of text inputs or text. I want to show some advanced tricks. If you think that you are not able to style radio buttons or checkboxes, I will shock you and turn your current knowledge upside down. You can find example code on Codepen on link at the bottom of this article. Let’s dive in!

Grouping, organizing and cleaning your CSS

Grouping, organizing and cleaning your CSS

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 @mdo¬†with addition of alphabetical sorting – I never consider splitting CSS into separate parts.

Design for breakpoints

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 that he was right. Since many Web Designers design primarily for specific resolutions I want to talk about this subject little bit more today.

CSS tips and tricks #1: Enhancement with Modernizr

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 be shorter while some longer, that will depend on how difficult individual topic will be.

How to bulletproof your CSS

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 use.