How Can I Make My Icon System Accessible? | CSS-Tricks

Here’s a question I got the other day? Would you suggest icon fonts or inline SVGs for a complex single page application? And are there specific accessibility concerns for either? Accessibility is especially important for us because schools use our products. I ask because we are currently in the process of unifying and setting up an icon system.

visit CSS-Tricks

A Complete Guide to Grid | CSS-Tricks

This article was ported over from Chris House’s guide, by Chris himself, who is keeping both up-to-date. Getting started with Grid is easy. You just define a container element as a grid with display: grid , set the column and row sizes with grid-template-columns and grid-template-rows , and then place its child elements into the grid with grid-column and .

visit CSS-Tricks

Reframe.js Notes | CSS-Tricks

FitVids.js is still a perfectly workable mini plugin for making videos (or anything) responsive. You need it, or something like it, for sites that have things like YouTube or Vimeo videos, Instagram embeds, or really anything that’s not responsive in the aspect-ratio sense. / resize their width/height in an aspect ratio friendly way, / / do not.

visit CSS-Tricks

Building Resizeable Components with Relative CSS Units | CSS-Tricks

The following is a guest post by Ahmad Shadeed. Ahmad has put together a ton of examples to show off how using relative units can benefit us. I think a lot of us think of units like em as being for font-size, which it is, but can also be for lots of other things, tying together typographic sizing and other visual elements.

visit CSS-Tricks

Learning to COPE with Microservices | CSS-Tricks

I vividly remember my first encounter with a content management system: It was 2002 with a platform called PHP-Nuke. It offered a control panel where site administrators could publish new content that would be immediately available to readers, without the need to create/edit HTML files and upload them via FTP (which at the time was the only reality I knew).

visit CSS-Tricks

Learning to Use Google Analytics More Effectively at CodePen | CSS-Tricks

Here’s how most people use Google Analytics: you copy and paste the default tracking snippet into your templates. Look at the pageview data that comes in. That’s all good, but that isn’t the most useful analytics for many sites. Google Analytics can track just about anything. It’s very flexible and very powerful.

visit CSS-Tricks

The Cost of Frameworks Recap | CSS-Tricks

A classic blog-and-forth, my favorite form of internet discussion. Paul Lewis does some research on the performance of differnet frameworks, pitting each of their TodoMVC versions against one another: For me the results are pretty clear: there appears to be a pretty hefty tax to using Frameworks on mobile, especially compared to writing vanilla JavaScript.

visit CSS-Tricks

Create a free website or blog at WordPress.com.

Up ↑

%d bloggers like this: