Archive: CSS


Sass: Variables and modular scss stylesheets

The larger a web project, the more cumbersome the stylesheet. This is a generalisation of course, but has a basis in reality. For larger projects, or complex systems, css maintenance is an issue. Many developers mitigate this by splitting it into smaller related stylesheets. A functional approach, but not without the additional cost of...
Read More

CSS3 Transitions: FadeTo – Extending Animate.css

Animate.css is a fantastic tool for adding CSS3 transitions to your site. It gives them a creative edge with a bit of a wow factor. It comes, of course, at the additional cost of loading an extra css file, which is quite chunky at 71kb, and 55kb minified. However you don't have to add...
Read More

Styling the Owl Carousel

Owl Carousel is a popular lightweight touch enabled jQuery plugin that lets you create beautiful responsive carousel sliders. It is highly customizable and easy to add to any site including WordPress. Here I show you how to add the slider, and how to tweak the layout and style of the icons and buttons. Links...
Read More

Bootstrap Breakpoints: Standard and Custom

Bootstrap is a popular HTML, CSS, and Javascript framework for developing responsive, mobile first projects on the web. It uses a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases It includes predefined classes for easy layout options and media break-points for mobile...
Read More

Soliloquy: Custom styling and stylesheets

Soliloquy is one of the better slider plugins out there for WordPress. It comes with a free 'lite' version with essentially the core of the plugin available, and a licenced version which comes with the additional support and a range of functional add-ons. It is also very customisable via css, which can be added...
Read More