How stroke-dasharray Patterns Work
15.7.2022
Say you have a line in SVG:
<svg<line x1="0" y1="30" x2="500" y2="30" stroke-color="#f8a100" /</svg
You can use the stroke-dasharray property in CSS to make dashes:
line {
stroke-dasharray: 5;
}
That 5 value is a relative unit based …
How stroke-dasharray Patterns...
Office Spaces
14.7.2022
I think it’s super timely that Jim Nielson wrote about his office space the other day. My family recently re-rooted in Colorado and I was up late last night setting up my desk and everything around it. So late, in …
Office Spaces originally published on CSS-Tricks. You should get...
Collective #720
14.7.2022
CSS-only shaders * Siter.io * Statements Vs. Expressions * Building your website using Jigsaw
The post Collective #720 appeared first on Codrops
React Hooks: The Deep Cuts
13.7.2022
Hooks are reusable functions. They allow you to use state and other features (e.g. lifecycle methods and so on) without writing a class. Hook functions let us “hook into” the React state lifecycle using functional components, allowing us to manipulate …
React Hooks: The Deep Cuts originally...
Tiny Grid Layout Animation
13.7.2022
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
The post Tiny Grid Layout Animation appeared first on Codrops
In Praise of Shadows
12.7.2022
Our dear friend Robin has a new essay called In Praise of Shadows. Now, before you hop over there looking for nuggets on CSS box shadows, text shadows, and shadow filters… this is not that. It’s an essay …
In Praise of Shadows originally published on CSS-Tricks. You should...
Technical Writing for Developers
11.7.2022
HTML, CSS, JavaScript, Python, PHP, C++, Dart — there are so many programming languages out there and you may even be totally fluent in several of them! But as we aim to write more and better code, the way we …
Technical Writing for Developers originally published on CSS-Tricks. You should...
The Comeback of Maximalism and What it Could Mean for Web Design
11.7.2022
Are we entering a new era in web design? Maximalism might be the new trend that can help you create a stunning, eye-catchy, and appealing website.
The post The Comeback of Maximalism and What it Could Mean for Web Design appeared first on Codrops
How to Get Extension Manifest Information
10.7.2022
Working on a web extension can be kinda wild — on one side you’re essentially just coding a website, on the other side you’re limited to what the browser says you can do in the extension execution environment. One change in that environment is coming January 2023 — pushing...
Collective #719
7.7.2022
Bun * Building tabs in Web Components * Body Margin 8px * Preline
The post Collective #719 appeared first on Codrops
How to Create a Cover Page Transition
6.7.2022
Today we are looking under the hood of a page transition based on Vitalii Burhonskyi's Dribbble shot.
The post How to Create a Cover Page Transition appeared first on Codrops
How to Map Texture to a 3D Face with Three.js
4.7.2022
A coding session where you'll learn how to wrap a texture on a 3D face with Three.js.
The post How to Map Texture to a 3D Face with Three.js appeared first on Codrops