CSS

Showing posts from the category "CSS"

  • SCSS Reverse direction

    Posted on 3rd July 2017.

    There may be a point in your CSS coding that you want to know the opposite of a direction (e.g. up, down). This function allows you to pass it a direction and get the opposite back!…

  • Multiple transition delays

    Posted on 3rd May 2017.

    Being able to animate with CSS transitions is great, although there are a few gotchas when using them. This one with transition-delay had me scratching my head for a while.…

  • CSS Custom Properties - everyday applications

    Posted on 26th April 2017.

    CSS Custom properties are now supported in Edge, meaning you can use them nearly everywhere. However, there are some cases where further browser support is required. Using PostCSS we can use CSS custom properties in development while still maintaining cross browser support.…

  • Find and remove vendor prefixes in your CSS using Regex

    Posted on 17th November 2016.

    I recently set out to remove all of the vendor prefixes from the CSS for all of our clients at work. This is because we use Gulp with Autoprefixer - which means we have up-to-date prefixes and cleaner SCSS. One way of doing this would be to open every CSS file,…

  • CSS Frameworks are like sex...

    Posted on 20th May 2016.

    Religion is like a penis [Original Source] Since I read it a couple of years ago, this quote has really stuck with me. With recent front-end twitter conversation turning to CSS frameworks, I went on a roller coaster of emotions but eventually settled on the above to sum up how I felt…

  • Responsive Typography in SCSS

    Posted on 2nd November 2015. Written For Liquid Light

    Making sure your typography is readable on every display is arguably one of the most important aspects of front-end development. If your users can’t read the content on the site, then there is generally no point in having one. At Liquid Light we’ve developed a mixin that enables you to collate…

  • Creating SVG Sprites using Gulp and Sass

    Posted on 11th November 2014. Written For Liquid Light

    Following on from our recent blog post about SVG Sprites which gave an introduction and overview to using SVGs in a sprite, this post will outline the processes and tools we use for creating and using an SVG Sprite at Liquid Light. Creating and maintaining large SVG sprites can be cumbersome…

  • Working with SVGs in Sprites

    Posted on 7th August 2014. Written For Liquid Light

    This article will explain how and why you would want to use SVGs and what advantages using them in a sprite can bring. It will also cover scaling the images with text, meaning you can reduce the number of icons in your sprite. What is an SVG? With…

  • Remaking the Sass News Newsletter

    Posted on 10th June 2014.

    With the weekly golden nectar of Sass News winging its way into my inbox every week, I decided to take on the challenge of giving the newsletter a facelift (if you're not subscribed and you like Sass - you should do it) Many people would run away at the thought of…