md3bmmd3bm.hashnode.dev·Feb 7, 2024Mastering Responsive Typography: Best Practices of the CSS SASS MixinIn today's digital landscape, responsive design has become a fundamental aspect of web development. Ensuring that our websites adapt seamlessly to different screen sizes and devices is crucial for delivering an optimal user experience. One key elemen...DiscussCSS
SaviourTheDevcodebadass.hashnode.dev·Oct 31, 2023Make your console.log() beautiful: Unleash the magic of console.log() with CSSFor a long time, I've been using plain old boring console.log() and so far, it's been a very good friend. However, I feel betrayed because I just discovered that console.log() output can be styled with CSS. It's like finding out your dog can sing aft...Discuss·1 like·39 readsJavaScript
Nkiruka Edith Onwugbuforedleychris.hashnode.dev·Jan 29, 2023Essential CSS Concept For Web DevelopmentI can still recall enquiring about how long it would take me to become an excellent CSS user from my CSS-savvy coworker. She chuckled and added, "It might take years." She was entirely true, as I now see after spending so much time learning CSS. Some...Discuss·11 likes·175 readscss-tricks
MythiliRajumythiliraju.hashnode.dev·Jan 20, 202318 Advanced CSS Tricks And Tips [2023]CSS describes how HTML elements should be presented on the web page. It provides colors, positions to the HTML elements, etc., create animations, and amplify your web page. Developers and web designers are intrigued by ways to try out cool CSS tricks...Discuss·169 readscss-tricks
Shruti Balasashrutibalasa.hashnode.dev·Oct 27, 2022How do you keep the footer always at the bottom - Flexbox or Grid?You develop a perfectly looking web page with a nice footer at the bottom, deploy it and send the link to your friend. But guess what? Your friend tells you that the footer is not at the bottom. It’s floating up because your main content is too small...Discuss·12 likes·280 readsflex vs grid
Shruti Balasashrutibalasa.hashnode.dev·Jul 28, 2022Text Underline Animation ExplainedSee this text underline animation? Looks really nice right? Let’s go straight into understanding how to create it step-by-step. The Markup <p> Hover on the link to see the <a class="underline" href="#">Underline animation</a> </p> The CSS There ...Discuss·6 likes·217 readsCSS Animation
Tanmay Tholetanmaythole.hashnode.dev·Nov 13, 202110 CSS Tricks to Spark Your Web PageCSS is a wonderful tool for web developers to take their amazing code and add the much-needed special sauce that will impress users. Most developers know the basics of how to define things like colors, font sizes, and more, but CSS has tons of functi...DiscussCSS
Lakshmananlakshmananarumugam.hashnode.dev·May 11, 2021The simple tricks to change your website theme based on day and nightHi everyone, every website have a theme options. so, a website user able to choose their preferred theme like dark, light..etc., This is existing followed approach in everyone website. how is it (we show the website theme based on the user day and ni...Discuss·72 readsCSS
![18 Advanced CSS Tricks And Tips [2023]](https://cdn.hashnode.com/res/hashnode/image/upload/v1689074488106/17e76e88-d00b-4c04-9982-e2fd13429061.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
