Something else that I like to do with assessing mediaqueries is to use aspect-ratio.
That happens to be very useful when we deal with layouts involving elements that have to be absolutely placed in the viewport.
Master mobile-first web design like a pro! Dive into SCSS workflows that make your layouts responsive, scalable, and clean. If you're serious about modern web development, this is your guide. #SCSS #ResponsiveDesign #WebDev
https://bdking71.wordpress.com/2025/05/12/style-smarter-responsive-design-with-scss/
Apprenez SCSS avec notre nouveau tutoriel !
Vous voulez améliorer votre code CSS ? Plongez dans notre tutoriel sur SCSS et découvrez comment utiliser les variables, l'imbrication, les imports et les mixins. Ce guide est parfait pour les débutants comme pour les développeurs expérimentés. Améliorez votre workflow et devenez un expert en développement web dès aujourd'hui !
Lien vers la vidéo : https://youtu.be/6mVobPnbLhM
Apparently SCSS variables can't be used to declare CSS variables?
This doesn't work:
--width: $sWidth;
Boostez votre productivité avec ce tuto sur la compilation SCSS dans WebStorm et PhpStorm ! Découvrez comment installer Node.js, configurer SASS et utiliser les file watchers pour automatiser votre workflow.
#SCSS #WebStorm #PhpStorm #JetBrains #DéveloppementWeb #Tutoriel
Regardez la vidéo ici : https://youtu.be/fkiIPuy7W_4
Sassy dark mode https://no-pe.netlify.app/dark-mode/
I did it for the title. Not really.
Because someone just hearted a 5 year old @codepen demo https://codepen.io/thebabydino/pen/GRooBJm?editors=0100 I made using a #Sass function + looping to generate a #CSS : we don't need *any* Sass for this anymore!
We can now do it with
background:
linear-gradient(in hsl longer hue 90deg,
hsl(0, 95%, 65%) 0 0)
mes blogs sont faits avec #orgmodeToGemini un outil maison qui transforme mes pages au format orgmode en un blog html statique naviguable par tags. Plusse d'infos dans le readme.
Menu with gooey effect with SCSS: https://codepen.io/leonelsilva/pen/RNwrQQO
Quick CSS trick I use to visually _identify_ hydration issues.
Po dlouhé době si potřebuju něco předělat na mém webu, kde jsem použil #Bootstrap5 a #SCSS, abych zjistil, že se vývoj BS asi zastavil? Poslední verze 5.3.3 stále používá "import" v SCSS, přitom Sass mě zahlcuje warningama, že od Sassu 3.0 import nebude existovat. Takže celý zdroják Bootstrapu je už špatně, a není to jen import, ale i jiné věci tam měly být už dávno jinak a ukazují se jako warning.
Boostrap hážu do koše, nejlepší je znát dobře #CSS a SCSS a psát si vše sám.
#webdesign
There is a nice tool to explore your mastodon archive called #MARL
You can also get some insight on your interactions, like who do you boost the most or what hashtag you use the most.
https://s427.github.io/MARL/dist/index.html
Thanks to @s427 for making such a neat thing !
Nouvelle vidéo pour les développeurs Symfony 7 !
Créez une liste d’articles avec pagination et améliorez l’expérience utilisateur grâce à :
Symfony et Doctrine pour une récupération efficace des données
Twig pour un affichage dynamique
SCSS pour un design moderne
Regardez la vidéo ici : https://youtu.be/Q7oJcTTc6xw
#Symfony7 #ProgrammationWeb #Pagination #SCSS #OpenSource
#FrontEndDeveloper #webdesigner
I have 6 Years working as a #FrontEndDeveloper #webdesinger & I am #looking for a new role and would appreciate your #support. #OpenToWork
Skill: #CSS, #HTML, #JavaScript, #Jquery, #Bootstrap, #SCSS, #TailwinCSS, #XD, #Photoshop, #WordPress (Elementor, Wp bakery), #AMP (Accelerated Mobile Pages), #ReactJs (#fresher - , Router, css, html, Api), #SEO, #GWD (Animated Banner).
Any Freelancing Work ?
1 Page Design : 20$
My Portfolio : https://riddham007.github.io/
Don't know where to get started with #opensource? docs-v2 is a #SCSS project that has open issues. Check out this issue on GitHub: https://github.com/influxdata/docs-v2/issues/5688