Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction 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 Other Related TopicsDate#
The “Most Hated” CSS Feature: “tan()” (mon/css)205
css, math
Springs and Bounces in Native CSS (jos)204
css, animations, transitions, effects
CSS Finally Gets Inline Conditional Logic With New “if()” Function (the)203
css, conditionals
Making Context-Aware Components: How CSS “inherit()” Could Simplify Design Systems (stu)202
components, css, custom-properties
Sequential “linear()” Animation With n Elements (css/css)201
css, animations
25 New and Rad Features of CSS (arg/cas)200
videos, css, transitions, animations, cascade, selectors, colors, scrolling
The New “progress()” Function in CSS (ami)199
css, examples
The Thing About “contrast-color” (geo/css)198
css, colors, contrast
CSS Typed Arithmetic (ami/css)197
css, math
The Best CSS Unit Might Be a Combination (mia/odd)196
css, units
What You Need to Know About Modern CSS (2025 Edition) (chr/fro)195
css, animations, pop-overs, forms, shapes, source-order, link-lists
The “Most Hated” CSS Feature: “cos()” and “sin()” (mon/css)194
css, math
Styling Siblings With CSS Has Never Been Easier: Experimenting With “sibling-count” and “sibling-index” (uti)193
css, selectors
Breakpoint Columns, Five Ways—Which Do You Like? (chr/fro)192
css, layout, media-queries, grids
One List to Rule Them All (arg)191
css, selectors, units, learning, link-lists
The CSS “if()” Function (san)190
css, conditionals
The CSS “random()” Function (san)189
css, randomness
What You Need to Know About CSS Color Interpolation (sun/css)188
css, colors, oklch
Learning Web Development: Asynchronous JavaScript—Promises and “async” Functions (rau)187
javascript, asynchronicity, promises
Should the CSS “light-dark()” Function Support More Than Light and Dark Values? (sun/css)186
css, dark-mode
Visualizing Responsive Typography (mia/odd)185
css, typography, responsive-design
Very Early Playing With “random()” in CSS (chr/fro)184
css, randomness
Rolling the Dice With CSS “random()” (jon+/web)183
css, randomness, examples
Obsessing Over Smooth “radial-gradient()” Disc Edges (ana/fro)182
css, gradients
Learning Web Development: Numbers, Variables, Functions in JavaScript (rau)181
javascript, variables
5 Useful CSS Functions Using the New “@ function” Rule (una)180
css, examples
The CSS “if()” Function: Conditional Styling Will Never Be the Same (log)179
css, conditionals
Designing for User Font-Size and Zoom (mia/odd)178
design, typography, zooming, css, units
Unconditional Love for Conditional CSS (geo)177
css, conditionals, mixins, container-queries, transitions
Dynamic “nth-child()” Using “sibling-index()” and “if()” (css)176
css, conditionals
Get the Index of an Element Within Its Parent (css)175
css
CSS Conditionals With the New “if()” Function (una/dev)174
css, conditionals
What’s the Difference Between Ordinary Functions and Arrow Functions in JavaScript? (jrs)173
javascript, comparisons
Lightly Poking at the CSS “if()” Function in Chrome 137 (sun/css)172
css, conditionals, chrome, google, browsers
Color Everything in CSS (mon/css)171
css, colors
“calc-size()” (kev)170
css
CSS Color Functions (css)169
guides, css, colors
Exploring the CSS “contrast-color()” Function… a Second Time (dxn/css)168
css, colors, contrast, accessibility
Functional Capturing (kiz)167
css
The New “if()” Function in CSS Has Landed in the Latest Chrome (ami)166
css, conditionals, chrome, google, browsers
Better CSS Shapes Using “shape()” (css/css)165
css, shapes
Move Modal in on a… “shape()” (chr/fro)164
modals, css
How to Have the Browser Pick a Contrasting Color in CSS (jen/web)163
how-tos, browsers, css, colors, contrast
I Think the Ergonomics of Generators Is Growing on Me (mac)162
javascript
Why Is Nobody Using the “hwb()” Color Function? (css)161
css, colors
“shape()”: A New Powerful Drawing Syntax in CSS (chr/fro)160
css, shapes, clipping
Guitar Chords in CSS (sto)159
css, examples
CSS “shape()” Commands (geo/css)158
css, shapes, clipping
“oklch()” (ada)157
css, colors, oklch
To “light-dark()” or Not to “light-dark()” (web)156
videos, css, dark-mode
The “min()” and “max()” Functions (kev)155
css
Custom Progress Element Using the “attr()” Function (css/fro)154
css, progress-indicators, gradients
Use “shape()” for Responsive Clipping (nom/dev)153
css, shapes, clipping, responsive-design
First Look at the Modern “attr()” (sha)152
css, attributes, feature-detection
Relative Colors (sha)151
css, colors, contrast
10 Hidden Gems in Angular That You Should Use150
angular
Functions in CSS?! (mon/css)149
css
Intent to Experiment for Longer (kiz)148
chrome, google, browsers, css, conditionals
How to Use “attr()” in CSS for Columns, Colors, and Font-Size (chr/fro)147
how-tos, css, layout, colors, typography
Clean Code in JavaScript: A Comprehensive Guide146
guides, javascript, principles, conventions, variables, objects, comments, testing, quality
Breakpoint-Free CSS Grid Layouts (kev)145
videos, css, grids, layout
CSS “@ function” + CSS “if()” = 🤯 (bra)144
css, conditionals, custom-properties, dark-mode
The “attr()” Function in CSS Now Supports Types (ami)143
css, attributes, types
The Problem With Indirections (dan)142
programming, variables, presentational-html, state-management
Live CSS Colors: What You Can Safely Use (jar/van)141
css, colors
Typecasting and Viewport Transitions in CSS With “tan(atan2())” (mon/css)140
css, transitions, animations, math
Scroll State Queries Are on the Way (and a Bunch More) (kev)139
videos, css, selectors, container-queries, scrolling
New Capabilities for “attr()” (una)138
css
6 CSS Snippets Every Front-End Developer Should Know in 2025 (arg)137
css, transitions, animations, gradients, effects
Opacify HEX Color in CSS (osv)136
css, colors
Generating Test Values Using JavaScript Generators135
typescript, javascript, testing
How to Structure Functions (cfe)134
how-tos, programming
What Is a Callback Function? (cfe)133
javascript, callbacks
CSS “attr()” Gets an Upgrade (bra/dev)132
css
How to Wait for the “sibling-count()” and “sibling-index()” Functions (mon/css)131
how-tos, css, selectors
CSS “light-dark()” (may/5t3)130
css, dark-mode
The Future of CSS: Construct “<custom-ident>” and “<dashed-ident>” Values With “ident()” (bra)129
css, transitions
“calc-size()” and Interpolate Size (kev/5t3)128
css, animations
How to Clamp the Lightness of a Relative Color in CSS (ang)127
how-tos, css, colors
Let’s Learn Generators in JavaScript126
javascript
Color in CSS or How I Learned to Disrespect Tennis (mat/btc)125
videos, css, colors
Possible Future CSS: Tree-Counting Functions and Random Values (kiz)124
css, randomness
CSS “min()” All the Things (sma)123
css
I Didn’t Know You Could Use Sibling Parameters as Default Values in Functions (mac)122
javascript
New Values and Functions in CSS (alv)121
css
JavaScript Generators Explained, but on a Senior-Level (jan)120
javascript
Relative Color Syntax—Basic Use Cases (chr/fro)119
css, colors, browsers, support
“stripes()”: The Border Function You Never Knew You Needed (jos)118
css, borders
Garbage Collection and Closures (jaf)117
javascript, closures, garbage-collection
Better Ways to Use Async Functions in JavaScript116
javascript, asynchronicity, promises
CSS Stuff I’m Excited After the Last CSSWG Meeting (mon/css)115
css, transitions, anchor-positioning
Deploy AWS Lambda Functions With Serverless Framework and Node.js114
deploying, aws, serverless, lambda, nodejs
A Text-Reveal Effect Using “conic-gradient()” in CSS (pre/fro)113
css, gradients, effects
Mastering JavaScript Generators112
javascript
Lesser-Known CSS Features That You Should Learn Now111
css
One of the Boss Battles of CSS Is Almost Won! Transitioning to “auto” (chr/fro)110
css, transitions, animations
How to Compose JavaScript Functions That Take Multiple Parameters (The Epic Guide) (jrs)109
guides, how-tos, javascript
No More Pixel Rounding Issues (css)108
css, tips-and-tricks
“contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (eri)107
accessibility, colors, contrast, css
On Compliance vs. Readability: Generating Text Colors With CSS (lea)106
css, colors, compliance, readability, comparisons
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac/dev)105
css, math, browsers, support, web-platform
Shades of Grey With “color-mix()” (mic)104
css, colors
Creating Fluid Typography With the CSS “clamp()” Function103
css, typography, liquid-design
JavaScript Features That Most Developers Don’t Know102
javascript
What’s Going On in Dark Theme / Light Theme Land (chr/fro)101
css, dark-mode
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra/dev)100
css, colors, dark-mode
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests99
how-tos, jquery, ajax, asynchronicity
New CSS That Can Actually Be Used in 2024 (tho)98
css, logical-properties, container-queries, selectors, nesting, cascade, grids
Make Your Functions More Reusable With Generics (mat)97
typescript, generics, maintainability
Creating Color Palettes With the CSS “color-mix()” Function (mic)96
css, colors, color-palettes
Future of CSS: Functions and Mixins95
css, mixins
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)94
css, math
CSS Mixins and Functions Explainer (mia/odd)93
css, mixins
When to Use the “min()” or “max()” Function (css)92
css, tips-and-tricks
The New CSS Color Format You Didn’t Know You Needed; “oklch()”91
css, colors, oklch, tailwind
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)90
introductions, scrolling, animations, css
“oklch()” Retains Perceived Lightness for Different Hue Angles (ste)89
css, colors, oklch
Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne (mia+/sho)88
podcasts, interviews, css, cascade
The New CSS Math: “rem()” and “mod()” (dan)87
css, math
The New “light-dark()” Function to Switch Theme Color in CSS (ami)86
css, dark-mode
A Couple of New CSS Functions I’d Never Heard Of (chr)85
css
CSS Relative Color Syntax (arg/dev)84
css, colors
The Future of CSS: Easy Light-Dark Mode Color Switching With “light-dark()” (bra)83
css, dark-mode
Deploy and Test AWS Step Functions With Node.js (app)82
nodejs, aws, deploying, testing
The Path to Awesome CSS Easing With the “linear()” Function (jhe/sma)81
css, animations
Arrow Functions vs. Traditional Functions in JavaScript (cfe)80
videos, javascript, comparisons
Realistic CSS Animations and the “linear()” Timing Function79
css, animations, time
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)78
how-tos, headless, serverless, browsers, google, chrome
How to Use the CSS Grid “repeat()” Function77
how-tos, css, grids, layout
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)76
css, animations
Fluid vs. Responsive Typography With CSS Clamp (its/log)75
css, typography, responsive-design
Useful Functions for [an] HTTP Server74
deno, servers, http
New CSS Color Spaces and Functions in All Major Engines (rac/dev)73
css, colors, browsers, support
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)72
how-tos, javascript
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications71
guides, langchain, google, gcp, ai
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)70
css, javascript, quality
TypeScript Function Types: A Beginner’s Guide69
guides, typescript
Improving CSS Shapes With Trigonometric Functions (dan)68
css, shapes
Function Overloading in TypeScript67
typescript
Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (sto/css)66
css
10 Helpful JavaScript Utility Functions65
javascript
CSS Color Functions and Custom Properties (mat)64
css, colors, custom-properties
Why Would Anyone Need JavaScript Generator Functions?63
javascript
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)62
liquid-design, typography, css, sass
How to Return Multiple Values From a Function in JavaScript (ami)61
how-tos, javascript
Useful JavaScript Math Functions and How to Use Them60
javascript, math
Use Cases for CSS Comparison Functions (sha)59
css
The Seventh Way to Call a JavaScript Function Without Parentheses58
javascript
A Simple “clamp()” Function in PHP (ami)57
php
Checking if a JavaScript Native Function Is Monkey Patched56
javascript
Intro to Serverless Functions (net)55
introductions, serverless, netlify
Master Higher-Order Functions in JavaScript54
javascript
Misusing TypeScript Assertion Functions for Fun and Profit (chr)53
typescript
Debugging Node Serverless Functions on AWS Lambda52
nodejs, debugging, aws, serverless, lambda
JavaScript Function Composition: What’s the Big Deal?51
javascript
When to Use a Function Expression vs. Function Declaration50
javascript, comparisons
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)49
how-tos, css, math
Giving New Meanings to the Color Functions in CSS (alv)48
css, colors
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax47
how-tos, javascript
An Introduction to AWS CloudFront Functions (hon)46
introductions, aws, cloudfront, content-delivery
How to Use Higher-Order Functions in JavaScript45
how-tos, javascript
State of the Web: Serverless Functions44
serverless, edge-computing
Functional Programming in PHP: Higher-Order Functions43
php, programming
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una/dev)42
css
4 Important Differences Between Regular and Arrow Functions41
javascript, comparisons
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)40
css, math
10 Utility Functions for Working With Objects in JavaScript39
javascript, objects
5 Different Ways to Declare Functions in jQuery (cra)38
jquery, javascript
Things You Can Do With CSS Today (bel/sma)37
css, masonry, layout, selectors, units
CSS “min()”, “max()”, and “clamp()” (una/dev)36
css, typography
The Expanding Gamut of Color on the Web (oll/css)35
colors, css, oklch
CSS Functions Guide (eri/css)34
guides, css, selectors
Recursive Functions in TypeScript33
typescript
Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css)32
theming, colors, css, custom-properties
The CSS Calculating Function Guide (chr/css)31
guides, css, math, examples
The Best Color Functions in CSS? (chr/css)30
css, colors
Intrinsically Responsive CSS Grid With “minmax()” and “min()” (vam)29
intrinsic-design, responsive-design, css, grids, layout
A Quick Intro to Higher-Order Functions in JavaScript28
introductions, javascript
Keep Math in the CSS (chr/css)27
css, math
Fun Tip: Use “calc()” to Change the Height of a Hero Component (css)26
css
New Syntax for JS “Function Stuff” (tab)25
javascript, operators
ES6 Didn’t Introduce Default Parameters (Attention to Detail)24
ecmascript, javascript
Using Default Parameters in ES6 (lou/css)23
ecmascript, javascript
How JavaScript Rest Parameters Actually Work22
javascript
Exploring Data With Serverless and Vue: Automatically Update GitHub Files With Serverless Functions (sar/css)21
vuejs, serverless, github
JavaScript Functions That Define and Rewrite Themselves20
javascript
Using ES2017 Async Functions (css)19
ecmascript, javascript, asynchronicity
JavaScript Operators, Conditionals, and Functions18
javascript, operators, conditionals
Working With Colors Guide (sar/css)17
guides, colors, units, preprocessors, sass, less, stylus, blend-modes, css
Let’s Learn ES2015 (css)16
ecmascript, javascript, variables, operators, examples
Getting Started With CSS “calc()” (ana/sma)15
introductions, css
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