Fantastic Flight API with aviationstack (Sponsored)
9.1.2020
I didn’t fly until I was 25 years of age — I was hopeless in knowing I had to be there early, the process of security, and the whole gate structure. Now that I’ve flown dozens of times for Mozilla, I feel much more comfortable with the process of flying, but feel less comfortable...
Understanding Async Await
9.1.2020
When writing code for the web, eventually you'll need to do some process that might take a few moments to complete. JavaScript can't really multitask, so we'll need a way to handle those long-running processes.
Async/Await is a way to handle this type of time-based sequencing. It’s especially great...
let vs. const
9.1.2020
There are multiple ways to declare variables in JavaScript. We had var, and while that still works like it always has, it is generally said that let and const are replacements to the point we rarely (if ever) need var anymore. This doodle explanation does a pretty good job, if you need...
Collective #579
9.1.2020
calcolor.co * Let's Learn Eleventy! * Publish * Multi-Thumb Sliders * 22120
Collective #579 was written by Pedro Botelho and published on Codrops
“All these things are quite easy to do, they just need somebody to sit down and just go through the website”
8.1.2020
I saw a video posted on Twitter from Channel 5 News in the UK (I have no idea what the credibility of them is, it's an ocean away from me) with anchor Claudia Liza asking Glen Turner and Kristina Barrick questions about website accessibility.
Apparently, they often post videos with captions,...
Multi-Thumb Sliders: General Case
8.1.2020
The first part of this two-part series detailed how we can get a two-thumb slider. Now we'll look at a general multi-thumb case, but with a different and better technique for creating the fills in between the thumbs. And finally, we'll dive into the how behind the styling a realistic 3D-looking...
The Auto-Flowing Powers of Grid’s Dense Keyword
8.1.2020
Let's say we're working on the homepage of a news website. You're probably used to seeing some card-based content in a grid layout, right? Here's a classic example, The New York Times:
Yeah, something like that.
There are going to be some cards/elements/boxes/whatever that need to take up more...
Awesome Demos Roundup #12
8.1.2020
A hand-picked collection of fantastic web experiments for your inspiration.
Awesome Demos Roundup #12 was written by Mary Lou and published on Codrops
Print Peppermint: Your One Stop Shop for Your Digital Design Needs
8.1.2020
Growing your online business takes more than just publishing high-quality content, sending out engaging email campaigns, and converting more customers. In fact, sometimes it’s the in-person interactions you have...
The post Print Peppermint: Your One Stop Shop for Your Digital Design Needs appeared...
Futuristic and Industrial: The Best Futuristic Fonts
8.1.2020
What does it take to create a design with a futuristic vibe? I believe each of you has its pack of tricks under your sleeves and most importantly, a...
The post Futuristic and Industrial: The Best Futuristic Fonts appeared first on Onextrapixel
The Ultimate Guide to Dark Mode for Email Marketers
7.1.2020
On the regular web (I suppose) we handle "dark mode" with the CSS prefers-color-scheme media query. But, and to nobody's surprise, it's way weirder in the land of HTML email. The weirdness is that across different email clients, they handle the dark mode thing differently, starting with the fact...
Multi-Thumb Sliders: Particular Two-Thumb Case
7.1.2020
This is a concept I first came across a few years back when Lea Verou wrote an article on it. Multi-range sliders have sadly been removed from the spec since, but something else that has happened in the meanwhile is that CSS got better — and so have I, so I recently decided to make my...