When you want a click to change something on your page, you usually reach for Javascript. Adhering to principles of modularity and separating structure, presentation, and behavior we’re supposed to use Javascript for behavior layer. However, methods exist for generating click events using only html and css. What are they and should we use them?
Continue reading
Category: CSS
Can I Still Use Px?
Moving from static to flexible layouts involves a move from absolute to relative measurements. That generally means giving up px in favor of ems for vertical measurements and % for horizontal measurements. A question that continues to get asked is whether or not it’s ok to still use px here or there.
Continue reading
How Does Auto Positioning Work In CSS?
A few weeks ago Andrei raised an interesting question on one of my older posts. The post shows how to create a navigation bar. Andrei noticed the submenu was positioned absolutely, but none of its ancestor elements had positioning applied. Why then did the submenu display directly below its parent link in the menu?
Continue reading
How To Work With Transparent Colors And Images In CSS
Being able to control the transparency of design elements is something we’ve been able to do with css for a few years. However, I often see questions from people, particularly in regards to the opacity property and how child elements inherit opacity from parent elements, which typically isn’t desired.
Continue reading
How To Add Realism With CSS Box Shadow And Text Shadow
You can add visual interest and a sense of realism to a design is by adding depth and one of the popular ways you can add depth is by incorporating the impression of a light source through shadows.
Continue reading