What if light-dark() in CSS wasn’t just for colors?

Imagine swapping borders, fonts, or even layouts—automatically, by theme.

I broke down how modern CSS (with @function, if(), and style queries) makes it possible.

Theming just got way more powerful. ⚡

https://dropletdrift.com/beyond-colors-building-a-custom-light-dark-function-in-css/

#css #darkmode #frontend #webdev #developer #html #coding #javascript #design #ui #ux #programming #learncode #100devs #devlife #frontenddev #webdesign #internet #software #opensource #webdesign

@PavloGolub presenting now on "Customizing the Wordle Game Experience with PostgreSQL" at @pgdaylowlands - watch the livestream now (or recording later on)

https://www.youtube.com/live/ZPR7u44YJKI

#PostgreSQL #Postgres #OpenSource #FOSS #DevTalks #LearnCode #LearnSQL #DevCommunity #TechTalks #TechEvent #LearnTech #TechWebinar

Like today I learned how to load fonts from online sources into my code and how to separate HTML and CSS codes into different files while linking them and I'm feeling like a magician.

#code #learncode

#100DaysOfCode : #VanillaJS

#Day29 : Loop Exercices part III from #30DaysOfJavascript

Source Code : https://github.com/teotimepacreau/Loop-Exercices-III-Day29-of-100DaysOfCode

- reminded filter and map array methods
used for...of, forEach loops
- copied an array to avoid mutation
- push into an array if a condition is met

#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS

#100DaysOfCode : #VanillaJS

#Day28 : Array Exercices part III from #30DaysOfJavascript

Source Code : https://github.com/teotimepacreau/Array-Methods-Exercices-III-Day28-of-100DaysOfCode

- array destructuring with... in order to use Math.min() and Math.max() (because they only works on numbers and not on an array)
- reduce in order to calculate a sum of elements necessary to an average
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS

#100DaysOfCode : #VanillaJS

#Day27 : Loop Exercices part II from #30DaysOfJavascript

Source Code : https://github.com/teotimepacreau/Loop-Exercices-II-Day27-of-100DaysOfCode

- understood why it's necessary to put return in map array method
- array of arrays thanks to map and []
- reduce to combine to subArray to a string

#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS

#100DaysOfCode : #VanillaJS

#Day26 : Array Methods partII from #30DaysOfJavascript

Source Code : https://github.com/teotimepacreau/Array-Methods-Exercices-II-Day26-of-100DaysOfCode

- import and export arrays from separate files
- replace string method to - remove string elements
- split string method to put each element in an array
- filter out one element of an array
- sort ascendantly
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS

#100DaysOfCode : #VanillaJS

#Day25 : Functions Exercices from #30DaysOfJavascript

Source Code : https://github.com/teotimepacreau/Function-exercices-Day25-of-100DaysOfCode

- reminded multiple parameters
- concatenation of string, math operations
- multiple if conditions
switch/case statements in order to take several conditions
- looping through an array and displaying each entries
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS

#100DaysOfCode : #VanillaJS

#Day24 : Loop Exercices from #30DaysOfJavascript

Source Code : https://github.com/teotimepacreau/Loop-exercices-Day24-of-100DaysOfCode

- constraint number of iterations with for(i=0; i<=array.length; i++)
reverse iteration with for(i=countries.length-1; i>=0 ; i--)
- repeat() string method associated with for(i)
- generate a random 6 characters ID

#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS

#100DaysOfCode : #VanillaJS

#Day23 : Array Methods Exercices from #30DaysOfJavascript

Source Code : https://github.com/teotimepacreau/Array-Methods-Exercices-Day23-of-100DaysOfCode

- understood the difference between .map() and forEach() method
- used .includes() for first time to verif if the array contains certain letters
- used .filter() for first time
reverse array

#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS