Search
Why Do Some HTML Elements Become Deprecated?
2.4.2020
The internet has been around for a long while, and over time we’ve changed the way we think about web design. Many old techniques and ways of doing things have gotten phased out as newer and better alternatives have been created, and we say that they have been deprecated.
Deprecated. It’s a word...
4 Ways to Animate the Color of a Text Link on Hover
3.3.2020
Let’s create a pure CSS effect that changes the color of a text link on hover… but slide that new color in instead of simply swapping colors.
There are four different techniques we can use to do this. Let’s look at those while being mindful of important things, like accessibility, performance,...
Image Dragging Effects
3.2.2020
A set of playful dragging effects for images using various techniques.
Image Dragging Effects was written by Mary Lou and published on Codrops
Strategize Your Financial Goals With These SMART Techniques
3.2.2020
Every December, we start thinking about our New Year’s resolutions. The goals are usually along the lines of eating healthier food, exercising more, and saving up for that exotic trip or that sleek car. Other goals are bigger, bolder, and more crucial to our future. However, in most cases,...
Hacker Group Lazarus Uses Fake Exchanges, Telegram Groups in Latest Malware Attacks
11.1.2020
A new report shows that North Korea-linked Lazarus Group has adapted and evolved new techniques since initial attacks, and are using phony trading platforms linking to Telegram channels which distribute malware, as well as making their malware more stealthy by “adding an authentication...
WDRL — Edition 279: Inclusive docs, Microbrowsers, Kind Companies, and CSS Subgrid Techniques
17.12.2019
Hey,
It’s the last update for this year as the new year holidays are coming up and I’m gonna take a break from web development as well during this time. Time to work on other things like woodwork, or preparing and planning the next year’s Gardening season. I’m going to build a CSA and next year...
Scroll, Refraction and Shader Effects in Three.js and React
16.12.2019
Discover how to use react-three-fiber and combine some common techniques to create a Three.js powered layout with shader effects.
Scroll, Refraction and Shader Effects in Three.js and React was written by Paul Henschel and published on Codrops
Techniques for Rendering Text with WebGL
6.12.2019
As is the rule in WebGL, anything that seems like it should be simple is actually quite complicated. Drawing lines, debugging shaders, text rendering… they are all damn hard to do well in WebGL.
Isn’t that weird? WebGL doesn't have a built-in function for rendering text. Although text seems like...
Techniques for a Newspaper Layout with CSS Grid and Border Lines Between Elements
20.11.2019
I recently had to craft a newspaper-like design that featured multiple row and column spans with divider lines in between them. Take a look at the mockup graphic here and see if it makes you sweat at all. If you’re like me, you have been around a while and know just how difficult this would have...
Clipping, Clipping, and More Clipping!
8.10.2019
There are so many things you can do with clipping paths. I've been exploring them for quite some time and have come up with different techniques and use cases for them — and I want to share my findings with you! I hope this will spark new ideas for fun things you can do with the CSS clip-path...
A Glassy (and Classy) Text Effect
29.8.2019
The landing page for Apple Arcade has a cool effect where some "white" text has a sort of translucent effect. You can see some of the color of the background behind it through the text. It's not like knockout text where you see the exact background. In this case, live video is playing underneath....
Get the Best Domain Name for your New Website
8.8.2019
(This is a sponsored post.)
If you're on CSS-Tricks, we can probably bet that you're in the process of building a really cool website. You've spent your time creating content, applying appropriate UX design techniques, coding it to perfection, and now you're about ready to launch it to the world.
A...
7 Unorthodox Ways to Mine Bitcoin
20.7.2019
Bitcoin isn’t crazy – in fact it might just be the soundest monetary system this generation has ever known. Some of the techniques miners have devised to extract it, however, are extremely unorthodox, ranging from the ingenious to the downright crazy. Here are seven of the strangest...
Developing a robust font loading strategy for CSS-Tricks
10.7.2019
Zach Leatherman worked closely with Chris to figure out the font loading strategy for this very website you're reading. Zach walks us through the design in this write-up and shares techniques that can be applied to other projects.
Spoiler alert: Font loading is a complex and important part of...
Grand Theft Crypto: The State of Cryptocurrency-Stealing Malware and Other Nasty Techniques
23.6.2019
Hottest advice to avoid having your crypto stolen? Still — common sense
Grand Theft Crypto: The State of Cryptocurrency-Stealing Malware and Other Nasty Techniques
23.6.2019
Hottest advice to avoid having your crypto stolen? Still — common sense
Implementing Private Variables In JavaScript
1.6.2019
JavaScript (or ECMAScript) is the programming language that powers the web. Created in May 1995 by Brendan Eich, it’s found its place as a widely-used and versatile technology. Despite its success, it’s been met with its fair share of criticism, especially for idiosyncrasies. Things like objects...
CSS Triangles, Multiple Ways
5.3.2019
I like Adam Laki's Quick Tip: CSS Triangles because it covers that ubiquitous fact about front-end techniques: there are always many ways to do the same thing. In this case, drawing a triangle can be done:
with border and a collapsed element
with clip-path: polygon()
with transform: rotate()...
Look Ma, No Media Queries! Responsive Layouts Using CSS Grid
27.2.2019
Not only has CSS Grid reshaped the way we think and build layouts for the web, but it has also contributed to writing more resilient code, replacing "hacky" techniques we've used before, and in some cases, killing the need to rely on code for specific resolutions and viewports. What's so cool about...
Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Art
20.2.2019
Have you seen Diana Smith's CSS drawings? Stunning. These far transcend the CSS drawings that sort of crudely replicate a flat SVG scene, like I might attempt. We were lucky enough for her to post some of her CSS drawing techniques here last year.
Well, Diana has also listed the top five...