Search
Wallstreetbets Reinstates Ban on Cryptocurrency Discussions, Citing Bloomberg Coverage
16.4.2021
The moderators of the famous Reddit forum Wallstreetbets, known for putting Gamestop (GME) stock prices on the map as a worldwide trending topic, lifted a ban on all discussions related to bitcoin, ethereum, and dogecoin. However, the decision has been reversed after a recently published Bloomberg...
Creating an Editable Textarea That Supports Syntax-Highlighted Code
16.4.2021
When I was working on a project that needed an editor component for source code, I really wanted a way to have that editor highlight the syntax its typed. There are projects like this, like CodeMirror, Ace, and …
The post Creating an Editable Textarea That Supports Syntax-Highlighted Code...
Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders
16.4.2021
There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …
The post Platform News:...
r/Wallstreetbets re-bans crypto discussions following Bloomberg article
16.4.2021
Apparently r/Wallstreetbets doesn’t “bow to cryptocurrencies.”
Flash of inAccurate coloR Theme (FART)
16.4.2021
There is a lot to think about when implementing a dark mode theme on a website. We have a huge guide on it. There are some very clever quick wins out there, but there are also some quite tricky things …
The post Flash of inAccurate coloR Theme (FART) appeared first on CSS-Tricks.
You...
The Importance of Career Laddering
15.4.2021
The title of this article is misleading. It’s not actually very important for an Engineering Manager to use career laddering, per se, or my process. It is, however, very important that an Engineering Manager is clear with their employees…
The post The Importance of Career Laddering appeared...
Generating (and Solving!) Sudokus in CSS
15.4.2021
I love to make CSS do stuff it shouldn’t. It’s the type of problem-solving brain training you’d get building a calculator in Minecraft, except you probably won’t get a job working with Minecraft Redstone no matter how good you …
The post Generating (and Solving!) Sudokus in CSS appeared...
Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling
14.4.2021
I‘m not sure how this one came about. But, it‘s a story. This article is more about grokking a concept, one that’s going to help you think about your animations in a different way. It so happens that this particular …
The post Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling...
CSS is a Strongly Typed Language
13.4.2021
One of the ways you can classify a programming language is by how strongly or weakly typed it is. Here, “typed” means if variables are known at compile time. An example of this would be a scenario where an integer …
The post CSS is a Strongly Typed Language appeared first on CSS-Tricks.
You...
How to Leverage the Fullscreen API… and Style It
12.4.2021
Let’s look at the Fullscreen API in JavaScript. It allows you to do a pretty powerful thing: full screening exactly one particular element you want it to. Not only that, but CSS can help as well with a special selector.…
The post How to Leverage the Fullscreen API… and Style It appeared...
See You Around
12.4.2021
Get it? Because this blog post is about Around, the wonderful new video call software. I’ve been using it for my video calls and I’d be happy to deliver you a TLDR right off the bat: It’s nice. It …
The post See You Around appeared first on CSS-Tricks.
You can support...
Headless Form Submission With the WordPress REST API
9.4.2021
If you’re building a WordPress site, you need a good reason not to choose a WordPress form plugin. They are convenient and offer plenty of customizations that would take a ton of effort to build from scratch. They render the …
The post Headless Form Submission With the WordPress REST...
Comparing the New Generation of Build Tools
8.4.2021
A bunch of new developer tools have landed in the past year and they are biting at the heels of the tools that have dominated front-end development over the last few years, including webpack, Babel, Rollup, Parcel, create-react-app.
These new …
The post Comparing the New Generation of Build...
Paris Hilton drops surprisingly well-informed article about NFTs
8.4.2021
Paris Hilton is bullish on non-fungible tokens and thinks the pandemic “illuminated the importance of digital worlds—and NFTs,”
Coordinating Svelte Animations With XState
7.4.2021
This post is an introduction to XState as it might be used in a Svelte project. XState is unique in the JavaScript ecosystem. It doesn’t keep your DOM synced with your application state, nor does it help you with asynchrony, …
The post Coordinating Svelte Animations With XState appeared...
Some Articles About Accessibility I’ve Saved Recently
6.4.2021
“Good news about display: contents and Chrome” — Rachel Andrew notes that the accessibility danger of using display: contents; is fixed in Chrome. The problem was that, say you had a parent div that is laid out as a grid
…
The post Some Articles About Accessibility I’ve...
Gaps? Gasp!
6.4.2021
At first, there were flexboxes (the children of a display: flex container). If you wanted them to be visually separate, you had to use content justification (i.e. justify-content: space-between), margin trickery, or sometimes, both. Then along came grids (a …
The post Gaps? Gasp! appeared...
Splitting Time Between Product and Engineering Efforts
5.4.2021
At each company I’ve worked, we have had a split between time spent on Product initiatives and Engineering work. The percentages always changed, sometimes 70% Product, 30% Engineering, sometimes as much as a 50/50 split. The impetus is to make …
The post Splitting Time Between Product...
Creating a Smart Navbar With Vanilla JavaScript
5.4.2021
Sticky, or fixed, navigation is a popular design choice because it gives users persistent access to navigate the site. On the other hand, it takes up space on the page and sometimes covers content is a way that’s less than …
The post Creating a Smart Navbar With Vanilla JavaScript appeared...
Platform News: Rounded Outlines, GPU-Accelerated SVG Animations, How CSS Variables Are Resolved
2.4.2021
In the news this week, Firefox gets rounded outlines, SVG animations are now GPU-accelerated in Chrome, there are no physical units in CSS, The New York Times crossword is accessible, and CSS variables are resolved before the value is inherited.…
The post Platform News: Rounded Outlines...