Archive for: April, 2018

Finger-friendly numerical inputs with `inputmode`

Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to context. Input fields that expect numerical values should have a numerical UI. Bringing up a number keyboard on small screens is easy on most platforms — just use a <input type="number">. This big button...

Embarking On New Adventures: Inspiring Desktop Wallpapers For May 2018

Embarking On New Adventures: Inspiring Desktop Wallpapers For May 2018 Cosima Mielke 2018-04-30T13:15:44+02:00 2018-04-30T13:14:20+00:00 Sometimes it doesn’t take a lot to get inspired. A short rid...

Practical Jokes in the Browser

I know April Fool’s Day is at the beginning of this month, but hey, now you’ve got a year to prepare. Not to mention a gool ol’ practical joke can be done anytime. Fair warning on this stuff… you gotta be tasteful. Putting someone’s stapler in the jello is pretty hilarious unless it’s somehow a family heir...

CSS Blocks

A new entry into the CSS-in-JS landscape! Looks like the idea is that you write an individual CSS file for every component. You have to work in components, that’s how the whole thing works. In the same isle as styled-components, css-modules, and glamorous. Then you write :scope { } which is the base style for tha...

WordPress Local Development For Beginners: From Setup To Deployment

WordPress Local Development For Beginners: From Setup To Deployment Nick Schäferhoff 2018-04-27T14:00:29+02:00 2018-04-27T12:15:55+00:00 When first starting out with WordPress, it’s very common to...

Designers, Use Uncode’s Visuals for Great Visitor Experiences in 2018 Sponsored

Today, there are over 1.8 million websites online, making it easy for consumers to hop from site to site. As a website developer, it’s easy to forego attention to visitor retention. In fact, it is hard to focus on building a creative, responsive website that’s “pretty” to look at. The level of c...

Setting up an ES6 Project Using Babel and webpack

In this article, we’re going to look at creating a build setup for handling modern JavaScript (running in web browsers) using Babel and Webpack. This is needed to ensure that our modern JavaScript code in particular is made compatible with a wider range of browsers than it might otherwise be. JavaScript, like most we...

Radial Gradient Recipes

Radial gradients are pretty dang cool. It’s amazing we can paint the background of an element with them so easily. Easily is a relative term though. It’s certainly easier than needing to create a graphic in third-party software to use as the background, and the syntax is highly learnable. But it’s als...

​Level Up Your JavaScript Error Monitoring

(This is a sponsored post.) Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag without changing your code or adding try/catch blocks. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time compared to traditional tools...

Measuring Websites With Mobile-First Optimization Tools

Measuring Websites With Mobile-First Optimization Tools Jon Raasch 2018-04-26T13:40:03+02:00 2018-04-26T11:46:15+00:00 Performance on mobile can be particularly challenging: underpowered devices, slo...