If you set the multiple attribute on an input[type=”email”] you can have it accept several email addresses. Easy.
Accept several email addresses in a form with the multiple attribute
Accept several email addresses in a form with the
State of JS 2020
Following up on last year’s 2019 edition the results for the State of JS are in. 23,765 people answered the survey resulting in an overview of what’s hot and not for JavaScript and its ecosystem. It’s great to see that language features like Destructuring, Nullish Coalescing and Optional Chaining seem to be common nowadays. However, …
Nested Media Queries
I can’t seem to find any mention of this in the Media Queries Module specification, but apparently it’s allowed to nest media queries, as shared by Šime Vidas: Apparently, nested media queries are a thing https://t.co/2L2pEWy2JW — Šime Vidas (@simevidas) January 10, 2021 That’s … awesome! 🤯 Fiddling with it a bit more, turns out this …
Optimal Overlay Finder For Readable Text on a Background Image
A trick you can use to make text better stand out against a background image, is to use a color overlay with a certain opacity on top of the image. This tool by Yaphi calculates the ideal opacity to use, so that the contrast meets the WCAG standards.
`dive` – A tool for exploring a Docker Image, Layer Contents, and discovering ways to shrink the size of your Docker/OCI Image
You can use dive to help you optimize your Docker image layers. Say you have these two layers in your Dockerfile: RUN wget http://xcal1.vodafone.co.uk/10MB.zip -P /tmp RUN rm /tmp/10MB.zip Then you’ll end up with 10MB of wasted space. dive will tell you, so that you can combine these into one optimized layer: RUN wget http://xcal1.vodafone.co.uk/10MB.zip …
The Art of Building Real-life Components
Ahmad Shadeed sweats the details to recreating the little component above, as found in Facebook’s Messenger. In this article, I will show you a component that looks simple from the first glance, but there is a ton of work behind it. As you can derive from the article’s length: the devil is in the details. …
DALL·E: Creating Images from Text
We’ve trained a neural network called DALL·E that creates images from text captions for a wide range of concepts expressible in natural language.
10 Next.js Tips You Might Not Know!
Next.js can do a lot for you — which means there’s features you probably haven’t used! This video covers ten tips you might not know about Next.js.
Litepicker Date Range Picker
I like that the daterange needs to be entered in one single input, and that the rendered datepicker is used as a progressive enhancement on top. Installation per NPM: npm i litepicker At its core, usage is really simple: import Litepicker from ‘litepicker’; const picker = new Litepicker({ element: document.getElementById(‘litepicker’) }); Highly configurable too! Litepicker …
Kali Linux + Mr. Robot ARG Society
Throughout the (excellent!) television show Mr. Robot the Kali Linux distribution is used. Turns out the makers were also involved in the “Alternative Reality Game” that lived outside the show. To solve the Post-Season 4 ARG, a key part was to be extracted from one of their repos: The idea was, we would do a …