Parcel purports to be a “zero-config” alternative to Webpack, a popular Javascript module bundler. A module bundler takes separate, reusable JS files (or modules) and “bundles” them into a single file to be served to the browser, as well as minifying the output. This can improve website performance, as the browser doesn’t need to load a bunch of files individually. Post written by the author of "CSS in Real Life".
How the new release will affect the way we write our code. As you could expect, Vue 3 brings a lot of new exciting features. Thankfully Vue team mostly introduced additions and improvements over current APIs rather than major changes so people that already know Vue 2 should quickly feel comfortable with new syntaxes. Written by Filip Rakowski.
When it comes to building a simple front-end project, how do you get started? What are the tools you need? I suspect everyone will have a different answer. Do you start with a (JS or CSS) framework, or off-the-shelf boilerplate? Perhaps you use a task runner (like Gulp to orchestrate your project’s needs. Or do you start simple, with just HTML and a CSS file? post written by Michelle Barker.
The first Vue.js UI library dedicated to eCommerce Create stunning, mobile-first online stores with this 100% customizable design system.
I find that the need to create responsive table layouts pops up far more often than most developers would expect. The gut reaction might to be implement some sort of custom grid-system or pull in a pre-built library. Don't do this - just use tables and some simple CSS. Post written by Bradley Taunt.
Ultrafast, offline-ready and platform-agnostic Progressive Web App e-commerce. Always free and open source under the MIT license.
CSS variables, now enjoying fairly good browser support, are opening up exciting possibilities for more dynamic styling. Having true CSS variables means that we can get and set their values in JavaScript, allowing us to build cool features like live theming. Post written by Jonathan Harrell.
Simple yet flexible JavaScript charting for designers & developers. Charts.js is one of the most beautiful open source charts library.
Pure CSS syntax highlighter, no Javascript required. Includes built-in tooltips with UI themes and syntax highlighting themes.
Discover how to implement target="_blank" the right way to not be hacked. Written by Alex Yumashev.
How much of the CSS style that you import from external libraries you really use? Sometimes even less than 20%, so why do you need to have all this unused style? No reason! Purgecss come to help, it is a tool which helps to remove unused CSS and it can be used as part of your development workflow. Post written by Luca Spezzano.
A tiny library for recreating Instagram filters with CSS filters and blend modes.
A curated list of awesome things related to Tailwind CSS. Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.
Learn how to style a dropdown menu with Tailwind's utility classes.
In this modern era of web development, we don’t really need a heavy-handed reset, or even a reset at all, because CSS browser compatibility issues are much less likely than they were in the old IE 6 days. Post written by Andy Bell.
GreenSock is a JavaScript plateform which makes it easy to animate HTML elements. As long as you have an understanding of HTML and CSS, along with a basic knowledge of JavaScript, you’ll be equipped with everything you need to build your animation with Greensock.
