Archive: CSS


Aspect image ratios: scale and sizes

The aspect ratio of an image describes the proportional relationship between its width and its height, commonly expressed as two numbers separated by a colon, for example 16:9. While it would seem that there is no commonality between the two ratios, and that the images that countless sites use have no pattern, in terms...
Read More

CSS: Z-Index and Position Property

Z-Index is a css property that controls the vertical stacking order of elements that overlap. It creates 3d layer effects along the z-axis so one appears as if it is physically closer to you. Elements can overlap for a variety of reasons, for instance relative positioning has nudged it over something else. Negative margin...
Read More

CSS Coding Standards

Most developers when asked about coding standards think about structural languages such as PHP, Javascript, Ruby etc. and how the code is written. For many web languages there aren't strict standards, more informal collaborative attempts at an evolving baseline. Such is the case for PHP with the PHP-FIG organisation. However, it's still the case...
Read More

Additional colours for bootstrap components

Innovative fonts, typography, and thoughtful templating with contemporary palettes & colours can be the difference in making any site immediately stand out - essential for the attention deficit voyeurs of the web! Sites like fontsquirrel and colorlovers an be great places for inspiration.
Read More

Dynamic widgets in horizontal sidebars 3

In the previous part we discussed the alternative method of adding multiple widgets to a horizontal sidebar. Here we streamline this and tweak the traditional method.
Read More