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
Tag: 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… 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
Full-screen page with centered navigation tutorial
Some websites use this very nice feature of being stretched to full-screen no matter if they contain any content. It often comes side-by-side with full-screen photo on the background, some times also using a blur effect. However, our goal for today will be creating this full-screen page with photo on background and centered navigation. This… Continue reading Full-screen page with centered navigation tutorial
A Complete Guide to CSS Selectors Pt.2
Welcome into the second part of our Complete guide to CSS selectors. In first part we explored the basic ones and ended up with attribute selectors. Today we will continue with pseudo-classes and pseudo-elements. Those of you who are not that grounded in selectors should look at Pt1 first. However, if you are ready, we can… Continue reading A Complete Guide to CSS Selectors Pt.2
What is CSS specificity hierarchy
One thing beginning Web Designers and Developers often misunderstand or even leave out completely is CSS specificity hierarchy. This not so wise decision can cause them a lot of troubles alongside with few headaches later on. Let’s fix it or prevent it from happening at all today. We are going to talk a bit more… Continue reading What is CSS specificity hierarchy