(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.data-privacy-src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-1596564-1', 'auto'); ga('send', 'pageview');
Home » CSS » Page 2

WooCommerce in a Data-Driven World

2019-04-17T03:04:51+02:00April 17th, 2019|Categories: News, Tutorials|Tags: |

(This is a sponsored post.) WooCommerce recently made an entire overhaul of its highly visible dashboard screen in the WordPress admin available as a new plugin that can be downloaded free from the WordPress Plugin Directory. The new design is gorgeous, of course. I mean, anytime WooCommerce touches an admin screen, other plugin developers really [...]

A Website is a Car and Not a Book

2019-04-16T03:05:18+02:00April 16th, 2019|Categories: News, Tutorials|Tags: |

I’ve been wondering for a good long while why it feels like web design and development isn’t respected as much as native app development= and why the front-end role in many organizations is seen as a nice-to-have rather than a vital part of the business. Why is it so hard to see that this gig [...]

Simulating Mouse Movement

2019-04-16T03:05:17+02:00April 16th, 2019|Categories: News, Tutorials|Tags: |

If you've ever had to display an interactive animation during a live talk or a class, then you may know that it's not always easy to interact with your slides and while talking. This happened to me when I needed to show this particles demo to my students. I didn't want to have to stay [...]

Using the Web Speech API for Multilingual Translations

2019-04-13T03:05:17+02:00April 13th, 2019|Categories: News, Tutorials|Tags: |

Since the early days of science fiction, we have fantasized about machines that talk to us. Today it is commonplace. Even so, the technology for making websites talk is still pretty new. We can make our pages on the web talk using the SpeechSynthesis part of the Web Speech API. This is still considered an [...]

Inline SVG… Cached

2019-04-13T03:05:13+02:00April 13th, 2019|Categories: News, Tutorials|Tags: |

I wrote that using inline icons makes for the best icon system. I still think that's true. It's the easiest possible way to drop an icon onto a page. No network request, perfectly styleable. But inlining code has some drawbacks, one of which is that it doesn't take advantage of caching. You're making the browser [...]

Accessibility Events

2019-04-12T03:05:46+02:00April 12th, 2019|Categories: News, Tutorials|Tags: |

“There isn't some way to know when—…?” There is always a pause here. The client knows what they're asking, and I know what they're asking, but putting it into words—saying it out loud—turns unexpectedly difficult. In the moments before the asking, it was a purely technical question—no different from "can we do this when a [...]

Get a CSS Custom Property Value with JavaScript

2019-04-12T03:05:28+02:00April 12th, 2019|Categories: News, Tutorials|Tags: |

Here’s a neat trick from Andy Bell where he uses CSS Custom Properties to check if a particular CSS feature is supported by using JavaScript. Basically, he's using the ability CSS has to check for browser support on a particular property, setting a custom property that returns a value of either 0 or 1 (Boolean!) [...]

While solving for collaboration, we built a product that our own teams love and use everyday!

2019-04-12T03:05:19+02:00April 12th, 2019|Categories: News, Tutorials|Tags: |

(This is a sponsored post.) Flock is a messaging and collaboration tool built for both designers and developers. With close-to-zero setup, it brings together all your team’s conversations, appointments, and files in one place, helping you spend more time on what you are best at — building awesome stuff! Building software is hard. Building software [...]

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. Ok