(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');

CSS

Home » CSS

Components, yo.

2019-06-15T03:05:37+02:00June 15th, 2019|Categories: News, Tutorials|Tags: |

I see VuePress just went 1.0. Explained simply, it's a static site generator based on Vue. But of course, you work in Vue, which means you work in components. All the modern JavaScript frameworks are component-based. Even when they disagree with each other about specific things (like how Svelte requires compilation), they all seem to [...]

Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon

2019-06-15T03:05:15+02:00June 15th, 2019|Categories: News, Tutorials|Tags: |

Šime posts regular content for web developers on webplatform.news. In this week's roundup, Chrome is adding an install option for Progressive Web Apps, Opera GX comes to Windows, the ECMAScript proposals get an update, and CSS Scroll Snap is coming to a Firefox browser near you. An install icon is coming to Chrome on desktop [...]

Grid, content re-ordering and accessibility

2019-06-14T03:06:02+02:00June 14th, 2019|Categories: News, Tutorials|Tags: |

Take this: Get hungry Order pizza Eat pizza That HTML ends up in the DOM that way (and thus how it is is exposed to assistive technology), and by default, those list items are also visually shown in that order. In most layout situations, the visual order will match that DOM order. Do nothing, and [...]

A11Y with Lindsey

2019-06-14T03:06:02+02:00June 14th, 2019|Categories: News, Tutorials|Tags: |

Lindsey Kopacz has a wonderful blog about accessibility. I've seen a number of her articles making the rounds lately and I was like, dang I better make sure I'm subscribed. For example: An Introduction to ARIA States 3 Simple Tips to Improve Keyboard Accessibility Create custom keyboard accessible checkboxes Regarding that last one, I remember [...]

Everything You Need to Know About Date in JavaScript

2019-06-12T03:05:44+02:00June 12th, 2019|Categories: News, Tutorials|Tags: |

Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with date and time. But we don't always need to use libraries. Date can actually be quite simple if you know what to watch out for. In [...]

Designing with Motifs

2019-06-11T03:05:24+02:00June 11th, 2019|Categories: News, Tutorials|Tags: |

I love the way Erik Kennedy talks about digital design. Very practical and understandable. Have a listen to a chat with him we had on ShopTalk. One of his latest blog posts is titled "The #1 Way to Spice Up Your Designs (And Create a More Cohesive Brand)" and it's about something he pegs as [...]

Using DevTools to Improve the UX Design to Development Process

2019-06-08T03:05:07+02:00June 8th, 2019|Categories: News, Tutorials|Tags: |

I’d like to tell you how I see code and design intersect and support one another. Specifically, I want to cover how designers can use code in their everyday work. I suggest this not because it’s a required skill, but because even a baseline understanding of coding can make designs better and the hand-off from [...]

Weekly Platform News: Feature Policy, ECMAScript i18n API, Packaged PWAs

2019-06-08T03:05:01+02:00June 8th, 2019|Categories: News, Tutorials|Tags: |

Šime posts regular content for web developers on webplatform.news. New Feature Policy API in Chrome Pete LePage: You can use the document.featurePolicy.allowedFeatures method in Chrome to get a list of all Feature Policy-controlled features that are allowed on the current page. This API can be useful when implementing a feature policy (and updating an existing [...]

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