What do floats really do anyway? How do they affect the box model of the elements involved? How do floated elements differ from inline elements? What are the specific rules governing the position of floated elements? How does the clear property work and what is it for? Floats can trip up even experienced developers and […]
I’ve covered transitions a million different ways, but there’s one feature that I hardly ever touch: transition delays. Why would you want to delay your transition? It turns out that the effects that you can achieve become much more complex and impressive when you incorporate this one extra parameter. Let’s jump in and build some […]
We recently took a look at :active, an extremely handy pseudo-class selector that can be used to create some awesome mouse-down effects. Today we’re going to take a step back and explore some other “pseudo” items, this time we’ll be looking at the pseudo-elements :before and :after. You’re probably beginning to see these used all […]
A reader wrote in with a really interesting and important question. The answer might save people from harm or literally save lives.
The following post is written by Brandon Pierce. Brandon saw some nicely designed buttons by Wouter on Dribbble and set about building them with CSS. They came out nicely and he agreed to post about the process here.
Where are we at right now in terms of the best markup for using icon fonts? Let’s cover some options I think are currently the best. You want the icon to enhance a word You want the icon to stand alone but still be functional or informational And our major goals here are: As good […]
A web designer certainly has to memorize a lot of stuff related to his work. Talking about CSS, it has many declarations that can enable you to transform the design of your website and open up more possibilities which are harder to take care of while using the conventional techniques.
Responsive design brings with it a ton of new possibilities to web designers and developers, but, to the less experienced, it can also bring a fair share of headaches. For instance, I remember being back in school, excited to have finally mastered standard grid designs only to find out that now, thanks to the popularity […]
A website can be well designed but if it is not fast enough, it is of no use. Today, in this article, we have decided to jot down some tips and techniques to reduce the website loading time as much as possible. Google is one good example of a fast website and all search engines […]
CSS3 and jQuery have totally revolutionized the development industry and has made development quite easy and quick. CSS 3D Transform is amazing and has made the unachievable achievable. For some time CSS3 was only being used as a technology to style up elements in the design, but now, thanks to the new animation properties and […]
Trends are always advancing in the field of web design, and there appears to be no signs of stopping. HTML5 is the latest release for frontend devs who are quickly moving with the bandwagon. There are many new elements to handle media, along with important layout fixes. And coupled with CSS3 there is practically nothing […]