--- title: Write Better CSS By Borrowing Ideas From JavaScript... description: Write Better CSS By Borrowing Ideas from JavaScript Functions - Smashing Magazine write Better CSS. Write CSS that is easy to use, free from unwanted side... canonical: https://daily.dev/posts/write-better-css-by-borrowing-ideas-from-javascript-functions-smashing-magazine-ndhvfbjfn twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Write Better CSS By Borrowing Ideas From JavaScript Functions — Smashing Magazine | daily.dev og:description: Write Better CSS By Borrowing Ideas from JavaScript Functions - Smashing Magazine write Better CSS. Write CSS that is easy to use, free from unwanted side... og:url: https://daily.dev/posts/write-better-css-by-borrowing-ideas-from-javascript-functions-smashing-magazine-ndhvfbjfn og:image: https://api.daily.dev/og/posts/ndHVFbjFn.png og:image:alt: Write Better CSS By Borrowing Ideas From JavaScript Functions — Smashing Magazine og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Write Better CSS By Borrowing Ideas From JavaScript Functions — Smashing Magazine **[Smashing Magazine](https://daily.dev/sources/smashing)** · 8 min read · 14 upvotes · 1 comments ## Summary Write Better CSS By Borrowing Ideas from JavaScript Functions - Smashing Magazine write Better CSS. Write CSS that is easy to use, free from unwanted side effects, and resilient to change. The goal is toggling between an state and an state of the function. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@shegzi** · 0 upvotes > Comprehensive and Intuitive. ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#css](https://daily.dev/tags/css) [View this post on daily.dev](https://daily.dev/posts/write-better-css-by-borrowing-ideas-from-javascript-functions-smashing-magazine-ndhvfbjfn) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Write Better CSS By Borrowing Ideas From JavaScript Functions — Smashing Magazine","url":"https://daily.dev/posts/write-better-css-by-borrowing-ideas-from-javascript-functions-smashing-magazine-ndhvfbjfn","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/write-better-css-by-borrowing-ideas-from-javascript-functions-smashing-magazine-ndhvfbjfn"},"datePublished":"2023-04-28T08:19:15.251Z","dateModified":"2023-04-28T08:19:15.051Z","description":"Write Better CSS By Borrowing Ideas from JavaScript Functions - Smashing Magazine write Better CSS. Write CSS that is easy to use, free from unwanted side...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/8b1df1050789658e3cbfe62ccf083a2f?_a=AQADKdt","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/8b1df1050789658e3cbfe62ccf083a2f?_a=AQADKdt","isAccessibleForFree":true,"articleSection":"Smashing Magazine","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Smashing Magazine","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/smashing","url":"https://daily.dev/sources/smashing"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/write-better-css-by-borrowing-ideas-from-javascript-functions-smashing-magazine-ndhvfbjfn","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":14},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"css","timeRequired":"PT8M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Smashing Magazine","item":"https://daily.dev/sources/smashing"},{"@type":"ListItem","position":3,"name":"Write Better CSS By Borrowing Ideas From JavaScript Functions — Smashing Magazine"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/write-better-css-by-borrowing-ideas-from-javascript-functions-smashing-magazine-ndhvfbjfn","comment":[{"@type":"Comment","text":"Comprehensive and Intuitive.","datePublished":"2023-04-28T08:42:30.755Z","url":"https://daily.dev/posts/ndHVFbjFn#c-3lg9dvcPB","author":{"@type":"Person","name":"Bobate Olusegun","url":"https://daily.dev/shegzi","image":"https://lh3.googleusercontent.com/a/ALm5wu3inHkB1_0GppbDA6ZoKP-sISrVd5YwViGdIMq8LA=s96-c"}}]} ```