Search
How to Make CSS Slanted Containers
9.2.2022
I was updating my portfolio and wanted to use the forward slash (/) as a visual element for the site’s main layout. I hadn’t attempted to create a slanted container in CSS before, but it seemed like it …
How to Make CSS Slanted Containers originally published on CSS-Tricks. You should...
No Motion Isn’t Always prefers-reduced-motion
8.2.2022
There is a code snippet that I see all the time when the media query prefers-reduced-motion is talked about. Here it is:
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms...
Netlify Has Scheduled Functions
8.2.2022
(This is a sponsored post.)
Hey! Scheduled Functions are cool! Think of them like a CRON job. I want this code to run every Monday at 2pm. I want this code run every hour on the hour. That kind …
Netlify Has Scheduled Functions originally published on CSS-Tricks. You should get...
Gundam Anime Studio Is Changing Its Official Name
8.2.2022
Founded in 1972, Sunrise Inc. is one of Japan’s most famous anime studios. The studio’s corporate name will be no more starting this spring.IT Media reports that Sunrise will become Bandai Namco Filmworks as of April 1st 2022. Bandai Namco Arts and Bandai Namco Marketing will merge with Sunrise...
Federal Reserve Bank of Boston and MIT Release Central Bank Digital Currency Research and Open-Source Code
5.2.2022
The Federal Reserve Bank of Boston and the Massachusetts Institute of Technology (MIT) have jointly published the initial findings of their central bank digital currency (CBDC) research. They also published the open-source code for the CBDC project. Boston Fed and MIT Publish Initial Findings...
User Registration and Auth Using Firebase and React
2.2.2022
The ability to identify users is vital for maintaining the security of any applications. Equally important is the code that’s written to manage user identities, particularly when it comes to avoiding loopholes for unauthorized access to data held by an …
User Registration and Auth Using...
JavaScript Class Privates
1.2.2022
One of my aspects of JavaScript that drew me to it as a young developers was that its syntax was loose and I could code quickly. As you gain experience as an engineer, you start to realize that some traditional coding structure is a good thing, even if it slows you down. Using Jest or […]
The...
Git: Switching Unstaged Changes to a New Branch
28.1.2022
I’m always on the wrong branch. I’m either on master or main working on something that should be on a fix or feature branch. Or I’m on the last branch I was working on and should have cut a new …
Git: Switching Unstaged Changes to a New Branch originally published...
How to Cycle Through Classes on an HTML Element
26.1.2022
Say you have three HTML classes, and a DOM element should only have one of them at a time:
<div class="state-1"</div<div class="state-2"</div<div class="state-3"</div
Now your job is to rotate them. That is, cycle through classes …
How to Cycle Through Classes on...
How Do You Handle Component Spacing in a Design System?
26.1.2022
Say you’ve got a <Card /> component. It’s highly likely it shouldn’t be butted right up against any other components with no spacing around it. That’s true for… pretty much every component. So, how do you handle component spacing in …
How Do You Handle...
Dark Souls Servers Down Due To Exploit That Could Give Someone Control Of Your PC
23.1.2022
Earlier this morning, Bandai Namco and From Software announced that all the servers for Dark Souls Remastered, 2, and 3 were temporarily shut down because of an “issue with online services.” While the publisher didn’t share more details, it’s believed the “issue” is a recently publicized PC exploit...
The CSS from-font Value Explained in 4 Demos
21.1.2022
I was doing my Advent of UI Components, and I stumbled upon the from-font value for the text-decoration-thickness CSS property. I was curious about it, so I did a little research and I think what I found (and learned) …
The CSS from-font Value Explained in 4 Demos originally published...
Call Of Duty QA Testers Form Activision Blizzard’s First Union
21.1.2022
Thirty-four quality assurance testers at Raven Software, the Activision Blizzard studio in charge of its massively popular battle royale, Call of Duty: Warzone, announced today that they are unionizing after weeks of striking over recently announced layoffs in their department. Calling themselves...
Raven QA Testers Form Activision Blizzard’s First Union
21.1.2022
Thirty four quality assurance testers at Raven Softwarew, the Activision Blizzard studio in charge of its massively popular battle royale, Call of Duty: Warzone, announced today they are unionizing after weeks of striking over recently announced layoffs in their department. Calling themselves...
Hedera Governing Council to buy hashgraph IP, and open-source projects code
19.1.2022
Distributed ledger service, Hedera Hashgraph is expected to deploy a panoply of upgrades in 2022 in line with their long-term pursuit of decentralization
Animate Anything Along an SVG Path
19.1.2022
Learn how to code creative animations using SVG paths and the getPointAtLength() function.
The post Animate Anything Along an SVG Path appeared first on Codrops
Mondrian Art in CSS From 5 Code Artists
14.1.2022
Mondrian is famous for paintings with big thick black lines forming a grid, where each cell is white, red, yellow, or blue. This aesthetic pairs well with the notoriously rectangular web, and that hasn’t gone unnoticed over the years with …
Mondrian Art in CSS From 5 Code Artists...
How to Build Your First Custom Svelte Transition
14.1.2022
The Svelte transition API provides a first-class way to animate your components when they enter or leave the document, including custom Svelte transitions. By default, the transition directive uses CSS animations, which generally offer better performance and allow the browser’s …
How...
We Can All Finally Learn How To Make Big Macs On Nintendo DS
12.1.2022
The gaming preservationists over at Forest of Illusion recently got their hands on the holy grail of the Nintendo DS catalog: a cartridge meant to teach McDonald’s workers the ins and outs of the fast-food restaurant via the popular two-screen handheld. It’s called eSMART 2.0, and after years...
How to Use Native Custom Fields in WordPress (and 5 Useful Examples)
11.1.2022
Custom Fields in WordPress are arbitrary bits of data that you can apply to Posts, Pages, and Custom Post Types in WordPress. Metadata, as it were, in the form of key/value pairs. For example:
Key: subtitle / Value: They are
…
How to Use Native Custom Fields in WordPress (and 5 Useful...