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...
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...
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...
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...
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...