WDRL — Edition 262: Clarity and Style, Humane by Design, 10 Years In The Web, and Almost No One.
4.4.2019
Hey,
For the last three weeks I put WDRL aside and it emerged all from one discussion with Tobias in which we found out that I constantly tend to take on too many opportunities in parallel and then struggle. Honestly, I think I’m too interested in too many things in the world and see so many ways...
Validating a Login Form With React
4.4.2019
For almost every form that you create, you will want some sort of validation. In React, working with and validating forms can be a bit verbose, so in this article we are going to use a package call
Fixed Headers, On-Page Links, and Overlapping Content, Oh My!
3.4.2019
Let's take a basic on-page link:
<a href="#section-two">Section Two</a>
When clicked, the browser will scroll itself to the element with that ID: <section id="section-two"></section>. A browser feature as old as browsers themselves, just about.
But as soon as...
Responsible JavaScript
3.4.2019
We just made a note about this article by Jeremy Wagner in our newsletter but it’s so good that I think it’s worth linking to again as Jeremy writes about how our obsession with JavaScript can lead to accessibility and performance issues:
What we tend to forget is that the environment websites...
What Are Design Tokens?
3.4.2019
I’ve been hearing a lot about design tokens lately, and although I’ve never had to work on a project that’s needed them, I think they’re super interesting and worth jotting down a few notes about. As I understand it, the general idea is this: design tokens are an agnostic way to store variables...
Crossroads Slideshow
3.4.2019
An experimental slideshow with an inclined look, three slide previews and a content view on click.
Crossroads Slideshow was written by Mary Lou and published on Codrops
Building a Custom Sitemap for Your Gatsby.js Site
3.4.2019
Building static sites with React.js using Gatsby.js seem to be more and more a topic of debate when you require an easy to deploy setup, blazing fast speed and smooth developer experience. Gatsby h
Make it hard to screw up driven development
2.4.2019
Development is complicated. Our job is an ongoing battle between getting the job done and doing that job in a safe, long-lasting way.
Developers say things like, "I'm just going to do this quick and dirty first," because it's taken as fact that if you code anything quickly, it not only will...
Form Validation in Under an Hour with Vuelidate
2.4.2019
Form validation has a reputation for being tricky to implement. In this tutorial, we’ll break things down to alleviate some of that pain. Creating nice abstractions for forms is something that Vue.js excels at and Vuelidate is personally my favorite option for validations because it doesn't require...
Who has the fastest website in F1?
2.4.2019
Jake Archibald looks at the websites of Formula One race teams and rates their performance, carefully examining their images and digging into the waterfall of assets for each site:
Trying to use a site while on poor connectivity is massively frustrating, so anything sites can do to make it less...
Awesome Automation and Integration with Buddy
2.4.2019
One of my favorite services for years has been IFTTT (If this then that). Having a service that allows me to trigger a host of functionalities with one simple action is amazing! Posting a picture to Instagram can trigger IFTTT to send a tweet, post to Facebook, email to friends, etc. I’ve...
React Starter: React Prerequisites and 4 ES6 Things to Know
2.4.2019
JavaScript has come a long way in the past decade, especially with the ES6 update.
JavaScript’s standardized name is ECMA Script and this version came in 2015. It was named ES2015 o