Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“functions” News Archive

Definition, related topics, and tag feed

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

Entry (Sources) and Additional TopicsDate#
The New “clamp()” Function in PHP 8.6 (ami)219
php
Creating Scroll-Based Animations in Full view() (pre/css)218
css, animations, scrolling
How to Unit Test a Vue Composable With TypeScript (joh)217
how-tos, testing, vuejs, typescript
Introduction to CSS “if” Statements and Conditional Logic (mar)216
introductions, css, conditionals
“light-dark()” Isn’t Always the Same as “prefers-color-scheme” (ste)215
css, dark-mode, colors
More CSS “random()” Learning Through Experiments (chr/fro)214
css, randomness, experiments
The “Most Hated” CSS Feature: “asin()”, “acos()”, “atan()”, and “atan2()” (mon/css)213
css, math
Building a Multi-Stage Timetable With Modern CSS Using Grid, Subgrid, “round()”, and “mod()” (nil)212
css, grids, layout
Staggered Animation With CSS “sibling-*” Functions (pre/fro)211
animations, css
The “Most Hated” CSS Feature: “tan()” (mon/css)210
css, math
Springs and Bounces in Native CSS (jos)209
css, animations, transitions, effects
CSS Finally Gets Inline Conditional Logic With New “if()” Function (the)208
css, conditionals
Making Context-Aware Components: How CSS “inherit()” Could Simplify Design Systems (stu)207
components, css, custom-properties
Sequential “linear()” Animation With n Elements (css/css)206
css, animations
25 New and Rad Features of CSS (arg/cas)205
videos, css, transitions, animations, cascade, selectors, colors, scrolling
The Thing About “contrast-color” (geo/css)204
css, colors, contrast
The New “progress()” Function in CSS (ami)203
css, examples
CSS Typed Arithmetic (ami/css)202
css, math
The Best CSS Unit Might Be a Combination (mia/odd)201
css, units
What You Need to Know About Modern CSS (2025 Edition) (chr/fro)200
css, animations, pop-overs, forms, shapes, source-order, link-lists
The “Most Hated” CSS Feature: “cos()” and “sin()” (mon/css)199
css, math
Breakpoint Columns, Five Ways—Which Do You Like? (chr/fro)198
css, layout, media-queries, grids
Styling Siblings With CSS Has Never Been Easier: Experimenting With “sibling-count” and “sibling-index” (uti)197
css, selectors
One List to Rule Them All (arg)196
css, selectors, units, learning, link-lists
The CSS “if()” Function (san)195
css, conditionals
What You Need to Know About CSS Color Interpolation (sun/css)194
css, colors, oklch
The CSS “random()” Function (san)193
css, randomness
Should the CSS “light-dark()” Function Support More Than Light and Dark Values? (sun/css)192
css, dark-mode
Learning Web Development: Asynchronous JavaScript—Promises and “async” Functions (rau)191
javascript, asynchronicity, promises
Visualizing Responsive Typography (mia/odd)190
css, typography, responsive-design
Very Early Playing With “random()” in CSS (chr/fro)189
css, randomness
Rolling the Dice With CSS “random()” (jon+/web)188
css, randomness, examples
Obsessing Over Smooth “radial-gradient()” Disc Edges (ana/fro)187
css, gradients
Learning Web Development: Numbers, Variables, Functions in JavaScript (rau)186
javascript, variables
5 Useful CSS Functions Using the New “@ function” Rule (una)185
css, examples
The CSS “if()” Function: Conditional Styling Will Never Be the Same (log)184
css, conditionals
Designing for User Font-Size and Zoom (mia/odd)183
design, typography, zooming, css, units
Unconditional Love for Conditional CSS (geo)182
css, conditionals, mixins, container-queries, transitions
Dynamic “nth-child()” Using “sibling-index()” and “if()” (css)181
css, conditionals
Get the Index of an Element Within Its Parent (css)180
css
CSS Conditionals With the New “if()” Function (una/dev)179
css, conditionals
What’s the Difference Between Ordinary Functions and Arrow Functions in JavaScript? (jrs)178
javascript, comparisons
Lightly Poking at the CSS “if()” Function in Chrome 137 (sun/css)177
css, conditionals, chrome, google, browsers
“calc-size()” (kev)176
css
Color Everything in CSS (mon/css)175
css, colors
CSS Color Functions (css)174
guides, css, colors
Exploring the CSS “contrast-color()” Function… a Second Time (dxn/css)173
css, colors, contrast, accessibility
Functional Capturing (kiz)172
css
The New “if()” Function in CSS Has Landed in the Latest Chrome (ami)171
css, conditionals, chrome, google, browsers
CSS “if()” Functions and “reading-flow” (in Chrome 137) (una)170
videos, css, conditionals
Better CSS Shapes Using “shape()” (css/css)169
css, shapes
Move Modal in on a… “shape()” (chr/fro)168
modals, css
How to Have the Browser Pick a Contrasting Color in CSS (jen/web)167
how-tos, browsers, css, colors, contrast
I Think the Ergonomics of Generators Is Growing on Me (mac)166
javascript
Guitar Chords in CSS (sto)165
css, examples
“shape()”: A New Powerful Drawing Syntax in CSS (chr/fro)164
css, shapes, clipping
Why Is Nobody Using the “hwb()” Color Function? (css)163
css, colors
CSS “shape()” Commands (geo/css)162
css, shapes, clipping
“oklch()” (ada)161
css, colors, oklch
Custom Progress Element Using the “attr()” Function (css/fro)160
css, progress-indicators, gradients
The “min()” and “max()” Functions (kev)159
css
To “light-dark()” or Not to “light-dark()” (web)158
videos, css, dark-mode
Use “shape()” for Responsive Clipping (nom/dev)157
css, shapes, clipping, responsive-design
First Look at the Modern “attr()” (sha)156
css, attributes, feature-detection
Relative Colors (sha)155
css, colors, contrast
10 Hidden Gems in Angular That You Should Use154
angular
Functions in CSS?! (mon/css)153
css
How to Use “attr()” in CSS for Columns, Colors, and Font-Size (chr/fro)152
how-tos, css, layout, colors, typography
Intent to Experiment for Longer (kiz)151
chrome, google, browsers, css, conditionals
Clean Code in JavaScript: A Comprehensive Guide150
guides, javascript, principles, conventions, variables, objects, comments, testing, quality
Breakpoint-Free CSS Grid Layouts (kev)149
videos, css, grids, layout
CSS “@ function” + CSS “if()” = 🤯 (bra)148
css, conditionals, custom-properties, dark-mode
The “attr()” Function in CSS Now Supports Types (ami)147
css, attributes, types
The Problem With Indirections (dan)146
programming, variables, presentational-html, state-management
Live CSS Colors: What You Can Safely Use (jar/van)145
css, colors
Typecasting and Viewport Transitions in CSS With “tan(atan2())” (mon/css)144
css, transitions, animations, math
Scroll State Queries Are on the Way (and a Bunch More) (kev)143
videos, css, selectors, container-queries, scrolling
New Capabilities for “attr()” (una)142
css
6 CSS Snippets Every Front-End Developer Should Know in 2025 (arg)141
css, custom-properties, transitions, animations, gradients, effects
Generating Test Values Using JavaScript Generators140
typescript, javascript, testing
Opacify HEX Color in CSS (osv)139
css, colors
How to Structure Functions (cfe)138
how-tos, programming
CSS “attr()” Gets an Upgrade (bra/dev)137
css
What Is a Callback Function? (cfe)136
javascript, callbacks
How to Wait for the “sibling-count()” and “sibling-index()” Functions (mon/css)135
how-tos, css, selectors
CSS “light-dark()” (may/5t3)134
css, dark-mode
The Future of CSS: Construct “<custom-ident>” and “<dashed-ident>” Values With “ident()” (bra)133
css, transitions
“calc-size()” and Interpolate Size (kev/5t3)132
css, animations
How to Clamp the Lightness of a Relative Color in CSS (ang)131
how-tos, css, colors
Let’s Learn Generators in JavaScript130
javascript
Color in CSS or How I Learned to Disrespect Tennis (mat/btc)129
videos, css, colors
Possible Future CSS: Tree-Counting Functions and Random Values (kiz)128
css, randomness
CSS “min()” All the Things (sma)127
css
I Didn’t Know You Could Use Sibling Parameters as Default Values in Functions (mac)126
javascript
New Values and Functions in CSS (alv)125
css
JavaScript Generators Explained, but on a Senior-Level (jan)124
javascript
Relative Color Syntax—Basic Use Cases (chr/fro)123
css, colors, browsers, support
“stripes()”: The Border Function You Never Knew You Needed (jos)122
css, borders
Garbage Collection and Closures (jaf)121
javascript, closures, garbage-collection
Better Ways to Use Async Functions in JavaScript120
javascript, asynchronicity, promises
CSS Stuff I’m Excited After the Last CSSWG Meeting (mon/css)119
css, transitions, anchor-positioning
Deploy AWS Lambda Functions With Serverless Framework and Node.js118
deploying, aws, serverless, lambda, nodejs
A Text-Reveal Effect Using “conic-gradient()” in CSS (pre/fro)117
css, gradients, effects
Mastering JavaScript Generators116
javascript
Lesser-Known CSS Features That You Should Learn Now115
css
One of the Boss Battles of CSS Is Almost Won! Transitioning to “auto” (chr/fro)114
css, transitions, animations
How to Compose JavaScript Functions That Take Multiple Parameters (The Epic Guide) (jrs)113
guides, how-tos, javascript
No More Pixel Rounding Issues (css)112
css, tips-and-tricks
“contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (eri)111
accessibility, colors, contrast, css
On Compliance vs. Readability: Generating Text Colors With CSS (lea)110
css, colors, compliance, readability, comparisons
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac/dev)109
css, math, browsers, support, web-platform
Shades of Grey With “color-mix()” (mic)108
css, colors
Creating Fluid Typography With the CSS “clamp()” Function107
css, typography, liquid-design
JavaScript Features That Most Developers Don’t Know106
javascript
What’s Going On in Dark Theme / Light Theme Land (chr/fro)105
css, dark-mode
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra/dev)104
css, colors, dark-mode
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests103
how-tos, jquery, ajax, asynchronicity
New CSS That Can Actually Be Used in 2024 (tho)102
css, logical-properties, container-queries, selectors, nesting, cascade, grids
Make Your Functions More Reusable With Generics (mat)101
typescript, generics, maintainability
Creating Color Palettes With the CSS “color-mix()” Function (mic)100
css, colors, color-palettes
Future of CSS: Functions and Mixins99
css, mixins
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)98
css, math
CSS Mixins and Functions Explainer (mia/odd)97
css, mixins
When to Use the “min()” or “max()” Function (css)96
css, tips-and-tricks
The New CSS Color Format You Didn’t Know You Needed; “oklch()”95
css, colors, oklch, tailwind
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)94
introductions, scrolling, animations, css
“oklch()” Retains Perceived Lightness for Different Hue Angles (ste)93
css, colors, oklch
Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne (mia+/sho)92
podcasts, interviews, css, cascade
The New CSS Math: “rem()” and “mod()” (dan)91
css, math
The New “light-dark()” Function to Switch Theme Color in CSS (ami)90
css, dark-mode
A Couple of New CSS Functions I’d Never Heard Of (chr)89
css
CSS Relative Color Syntax (arg/dev)88
css, colors
The Future of CSS: Easy Light-Dark Mode Color Switching With “light-dark()” (bra)87
css, dark-mode
Deploy and Test AWS Step Functions With Node.js (app)86
nodejs, aws, deploying, testing
The Path to Awesome CSS Easing With the “linear()” Function (jhe/sma)85
css, animations
Arrow Functions vs. Traditional Functions in JavaScript (cfe)84
videos, javascript, comparisons
Realistic CSS Animations and the “linear()” Timing Function83
css, animations, time
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)82
how-tos, headless, serverless, browsers, google, chrome
How to Use the CSS Grid “repeat()” Function81
how-tos, css, grids, layout
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)80
css, animations
Fluid vs. Responsive Typography With CSS Clamp (its/log)79
css, typography, responsive-design
Useful Functions for [an] HTTP Server78
deno, servers, http
New CSS Color Spaces and Functions in All Major Engines (rac/dev)77
css, colors, browsers, support
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)76
how-tos, javascript
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications75
guides, langchain, google, gcp, ai
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)74
css, javascript, quality
Clojure Transducers: Your Composable Data Pipelines (jan)73
clojure
Improving CSS Shapes With Trigonometric Functions (dan)72
css, shapes
TypeScript Function Types: A Beginner’s Guide71
guides, typescript
Function Overloading in TypeScript70
typescript
Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (sto/css)69
css
10 Helpful JavaScript Utility Functions68
javascript
CSS Color Functions and Custom Properties (mat)67
css, colors, custom-properties
Why Would Anyone Need JavaScript Generator Functions?66
javascript
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)65
liquid-design, typography, css, sass
How to Return Multiple Values From a Function in JavaScript (ami)64
how-tos, javascript
Useful JavaScript Math Functions and How to Use Them63
javascript, math
Use Cases for CSS Comparison Functions (sha)62
css
The Seventh Way to Call a JavaScript Function Without Parentheses61
javascript
A Simple “clamp()” Function in PHP (ami)60
php
Checking if a JavaScript Native Function Is Monkey Patched59
javascript
Intro to Serverless Functions (net)58
introductions, serverless, netlify
Master Higher-Order Functions in JavaScript57
javascript
Misusing TypeScript Assertion Functions for Fun and Profit (chr)56
typescript
Debugging Node Serverless Functions on AWS Lambda55
nodejs, debugging, aws, serverless, lambda
JavaScript Function Composition: What’s the Big Deal?54
javascript
When to Use a Function Expression vs. Function Declaration53
javascript, comparisons
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)52
how-tos, css, math
Giving New Meanings to the Color Functions in CSS (alv)51
css, colors
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax50
how-tos, javascript
An Introduction to AWS CloudFront Functions (hon)49
introductions, aws, cloudfront, content-delivery
How to Use Higher-Order Functions in JavaScript48
how-tos, javascript
State of the Web: Serverless Functions47
serverless, edge-computing
Functional Programming in PHP: Higher-Order Functions46
php, programming
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una/dev)45
css
4 Important Differences Between Regular and Arrow Functions44
javascript, comparisons
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)43
css, math
10 Utility Functions for Working With Objects in JavaScript42
javascript, objects
5 Different Ways to Declare Functions in jQuery (cra)41
jquery, javascript
Things You Can Do With CSS Today (bel/sma)40
css, masonry, layout, selectors, units
CSS “min()”, “max()”, and “clamp()” (una/dev)39
css, typography
The Expanding Gamut of Color on the Web (oll/css)38
colors, css, oklch
CSS Functions Guide (eri/css)37
guides, css, selectors
Recursive Functions in TypeScript36
typescript
Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css)35
theming, colors, css, custom-properties
The CSS Calculating Function Guide (chr/css)34
guides, css, math, examples
The Best Color Functions in CSS? (chr/css)33
css, colors
Intrinsically Responsive CSS Grid With “minmax()” and “min()” (vam)32
intrinsic-design, responsive-design, css, grids, layout
A Quick Intro to Higher-Order Functions in JavaScript31
introductions, javascript
Keep Math in the CSS (chr/css)30
css, math
Fun Tip: Use “calc()” to Change the Height of a Hero Component (css)29
css
New Syntax for JS “Function Stuff” (tab)28
javascript, operators
ES6 Didn’t Introduce Default Parameters (Attention to Detail)27
ecmascript, javascript
Using Default Parameters in ES6 (lou/css)26
ecmascript, javascript
How JavaScript Rest Parameters Actually Work25
javascript
Exploring Data With Serverless and Vue: Automatically Update GitHub Files With Serverless Functions (sar/css)24
vuejs, serverless, github
JavaScript Functions That Define and Rewrite Themselves23
javascript
Using ES2017 Async Functions (css)22
ecmascript, javascript, asynchronicity
What’s a Transducer? (rag)21
programming, javascript, concepts
JavaScript Operators, Conditionals, and Functions20
javascript, operators, conditionals
Working With Colors Guide (sar/css)19
guides, colors, units, preprocessors, sass, less, stylus, blend-modes, css
Let’s Learn ES2015 (css)18
ecmascript, javascript, variables, operators, examples
Understanding Transducers in JavaScript (rom)17
javascript
Getting Started With CSS “calc()” (ana/sma)16
introductions, css
Understanding Transducers15
programming, examples
A Closer Look at Functions in Go14
go
Learning to Love the Boring Bits of CSS (sto/ali)13
css, units, selectors
The “color()” Function (tab)12
css
Dynamic Function Names in JavaScript (mar)11
naming, javascript
Defining and Using Functions in PHP10
php
Array Handling Functions9
php, arrays
15 JavaScript String Functions8
javascript, strings
The Document Ready Function7
jquery
On “attr()” and “calc()” (lea)6
css
Simple JavaScript Function to Include CSS5
javascript, css
Will JavaScript Function Without the “function” Statement? (cra)4
javascript
Firefox 4: CSS3 “calc()”3
css, firefox, mozilla, browsers
Scope in JavaScript (mik/dig)2
javascript, scope
Variable Scope for New Programmers (jus/dig)1
javascript, variables, scope