Search

Nalezeno "FEW": 928

A Quick CSS Audit and General Notes About Design Systems

31.12.2018
I’ve been auditing a ton of CSS lately and thought it would be neat to jot down how I’m going about doing that. I’m sure there are a million different ways to do this depending on the size and scale of your app and how your CSS works under the hood, so please take all this with a grain of salt....

An Initial Implementation of clip-path: path();

24.12.2018
One thing that has long surprised (and saddened) me is that the clip-path property, as awesome as it is, only takes a few values. The circle() and ellipse() functions are nice, but hiding overflows and rounding with border-radius generally helps there already. Perhaps the most useful value...

WooCommerce

20.12.2018
(This is a sponsored post.) I just read a nicely put together story about WooCommerce over on the CodeinWP blog. WooCommerce started life as WooThemes, sort of a "premium themes" business started by just a couple of fellas who had never even met in person. Two years and a few employees later they...

Ease-y Breezy: A Primer on Easing Functions

18.12.2018
During the past few months, I’ve been actively teaching myself how to draw and animate SVG shapes. I’ve been using CSS transitions, as well as tools like D3.js, react-motion and GSAP, to create my animations. One thing about animations in general and the documentation these and other animation...

The Software We Pay For

5.12.2018
We did a Web Developer Economics series a few years ago, where we looked at the various costs of being a web developer: Web Developer Economics: One-Off Software Costs Web Developer Economics: Hardware Costs Web Developer Economics: Monthly Service Costs Web Developer Economics: The Wrapup I'm...

Announcing Advanced Vue Hawaii!

21.11.2018
After few months of preparations I am very excited to present Advanced Vue Hawaii: a 3-day immersive Vue Training for Web Developers. A great opportunity to learn Vue while getting away for few day

Object.fromEntries

9.11.2018
The Object object has been buffed with useful methods over the past few years. Object.keys, Object.values, Object.freeze, and Object.assign all address frequently desired functionality. One of the new Object methods is fromEntries, which accepts a Map or map-like array nesting and converts it...

Find and Change Default App for File Type from Command Line

23.10.2018
There are few things more frustrating to any computer user than files opening in an unwanted application. Sure you can use the Open menu item in the desired application but we all just want to double-click a file and see it open in the application we expect. I recently got to thinking about this...

Font Playground

20.7.2018
This is a wondrous little project by Wenting Zhang that showcases a series of variable fonts and lets you manipulate their settings to see the results. It’s interesting that there’s so many tools like this that have been released over the past couple of months, such as v-fonts, Axis-Praxis...

Weird things variable fonts can do

20.7.2018
I tend to think of variable fonts as a font format in which a single font file is capable of displaying type at near-infinite variations of things like boldness, width, and slantyness. In my experience, that's a common use case. Just check out many of the interactive demos over...

Remote Conferences; Bridging the Gap, Clearing the Odds

16.7.2018
A few weeks back, I saw one of my esteemed mentors decry the psychological traumas he had experienced, following series and series of refusals at certain embassies. “A child concentrating hard at school” by Les Anderson on Unsplash You would think he went for a contract he did not have the capacity...

Use Angular and NativeScript to Build a Web and Mobile Application

9.7.2018
Angular has been around for a few years now and since its release it has been useful when creating many different categories of applications, including web as well as mobile. The problem, at least

CSS Grid in IE: CSS Grid and the New Autoprefixer

4.7.2018
In Part 1 of this series, I debunked a few misconceptions that many people have around the Internet Explorer (IE) implementation of CSS grid. This article builds on that knowledge. It would be best to go back and read that article first if you haven’t already. Today I’m going to be tackling...

Balancing Time

22.6.2018
I first wrote this post four years ago. I put it on a blog that no longer exists. Funnily enough, I still refer to it myself, so I figured it might be best served in a place where other people can see it. I've made only a few minor tweaks to the original content. A lot about how I work has changed...

Don’t just copy the @font-face out of Google Fonts URLs

19.6.2018
I don't think this is an epidemic or anything, but I've seen it done a few times and even advocated for. This is what I mean... You go to Google Fonts and pick a font like Open Sans, and it gives you either a <link> or an @import with a URL there in which to ready this font for usage...

Building a RSS Viewer With Vue: Part 2

19.6.2018
Welcome to Part 2 of this mini-series on building a RSS viewer with Vue. In the last post, I walked through how I built my demo using Vue.js and Vuetify on the front end and Webtask on the back end. When I built that initial version, I knew it was exactly thatmdash;an "initial" version. I took some...

Building a RSS Viewer With Vue: Part 1

18.6.2018
As I explore, learn, and most importantly, play with Vue.js, I've been building different types of apps as a way to get practice with and improve my use of it. A few weeks ago, I was reading about the shut down of Digg's RSS Reader and while great alternatives exist, I thought it would be fun...

console.logTime

7.6.2018
I work on a really complex debugger at Mozilla but, and don’t tell my colleagues, I sometimes enjoy simply using console.log and other console commands to get some simple output. I know, I know, but hey — whatever gets the job done. A few years ago I detailed console.time...

console.timeLog

Free Introduction to Web Development Workshop

15.5.2018
Brian Holt and the Frontend Masters team are putting on a free workshop today and tomorrow that is live-streamed for anyone that's interested. This is super cool because, despite the fact that there is a mountain of articles about web development out there, there are only few that start with...