Conditionally Applying a CSS Class in Vue.js
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.
Latests
CSS Aspect Ratio Boxes
I had a little situation the other day where I needed to make one of those aspect-ratio friendly boxes. This isn't particularly new stuff.
npm@5 is now available at `npm@latest` and it's fast!
Starting today, if you type `npm install npm@latest -g`, you’ll be updated to npm version 5. In addition, npm@5 is bundled in all new installations of Node.js 8
Why should we use pnpm instead of npm?
pnpm is an alternative package manager for Node.js. It is a drop-in replacement for npm, but faster and more efficient.
Reducing Vuex boilerplate for AJAX calls
Anyone who has used the flux architecture in their apps, be it Vuex, Redux or another, knows a lot of boilerplate comes with it. Let’s see…
CSS font-display: The Future of Font Rendering on the Web
Giulio Mainardi explains the new font-display property and how it will help CSS developers improve rendering of fonts during page load.
Building the DOM faster: speculative parsing, async, defer and preload
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 ...
Vue.js Single-File JavaScript Components In The Browser
One of the cool things about native JavaScript modules for Vue.js users is that they allow you to organize your components into their own files without any kind of build step required. In this article, I'm going to show you how to write a single-file JavaScript component without any Babel or Webpack!
6 Things That Make Yarn the Best JavaScript Package Manager
Yarn is an open-source npm client that was developed at Facebook and improves on many aspects of the standard npm client. In this tutorial, I'll focus on the top six features that make Yarn...
TypeScript for Beginners: Getting Started
Let's start this tutorial with the question: "What is TypeScript?" TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
Intriguing CSS Level 4 Selectors
The examples in this article are part of the CSS Selectors Level 4 specification. Let’s dive in and investigate seven of these intriguing selectors.
Extending VueJS Components
Do you have components in your Vue.js app that share similar options, or even template markup? In this article I'll show you a design pattern for extending Vue components that'll help keep your code DRY.
Auto Layout Magic: Content Sizing Priorities
What the hell is Content Hugging and Content Compression Resistance Priorites? Here a tutorial about Xcode Auto Layout Content Sizing Priorities
Here are fixes devs need for iOS 11 Webview Viewport on the iPhone X
This post helps you understand the Webview Viewport in iOS 11. In particular with any web-based apps that use fixed position header bars when they are built for iOS 11.
Color, psychology and design
In design, the color act as a key function that grabs the attention of the user. Is product design only about how humans interacts with it?