That’s easy! Just use radio buttons and targeted labels. Radio buttons have the (necessary) behavior of only allowing one to be selected at any one time—just like an image in our carousel. tl;dr important notes make sure at least one input(type=”radio”) is checked by default, or the whole carousel will be hidden. hide the input… Read More How can I make an image carousel with only CSS?
Variables in Sass can be seen as simple versions of symbols in Fireworks or Illustrator, or as Smart objects in Photoshop; the most basic way of making a value appear in multiple places while still being able to update it where it was defined. It prevents you from having to search through your code, trying… Read More Sass Variables
Sass control directives are the cornerstone of creating libraries for reuse and distribution, and need to be among the very first items on your list of things to learn when taking your Sass skills to the next level. A crash course to Sass control directives Sass control directives provide flow and logic and give you… Read More Sass control directives: @if, @for, @each and @while
CSS has several different units for expressing a length. Many CSS properties take “length” values, such as width, margin, padding, font-size, border-width, etc. Length is a number followed by a length unit, such as 10px, 2em, etc. A whitespace cannot appear between the number and the unit. However, if the value is 0, the unit… Read More CSS Units
Did you know that we can hardware-accelerate graphics-intensive CSS features by offloading them to the GPU (Graphics Processing Unit) for better rendering performance in the browser? Most computers these days have graphics cards suitable for hardware acceleration. Because of this, we are able to leverage GPU power for those heavier features so that our sites and… Read More Hardware-Accelerated CSS