The “Inside” Problem
20.5.2019
So, you're working on a design. You need a full-width container element because the design has a background-color that goes from edge-to-edge horizontally. But the content inside doesn’t necessarily need to be edge-to-edge. You want to:
Limit the width (for large screens)
Pad the edges
Center...
Creating a Diversity Scholarship Program for Your Conference
20.5.2019
My partner and I ran a design and development conference company for eight years. During that time, we produced hundreds of hours of conferences, both on-site and online. Diversity scholarships were only becoming a typical conference offering around the time we decided to sunset our business....
Build an Ionic 4 App with User Login and Registration
20.5.2019
Ionic allows you to develop Progressive Web Applications (PWAs) and hybrid mobile apps. PWAs are web applications that run in a browser and allow for offline capabilities via service workers. They
10 React Challenges (Beginner): DOM Movement with Events
20.5.2019
Styling elements or in some instances, components in a React project is essential. Sometimes, you need to make a change in the style of an element bas
What’s New in Tailwind CSS v1
20.5.2019
Tailwind has finally released a major version of the utility based styling library
Footnotes That Work in RSS Readers
17.5.2019
Feedbin is the RSS reader I'm using at the moment. I was reading one of Harry's blog posts on it the other day, and I noticed a nice little interactive touch right inside Feedbin. There was a button-looking element with the number one which, as it turned out, was a footnote. I hovered over it,...
Everything You Ever Wanted to Know About inputmode
17.5.2019
The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user has selected any input or textarea element.
<input type="text" inputmode="" />
<textarea inputmode="" />
Unlike changing the type...
Recursive Array.flat
17.5.2019
There was much talk about Array.prototype.flat during its early stages, starting with the name alone. Many developers preferred the name flatten but the spec differed from MooTools’ implementation. MooTools would recursively flatten an array but the new, official flat implementation was only...
Weekly news: PWA Issue on iOS, Performance Culture, Anti-Tracking in Browsers
17.5.2019
In this week's news: resolving an issue when restarting progressive web apps in iOS, why The Telegraph now vets all scripts before they make it to their codebase, and Microsoft plans to add tracking prevention to the Edge browser.
The post Weekly news: PWA Issue on iOS, Performance Culture...
WDRL — Edition 265: Dark Mode, Doing Nothing, Web Share, 1 Trillion Trees, And Productivity & Promises.
17.5.2019
Hey,
I was at the amazing beyondtellerrand conference this week again and every single time I come home and try to understand our industry, and our society better. There’s so much input and inspiration around, I see a lot of friends and people I see only once per year, I hear great talks. People...
CSS Scan: The Fastest Way to Inspect and Copy CSS
17.5.2019
CSS Scan is a super cool tool I've just learned about from Chris Nwamba. It allows you to inspect and copy CSS
React Starter: Adding Sass to Create React App Applications
17.5.2019
Adding Sass is one of the first things most developers do when starting an application. Writing in plain CSS can be done, but Sas