Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect, accountability, and support. Hide

dxsrc

“functions” News Archive

Definition, related topics, tag feed

Definition · Supertopics: programming, css (non-exhaustive) · “functions” × ? · “functions” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Embracing Playful Imperfection With the CSS “random()” Function (uti/sma)266
css, randomness, math
Fit Height to Background Pattern Size With “calc-size()” (sha)265
css, backgrounds, images
Dark Mode CSS Variables: Build a Modern Theme With “light-dark()”264
css, dark-mode, toggles, examples
Transferring “sibling-count()” to a Parent Element (css/fro)263
css, scrolling, animations
Fallbacks for CSS “progress()” (mat/fro)262
css
12 CSS Features You Can Use Today With No Build Step (fla)261
css, nesting, container-queries, grids, aspect-ratio, cascade, selectors, animations, scrolling, units, logical-properties
CSS “if()” and Custom Functions (una+)260
videos, css, conditionals
Comparing Values With CSS “progress()” (pre/fro)259
css
Container Style Queries and Advanced “attr()”: Rethinking How to Wire Up My Components in CSS (uti)258
css, style-queries, grids, layout, components
Let’s Use the Emergent CSS “random()” Function in All the Browsers (css)257
css, randomness, support, browsers
CSS Infinity Use Cases (arg)256
css, math, examples
When You Need to Make a Triangle, Think Conic Gradients (chr/fro)255
css, gradients
Throwing Confetti With CSS Random (sch)254
css, randomness, effects
In-n-Out Animation Using “sibling-index()” (css/fro)253
css, animations
Boundary-Aware Styling in CSS (pre/fro)252
css, animations, examples
Fluid Typography With “progress()” (mat/fro)251
css, typography, liquid-design
Experimenting With “random()” in CSS (pol)250
css, randomness, experiments
Modern CSS Theming With “light-dark()”, “contrast-color()”, and Style Queries (una)249
css, theming, dark-mode, contrast, style-queries
Managing Anchor Associations With Data Attributes and Advanced “attr()” (dxn/fro)248
anchor-positioning, html, custom-data, css, attributes
Advanced Tree Counting: Mathematical Layouts With “sibling-index()” and “sibling-count()” (sma)247
css, math, layout
Better Fluid Sizing With “round()” (sha)246
css, liquid-design
CSS Math “random()” in Production: Native Randomness Without JavaScript245
css, math, randomness, javascript, performance, accessibility
The Importance of Native Randomness in CSS (alv/css)244
css, randomness
More Easy Light-Dark Mode Switching: “light-dark()” Is About to Support Images (bra)243
css, images, dark-mode
“contrast-color()” Beyond Black and White (una)242
css, colors, contrast
Automated Accessible Text With “contrast-color()” (una)241
css, colors, contrast, accessibility
Abusing Customizable Selects (pat/css)240
forms, html, css
The Odometer Effect (Without JavaScript) (pre/fro)239
css, effects
Native Random Values in CSS (alv)238
css, randomness
Potentially Coming to a Browser “:near()” You (dxn/css)237
css
Weird Issues With CSS Calculations in Safari 26.2 (cit)236
css, safari, browsers
Spiral Scrollytelling in CSS With “sibling-index()” (css)235
css, scrolling, gsap
Building Typographic Scales in CSS With “:heading()”, “sibling-index()”, and “pow()” (stu)234
css, math, typography
How to Use the “Auto” Value With “clamp()” (css)233
how-tos, css
Responsive Hexagon Grid Using Modern CSS (css/css)232
css, math, responsive-design
CSS in 2026: The New Features Reshaping Frontend Development (log)231
css
Focus Rings With Nested “contrast-color()”? (dav)230
css, selectors, focus, contrast
4 CSS Features Every Front-End Developer Should Know in 2026 (arg)229
css, scrolling
Directional CSS With “scroll-state(scrolled)” (una)228
css, scrolling
The New “clamp()” Function in PHP 8.6 (ami)227
php
Creating Scroll-Based Animations in Full view() (pre/css)226
css, animations, scrolling
How to Unit Test a Vue Composable With TypeScript (joh)225
how-tos, testing, vuejs, typescript
Introduction to CSS “if” Statements and Conditional Logic (mar)224
introductions, css, conditionals
“light-dark()” Isn’t Always the Same as “prefers-color-scheme” (ste)223
css, dark-mode, colors
More CSS “random()” Learning Through Experiments (chr/fro)222
css, randomness, experiments
The “Most Hated” CSS Feature: “asin()”, “acos()”, “atan()”, and “atan2()” (mon/css)221
css, math
Building a Multi-Stage Timetable With Modern CSS Using Grid, Subgrid, “round()”, and “mod()” (nil)220
css, grids, layout
Staggered Animation With CSS “sibling-*” Functions (pre/fro)219
animations, css
The “Most Hated” CSS Feature: “tan()” (mon/css)218
css, math
Springs and Bounces in Native CSS (jos)217
css, animations, transitions, effects
CSS Finally Gets Inline Conditional Logic With New “if()” Function216
css, conditionals
Making Context-Aware Components: How CSS “inherit()” Could Simplify Design Systems (stu)215
components, css, custom-properties
Sequential “linear()” Animation With n Elements (css/css)214
css, animations
25 New and Rad Features of CSS (arg/cas)213
videos, css, transitions, animations, cascade, selectors, colors, scrolling
The Thing About “contrast-color” (geo/css)212
css, colors, contrast
The New “progress()” Function in CSS (ami)211
css, examples
CSS Typed Arithmetic (ami/css)210
css, math
The Best CSS Unit Might Be a Combination (mia/odd)209
css, units
What You Need to Know About Modern CSS (2025 Edition) (chr/fro)208
css, animations, pop-overs, forms, shapes, source-order, link-lists
The “Most Hated” CSS Feature: “cos()” and “sin()” (mon/css)207
css, math
Breakpoint Columns, Five Ways—Which Do You Like? (chr/fro)206
css, layout, breakpoints, media-queries, grids
Styling Siblings With CSS Has Never Been Easier: Experimenting With “sibling-count” and “sibling-index” (uti)205
css, selectors
One List to Rule Them All (arg)204
css, selectors, units, learning, link-lists
The CSS “if()” Function (san)203
css, conditionals
The CSS “random()” Function (san)202
css, randomness
What You Need to Know About CSS Color Interpolation (sun/css)201
css, colors, oklch
Should the CSS “light-dark()” Function Support More Than Light and Dark Values? (sun/css)200
css, dark-mode
Learning Web Development: Asynchronous JavaScript—Promises and “async” Functions (rau)199
javascript, asynchrony, promises
Visualizing Responsive Typography (mia/odd)198
css, typography, responsive-design
Very Early Playing With “random()” in CSS (chr/fro)197
css, randomness
Rolling the Dice With CSS “random()” (jon+/web)196
css, randomness, examples
Obsessing Over Smooth “radial-gradient()” Disc Edges (ana/fro)195
css, gradients
Learning Web Development: Numbers, Variables, Functions in JavaScript (rau)194
javascript, variables
5 Useful CSS Functions Using the New “@function” Rule (una)193
css, examples
The CSS “if()” Function: Conditional Styling Will Never Be the Same (log)192
css, conditionals
Designing for User Font-Size and Zoom (mia/odd)191
design, typography, zooming, css, units
Unconditional Love for Conditional CSS (geo)190
css, conditionals, mixins, container-queries, transitions
Dynamic “nth-child()” Using “sibling-index()” and “if()” (css)189
css, conditionals
Get the Index of an Element Within Its Parent (css)188
css
CSS Conditionals With the New “if()” Function (una)187
css, conditionals
What’s the Difference Between Ordinary Functions and Arrow Functions in JavaScript? (jrs)186
javascript, comparisons
Lightly Poking at the CSS “if()” Function in Chrome 137 (sun/css)185
css, conditionals, chrome, browsers
“calc-size()” (kev)184
css
Color Everything in CSS (mon/css)183
css, colors
CSS Color Functions (css)182
guides, css, colors
Exploring the CSS “contrast-color()” Function… a Second Time (dxn/css)181
css, colors, contrast, accessibility
Functional Capturing (kiz)180
css
The New “if()” Function in CSS Has Landed in the Latest Chrome (ami)179
css, conditionals, chrome, browsers
CSS “if()” Functions and “reading-flow” (in Chrome 137) (una)178
videos, css, conditionals
Better CSS Shapes Using “shape()” (css/css)177
css, shapes
Move Modal in on a… “shape()” (chr/fro)176
modals, css
How to Have the Browser Pick a Contrasting Color in CSS (web)175
how-tos, browsers, css, colors, contrast
I Think the Ergonomics of Generators Is Growing on Me (mac)174
javascript
Guitar Chords in CSS (sto)173
css, examples
“shape()”: A New Powerful Drawing Syntax in CSS (chr/fro)172
css, shapes, clipping
Why Is Nobody Using the “hwb()” Color Function? (css)171
css, colors
CSS “shape()” Commands (geo/css)170
css, shapes, clipping
“oklch()”169
css, colors, oklch
The “min()” and “max()” Functions (kev)168
css
To “light-dark()” or Not to “light-dark()” (web)167
videos, css, dark-mode
Custom Progress Element Using the “attr()” Function (css/fro)166
css, progress-indicators, gradients
Use “shape()” for Responsive Clipping (nom)165
css, shapes, clipping, responsive-design
First Look at the Modern “attr()” (sha)164
css, attributes, feature-detection
Relative Colors (sha)163
css, colors, contrast
10 Hidden Gems in Angular That You Should Use162
angular
Functions in CSS?! (mon/css)161
css
Intent to Experiment for Longer (kiz)160
chrome, browsers, css, conditionals
How to Use “attr()” in CSS for Columns, Colors, and Font-Size (chr/fro)159
how-tos, css, layout, colors, typography
Clean Code in JavaScript: A Comprehensive Guide158
guides, javascript, principles, conventions, variables, objects, comments, testing, quality
Breakpoint-Free CSS Grid Layouts (kev)157
videos, css, grids, layout
CSS “@function” + CSS “if()” = 🤯 (bra)156
css, conditionals, custom-properties, dark-mode
The “attr()” Function in CSS Now Supports Types (ami)155
css, attributes, types
The Problem With Indirections (dan)154
programming, variables, presentational-html, state-management
Live CSS Colors: What You Can Safely Use (jar/van)153
css, colors
Typecasting and Viewport Transitions in CSS With “tan(atan2())” (mon/css)152
css, transitions, animations, math
Scroll State Queries Are on the Way (and a Bunch More) (kev)151
videos, css, selectors, container-queries, scrolling
New Capabilities for “attr()” (una)150
css
6 CSS Snippets Every Front-End Developer Should Know in 2025 (arg)149
css, custom-properties, transitions, animations, gradients, effects
Opacify HEX Color in CSS (osv)148
css, colors
Generating Test Values Using JavaScript Generators147
typescript, javascript, testing
How to Structure Functions (cfe)146
how-tos, programming
CSS “attr()” Gets an Upgrade (bra)145
css
What Is a Callback Function? (cfe)144
javascript, callbacks
How to Wait for the “sibling-count()” and “sibling-index()” Functions (mon/css)143
how-tos, css, selectors
CSS “light-dark()” (may/5t3)142
css, dark-mode
The Future of CSS: Construct “<custom-ident>” and “<dashed-ident>” Values With “ident()” (bra)141
css, transitions
“calc-size()” and Interpolate Size (kev/5t3)140
css, animations
How to Clamp the Lightness of a Relative Color in CSS (ang)139
how-tos, css, colors
Let’s Learn Generators in JavaScript138
javascript
Color in CSS or How I Learned to Disrespect Tennis (mat/btc)137
videos, css, colors
Possible Future CSS: Tree-Counting Functions and Random Values (kiz)136
css, randomness
CSS “min()” All the Things (sma)135
css
I Didn’t Know You Could Use Sibling Parameters as Default Values in Functions (mac)134
javascript
New Values and Functions in CSS (alv)133
css
Replacing Sass’ “darken()” and “lighten()” Functions With Pure CSS (sjo)132
css, sass
JavaScript Generators Explained, but on a Senior-Level (jan)131
javascript
Relative Color Syntax—Basic Use Cases (chr/fro)130
css, colors, browsers, support
“stripes()”: The Border Function You Never Knew You Needed (jos)129
css, borders
Garbage Collection and Closures (jaf)128
javascript, closures, garbage-collection
Better Ways to Use Async Functions in JavaScript127
javascript, asynchrony, promises
CSS Stuff I’m Excited After the Last CSSWG Meeting (mon/css)126
css, transitions, anchor-positioning
Deploy AWS Lambda Functions With Serverless Framework and Node.js125
deploying, aws, serverless, lambda, nodejs
A Text-Reveal Effect Using “conic-gradient()” in CSS (pre/fro)124
css, gradients, effects
Mastering JavaScript Generators123
javascript
Lesser-Known CSS Features That You Should Learn Now122
css
One of the Boss Battles of CSS Is Almost Won! Transitioning to “auto” (chr/fro)121
css, transitions, animations
How to Compose JavaScript Functions That Take Multiple Parameters (The Epic Guide) (jrs)120
guides, how-tos, javascript
No More Pixel Rounding Issues (css)119
css, tips-and-tricks
“contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (eri)118
accessibility, colors, contrast, css
On Compliance vs. Readability: Generating Text Colors With CSS (lea)117
css, colors, compliance, readability, comparisons
The CSS Stepped Value Math Functions Are Now in Baseline 2024116
css, math, browsers, support, web-platform
Shades of Grey With “color-mix()” (mic)115
css, colors
Creating Fluid Typography With the CSS “clamp()” Function114
css, typography, liquid-design
JavaScript Features That Most Developers Don’t Know113
javascript
What’s Going On in Dark Theme / Light Theme Land (chr/fro)112
css, dark-mode
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)111
css, colors, dark-mode
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests110
how-tos, jquery, ajax, asynchrony
New CSS That Can Actually Be Used in 2024 (tho)109
css, logical-properties, container-queries, selectors, nesting, cascade, grids
Make Your Functions More Reusable With Generics (mat)108
typescript, generics, maintainability
Creating Color Palettes With the CSS “color-mix()” Function (mic)107
css, colors, color-palettes
Future of CSS: Functions and Mixins106
css, mixins
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)105
css, math
CSS Mixins and Functions Explainer (mia/odd)104
css, mixins
When to Use the “min()” or “max()” Function (css)103
css, tips-and-tricks
The New CSS Color Format You Didn’t Know You Needed; “oklch()”102
css, colors, oklch, tailwind
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)101
introductions, scrolling, animations, css
Dynamically Darken or Lighten a Color in CSS (bpu)100
css, colors
“oklch()” Retains Perceived Lightness for Different Hue Angles (ste)99
css, colors, oklch
Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne (mia+/sho)98
podcasts, interviews, css, cascade
The New CSS Math: “rem()” and “mod()” (dan)97
css, math
The New “light-dark()” Function to Switch Theme Color in CSS (ami)96
css, dark-mode
A Couple of New CSS Functions I’d Never Heard Of (chr)95
css
CSS Relative Color Syntax (arg)94
css, colors
The Future of CSS: Easy Light-Dark Mode Color Switching With “light-dark()” (bra)93
css, dark-mode
Deploy and Test AWS Step Functions With Node.js (app)92
nodejs, aws, deploying, testing
The Path to Awesome CSS Easing With the “linear()” Function (jhe/sma)91
css, animations
Arrow Functions vs. Traditional Functions in JavaScript (cfe)90
videos, javascript, comparisons
Realistic CSS Animations and the “linear()” Timing Function89
css, animations, time
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)88
how-tos, headless, serverless, browsers, chrome
How to Use the CSS Grid “repeat()” Function (ral)87
how-tos, css, grids, layout
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)86
css, animations
Fluid vs. Responsive Typography With CSS Clamp (its/log)85
css, typography, responsive-design
Useful Functions for [an] HTTP Server84
deno, servers, http
New CSS Color Spaces and Functions in All Major Engines83
css, colors, browsers, support
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)82
how-tos, javascript
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications81
guides, langchain, google, gcp, ai
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)80
css, javascript, quality
Clojure Transducers: Your Composable Data Pipelines (jan)79
clojure
TypeScript Function Types: A Beginner’s Guide78
guides, typescript
Improving CSS Shapes With Trigonometric Functions (dan)77
css, shapes
Function Overloading in TypeScript76
typescript
Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (sto/css)75
css
10 Helpful JavaScript Utility Functions74
javascript
CSS Color Functions and Custom Properties (mat)73
css, colors, custom-properties
Why Would Anyone Need JavaScript Generator Functions? (jrs)72
javascript
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)71
liquid-design, typography, css, sass
How to Return Multiple Values From a Function in JavaScript (ami)70
how-tos, javascript
Useful JavaScript Math Functions and How to Use Them69
javascript, math
Use Cases for CSS Comparison Functions (sha)68
css
The Seventh Way to Call a JavaScript Function Without Parentheses67
javascript
A Simple “clamp()” Function in PHP (ami)66
php
Checking if a JavaScript Native Function Is Monkey Patched65
javascript
Intro to Serverless Functions64
introductions, serverless, netlify
Master Higher-Order Functions in JavaScript63
javascript
Misusing TypeScript Assertion Functions for Fun and Profit (chr)62
typescript
Debugging Node Serverless Functions on AWS Lambda61
nodejs, debugging, aws, serverless, lambda
JavaScript Function Composition: What’s the Big Deal? (jrs)60
javascript
When to Use a Function Expression vs. Function Declaration59
javascript, comparisons
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)58
how-tos, css, math
Giving New Meanings to the Color Functions in CSS (alv)57
css, colors
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax56
how-tos, javascript
An Introduction to AWS CloudFront Functions (hon)55
introductions, aws, cloudfront, content-delivery
How to Use Higher-Order Functions in JavaScript54
how-tos, javascript
State of the Web: Serverless Functions53
serverless, edge-computing
Functional Programming in PHP: Higher-Order Functions52
php, programming
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una)51
css
4 Important Differences Between Regular and Arrow Functions50
javascript, comparisons
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)49
css, math
10 Utility Functions for Working With Objects in JavaScript48
javascript, objects
5 Different Ways to Declare Functions in jQuery (cra)47
jquery, javascript
Things You Can Do With CSS Today (bel/sma)46
css, masonry, layout, selectors, units
CSS “min()”, “max()”, and “clamp()” (una)45
css, typography
The Expanding Gamut of Color on the Web (oll/css)44
colors, css, oklch
CSS Functions Guide (eri/css)43
guides, css, selectors
Recursive Functions in TypeScript42
typescript
Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css)41
theming, colors, css, custom-properties
The CSS Calculating Function Guide (chr/css)40
guides, css, math, examples
The Best Color Functions in CSS? (chr/css)39
css, colors
Dynamically Darken a Color in CSS (jim)38
css, filters, colors
Intrinsically Responsive CSS Grid With “minmax()” and “min()” (vam)37
intrinsic-design, responsive-design, css, grids, layout
A Quick Intro to Higher-Order Functions in JavaScript36
introductions, javascript
Keep Math in the CSS (chr/css)35
css, math
Fun Tip: Use “calc()” to Change the Height of a Hero Component (css)34
css
New Syntax for JS “Function Stuff” (tab)33
javascript, operators
ES6 Didn’t Introduce Default Parameters (Attention to Detail)32
ecmascript, javascript
Using Default Parameters in ES6 (lou/css)31
ecmascript, javascript
How JavaScript Rest Parameters Actually Work30
javascript
Exploring Data With Serverless and Vue: Automatically Update GitHub Files With Serverless Functions (sar/css)29
vuejs, serverless, github
JavaScript Functions That Define and Rewrite Themselves28
javascript
Using ES2017 Async Functions (css)27
ecmascript, javascript, asynchrony
What’s a Transducer? (rag)26
programming, javascript, concepts
JavaScript Operators, Conditionals, and Functions25
javascript, operators, conditionals
How to Write Your Own Custom Sass Functions24
how-tos, sass, examples
Working With Colors Guide (sar/css)23
guides, colors, units, preprocessors, sass, less, stylus, blend-modes, css
Let’s Learn ES2015 (css)22
ecmascript, javascript, variables, operators, examples
Understanding Transducers in JavaScript (rom)21
javascript
Getting Started With CSS “calc()” (ana/sma)20
introductions, css
Understanding Transducers19
programming, examples
A Closer Look at Functions in Go18
go
Learning to Love the Boring Bits of CSS (sto/ali)17
css, units, selectors
The “color()” Function (tab)16
css
Dynamic Function Names in JavaScript (mar)15
naming, javascript
Defining and Using Functions in PHP14
php
Array Handling Functions13
php, arrays
15 JavaScript String Functions12
javascript, strings
The CSS3 “matrix()” Transform for the Mathematically Challenged (zol)11
css, transforms, math
The Document Ready Function10
jquery
On “attr()” and “calc()” (lea)9
css
Simple JavaScript Function to Include CSS8
javascript, css
Will JavaScript Function Without the “function” Statement? (cra)7
javascript
Firefox 4: CSS3 “calc()” (moz)6
css, firefox, browsers
PHP Sucks, but It Doesn’t Matter (cod)5
php
JavaScript, We Hardly “new” Ya (dou)4
javascript, objects
Scope in JavaScript (mik/dig)3
javascript, scope, examples
Top 10 Custom JavaScript Functions of All Time2
javascript
Variable Scope for New Programmers (jus/dig)1
javascript, variables, scope