Search
All About JavaScript Loops
19.8.2024
Every programming language has loops. Loops perform an operation (i.e., a chunk of work) a number of times, usually once for every item in an array or list, or to simply repeat an operation until a certain condition is met.…
All About JavaScript Loops originally published on CSS-Tricks...
Where does the drive to monetize 'compulsion loops' in games end?
9.1.2023
Also: Derek Yu on assessing risk in making games & more
What Deathloop Gets Right And Wrong About Time Loops
24.9.2021
Deathloop is the latest game to play around with time but it’s far from the only one. This summer’s divisive indie game 12 Minutes also centered around a repeating time loop, as have many other games, ranging from the star-charting Outer Wilds to the Nintendo 64 classic The Legend of Zelda:...
Meet `:has`, A Native CSS Parent Selector
12.7.2021
The reasons that are often cited that make container queries difficult or impossible is things like infinite loops—e.g. changing the width of an element, invalidating a container query, which changes the width again, which makes the container query take effect, …
The post Meet `:has`,...
Killer Loops With South Asian Flair Helped Skyblazer Stand Apart
29.3.2021
Welcome to Morning Music, Kotaku’s ongoing hangout for folks who love video games and the cool-ass sounds they make. We haven’t been covering many chiptunes lately, so today let’s start remedying that by checking out a somewhat unknown SNES gem with a sound all its own.Read more
How to Map Mouse Position in CSS
1.3.2021
Let’s look at how to get the user’s mouse position and map it into CSS custom properties: --positionX and --positionY.
We could do this in JavaScript. If we did, we could do things like make make an element …
The post How to Map Mouse Position in CSS appeared first on CSS-Tricks.
You...
Hades Is Life
11.1.2021
While playing through Supergiant Games’ Hades I kept asking myself, why is this game so freaking good?Read more
How to Write Loops with Preprocessors
5.11.2020
Loops are one of those features that you don’t need every day. But when you do, it’s awfully nice that preprocessors can do it because native HTML and CSS cannot.
Sass (SCSS)
for Loop
CodePen Embed Fallback
while Loop
CodePen Embed Fallback
each Loop
CodePen Embed Fallback
Less
for...
“Headless Mode”
2.12.2019
A couple of months ago, we invited Marc Anton Dahmen to show off his database-less content management system (CMS) Automad. His post is an interesting inside look at templating engines, including how they work, how CMSs use them, and how they impact the way we write things, such as loops.
Well...
Collective #544
29.8.2019
SVG Artista * Optional chaining * Color Palette Generator * Label Studio * Perfect loops in Processing
Collective #544 was written by Pedro Botelho and published on Codrops
Do CSS Custom Properties Beat Sass Loops?
2.3.2019
I reckon that a lot of our uses of Sass maps can be replaced with CSS Custom properties – but hear me out for a sec.
When designing components we often need to use the same structure of a component but change its background or text color based on a theme. For example, in an alert, we might need...