CSS :focus-within
25.6.2019
Using :hover to display additional information or elements is a very useful technique but a big drawback to using the hover pseudo-class is that they are usually not accessibility-friendly. Not everyone uses a mouse and some users have visual impairments, so they rely on screen readers or...
ES6 Arrow Functions in JavaScript - Getting Started
25.6.2019
With ES6 JavaScript came many updates to the language including the spread operator, object destructuring, new tpye of variables, and more. On top of all those amazing features came arrow f
Byte Sized Computer Science: Order of Operations
25.6.2019
As a coder, you're probably pretty used to telling computers what to do. Type up some code, run it, and the computer gets to work executing whatever command you gave it.
Even though we have
Render Snarky Comments in Comic Sans
25.6.2019
Hilarious idea by Zach Leatherman. To test if a comment is "snarky" or not, there is an npm package up to the task.
On this site, we generally just delete snarky comments, but I still run a WordPress plugin that allows me to "feature" or "bury" comments. It's old but it still works fine in...
Building a Conference Schedule with CSS Grid
24.6.2019
It’s hard to beat the feeling of finding a perfect use for a new technology. You can read every handy primer under the sun and ooh-and-ahh at flashy demos, but the first time you use it on your own project… that’s when things really click.
I gained a new appreciation for CSS Grid when building...
Collective #527
24.6.2019
Writing HTML in HTML * The perils of functional CSS * Shape (Beta) * Screenzy * How to learn D3.js
Collective #527 was written by Pedro Botelho and published on Codrops
The New Windows Terminal Is Now Available to Download
24.6.2019
In May, Microsoft announced that they would release a brand new Windows Terminal.
You can now download it
Reduced Motion Picture Technique, Take Two
21.6.2019
Did you see that neat technique for using the <picture> element with <source media=""> to serve an animated image (or not) based on a prefers-reduced-motion media query?
After we shared that in our newsletter, we got an interesting reply from Michael Gale:
What about folks who love...
Weekly Platform News: Mozilla’s AV1 Encoder, Samsung One UI CSS, DOM Matches Method
21.6.2019
In this week's weekly roundup, Vimeo and Mozilla partner up on a video encoding format, how to bind instructions to to form fields using aria labels, the DOM has a matching function, and Samsung is working on its own CSS library.
The post Weekly Platform News: Mozilla’s AV1 Encoder, Samsung One...
WDRL — Edition 268: Reshaping, Struggles with Agile, Checklists and The Most Effective Dose of Work.
21.6.2019
Hey,
Imagine you have a Garden. Now, imagine what you can make out of it, if you free yourself from the magainzes that show you the conventions: Look at our garden in June; We’re in the third year since I started with this (it was much smaller in the beginning), it took me a while to get used,...
Hello Subgrid!
20.6.2019
Rachel Andrew’s talk at CSSconf is wonderful because it digs into one of the most exciting changes that’s coming soon to a browser near you: subgrid! That’s a change to the CSS Grid spec that allows for much greater flexibility for our visual designs. Subgrid allows us to set one grid on an entire...
React Starter: JSX Gotchas
20.6.2019
JSX is a very powerful technology. With all new things that we have to learn, there is a bit of a learning curve. Let's talk about some of the gotchas when using JSX. These are some common things t