Search
Monitor Your SEO Placement with SEObase (Sponsored)
16.4.2021
Search engine optimization is big business; both SEO experts and their customers want to track the effectiveness of their keywords, campaigns, and competition. To get and measure those results, however, you need the right tooling monitor those results. SEObase is an awesome tool for doing just that...
Five Top Quality APIs
13.4.2021
It’s easy to think about creating beautiful UIs for presenting data when you don’t consider the effort that goes into gathering and serving the data itself. Here’s the thing — thanks to apilayer, you can focus on your UIs and not the pain of API creation. No need to worry...
Intl.NumberFormat
13.4.2021
Formatting numbers on the client side is an important task, especially when you consider how much raw API usage is in play these days. What’s also important is ensuring those numbers are meaningful to users, no matter where they are in the world, especially if you’re an eCommerce...
Detect CSS Overflow Elements
8.4.2021
Every once in a while you encounter a CSS annoyance that takes some cleverness to discover. One such case rears its ugly head in unwanted and unexpected scrollbars. When I see unwanted scrollbars, I usually open developer tools, click the element inspector, and hover around until I find...
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...
Let’s Create an Image Pop-Out Effect With SVG Clip Path
2.4.2021
Few weeks ago, I stumbled upon this cool pop-out effect by Mikael Ainalem. It showcases the clip-path: path() in CSS, which just got proper support in most modern browsers. I wanted to dig into it myself to get …
The post Let’s Create an Image Pop-Out Effect With SVG Clip Path appeared first...
Collective #655
1.4.2021
SVG Generators * Best practices for cookie notices * Overlay Fact Sheet * Skribbl
The post Collective #655 appeared first on Codrops
How to Mine Ethereum
25.3.2021
Note: I expect a large number of people to object to cryptocurrency mining’s energy use and I totally understand. ...
Now is the Time to Get Your Business Protected from Cyberthreats (Sponsored)
23.3.2021
Malware has been a problem for decades, one that was exacerbated by the the rise of the internet, file sharing, and digital assets. Whether it’s keyloggers or other types of malware, they’ll make your computer slow and insecure, all without you knowing. And if you’re an employer...
VS Code node:console Fix
23.3.2021
I’ve been using Microsoft’s Visual Studio Code text editor for years with great success. The app has always been stable, flexible, and the best compliment I can give it: an afterthought. Recently, however, every time I added a console.log to a JavaScript file, VS Code would add import...
Use Logpoints!
22.3.2021
There’s sometimes a tribal attitude about how web developers should be debugging their code and solving problems. There’s the console.log loyalists, then there’s the debugger/breakpoint maximalists. I worked on the Firefox DevTools debugger for years and I can tell you...
Creating Patterns With SVG Filters
15.3.2021
For years, my pain has been not being able to create a somewhat natural-looking pattern in CSS. I mean, sometimes all I need is a wood texture. The only production-friendly solution I knew of was to use an external image, …
The post Creating Patterns With SVG Filters appeared first...
Awesome Git Aliases
15.3.2021
Git is an amazingly powerful tool. It can keep track of all the code you write, let you organize your work into different branches, help you seamlessly work with other developers, and even let you time travel and make changes. But wouldn’t it be awesome if Git could do more? What if you could...
Platform News: Defaulting to Logical CSS, Fugu APIs, Custom Media Queries, and WordPress vs. Italics
12.3.2021
Looks like 2021 is the time to start using CSS Logical Properties! Plus, Chrome recently shipped a few APIs that have raised eyebrows, SVG allows us to disable its aspect ratio, WordPress focuses on the accessibility of its typography, and …
The post Platform News: Defaulting to Logical...
Insert Cursor at Any Position at Command Line
11.3.2021
As much as I enjoy writing lengthy pieces of JavaScript APIs, techniques, and other tech brilliance, I very much enjoy providing people quick tips to make their daily dev lives better. This is one such post. Oftentimes I’m working with long command line directives, and as you can imagine,...
Too Many SVGs Clogging Up Your Markup? Try `use`.
10.3.2021
Recently, I had to make a web page displaying a bunch of SVG graphs for an analytics dashboard. I used a bunch of <rect>, <line> and <text> elements on each graph to visualize certain metrics.
This works and renders …
The post Too Many SVGs Clogging Up Your Markup?...
React authentication, simplified
4.3.2021
Authentication is one of those things that just always seems to take a lot more effort than we want it to. To set up auth, you have to re-research topics you haven’t thought about since the last time you did authentication, and the fast-paced nature of the space means things have often changed...
Circular SVG Text Animation
3.3.2021
Exploring some experimental circular SVG text effects for an intro animation.
The post Circular SVG Text Animation appeared first on Codrops
Use Touch ID for sudo on Mac
1.3.2021
The landscape of security is changing quite a bit. We’ve gone from basic username and password to 2FA, facial recognition, fingerprint recognition, and so on. Hell, my Mac unlocks simply when I have my Apple Watch near by. In the end, I probably use the Mac fingerprint key the most....
Collective #650
25.2.2021
Annual Awards 2020 * What the heck, z-index?? * Streams * Symphosizer * SVG Repo * Blobmixer
The post Collective #650 appeared first on Codrops