Archive for the ‘Link’ Category

Editing the W3C HTML5 spec

Posted on: No Comments
Bruce Lawson has been tapped to co-edit the W3C HTML5 spec and, in his announcement post, clarified the difference between that and the WHATWG spec: The WHATWG spec is a future-facing document; lots of ideas are incubated there. The W3C spec is a snaps...

Declining Complexity in CSS

Posted on: No Comments
The fourth edition of Eric Meyer and Estelle Weyl's CSS: The Definitive Guide was recently released. The new book weighs in at 1,016 pages, which is up drastically from 447 in the third edition, which was up slightly from 436 in the second edition. De...

Styleable

Posted on: No Comments
The Wix dev team throws their hat into the CSS preprocessor ring: Stylable is a CSS preprocessor that enables you to write reusable, highly-performant, styled components. Each component exposes a style API that maps its internal parts so you can reuse...

Happier HTML5 Form Validation

Posted on: No Comments
HTML has given us loads of form validation stuff in the last few years. Dave Rupert puts a point on the UX problems with it: If you’ve ever experimented with HTML5 Form Validation, you’ve probably been disappointed. The out-of-box experience isn’...

Airplanes and Ashtrays

Posted on: No Comments
Harry Roberts wrote about design systems and how compromise has to be baked into them from the very start. He argues that we can’t be dictatorial about what is and isn’t permitted because design, whether that’s the design of a product, service o...

Live Share / Teletype

Posted on: No Comments
Amanda Silver introduces "Visual Studio Live Share", which: enables developers using Visual Studio 2017 or Visual Studio Code to collaborate in real-time! This goes a bit deeper than just a multiple-cursors thing. Both people get all the same fancy VS ...

SVG as a Placeholder

Posted on: No Comments
It wasn't long ago when Mikael Ainalem's Pen demonstrated how you might use SVG outlines in HTML then lazyload the image (later turned into a webpack loader by Emil Tholin). It's kind of like a skeleton screen, in that it gives the user a hint of what'...

Discover The Fatwigoo

Posted on: No Comments
When you use a bit of inline <svg> and you don't set height and width, but you do set a viewBox, that's a fitwigoo. I love the name. The problem with fatwigoo's is that the <svg> will size itself like a block-level element, rendering enormo...

Text Input with Expanding Bottom Border

Posted on: No Comments
Petr Gazarov published a pretty rad little design pattern in his article Text input highlight, TripAdvisor style. It's a trick! You can't really make an <input> stretch like that, so Petr makes a <span> to sync the value too, which acts as...

​BugReplay

Posted on: No Comments
(This is a sponsored post.)Let's say you're trying to report a bug and you want to do the best possible job you can. Maybe it's even your job! Say, you're logging the bug for your own development team to fix. You want to provide as much detail and cont...