HTML 5.2 has introduced a new dialog element for native modal dialog boxes. At first glance, it seems fairly straightforward (and it is), but as I’ve been playing around with it, I’ve found it
Frontend developers utilize a variety of tools. Discussion of these tools and arguing which one is the best will easily grow in a holy war, as every developer has his own preferences in terms of methods of working and using programming languages. That is why the wisest decision one can make is to
This is the official style guide for Vue-specific code. If you use Vue in a project, it’s a great reference to avoid errors, bikeshedding, and anti-patterns.
Chad shows how to conditionally apply a CSS class at runtime, binding to a JS object by defining a class and creating class bindings in your template.
In 2017, the toolbox for making sure your web page loads fast includes everything from minification and asset optimization to caching, CDNs, code splitting and ...
It's a common practice for a Vue app to use the DOM as its template. In this article, I'll explain the issues and offer some alternatives.
Understanding SVG Coordinate Systems and Transformations — The viewport, viewBox, and preserveAspectRatio
In this article we're going to go over three of the most important SVG attributes that control SVG coordinate systems: viewport, viewBox, and preserveAspectRatio.
Despite the fact that all modern browsers can run ES2015+ code and natively support the features I just mentioned, most developers still transpile their code to ES5
Not all browsers have client-side validation built-in and all of them behave differently. Let’s look at how to build our own form validation using Vue.js so it behaves the same in all modern browsers.
Giulio Mainardi shows you how to build a Trello layout using CSS's new Grid Layout Module features and Flexbox, along with some Sass for efficiency.
In the past, 'accessible graphics' meant ALT tags. Leonie Watson shows how SVG allows us to make semantic, robust, screen-readable graphics.
CSS-in-JS is a bit like eval for CSS. It is incredibly powerful, but it also makes it easy to shoot yourself in the foot.
Split-screen layouts are a bold stylistic choice but not suited to all designs. Today, Daniel balances some design inspiration with a few words of caution.
The purpose of OOCSS - Object Oriented CSS - is to encourage code reuse and faster and more efficient stylesheets that are easier to maintain.