Hugo is a free and open-source static site generator (SSG) with a beautifully simple setup process, a command line interface and several killer feature
Static sites are popular for many reasons. Avoiding overkill solutions and keeping a project simple without databases, too many dependencies, or specific server-side configurations (no PHP, no...
Jekyll is a simple and blog-aware static site generator built in Ruby. In laymen terms, it's just a tool to let you have all the cool features of a full-blown CMS without having to worry about managing a database. This means hosting is extremely easy and scalable
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.