Best of CSS — February 2023
- 1
- 2
Towards Dev·3y
Why Tailwind is better
Tailwind CSS is a utility-first CSS framework that offers flexibility and allows for easy customization. It reduces the need for naming classes and simplifies the implementation of page designs. It also offers the advantage of automatic purging of unused classes and supports reusability of styles.
- 3
- 4
- 5
Product Hunt·3y
Uiverse.io - Product Information, Latest Updates, and Reviews 2024
Uiverse.io is a website for developers that offers hundreds of open-source CSS and HTML UI elements. It recently launched version 2.0 with new features and updates. Users can participate in CSS Challenges and share pro tips.
- 6
builder.io·3y
How To Improve Lighthouse Scores by Avoiding <img> Layout Shifts
Improving Lighthouse scores can be achieved by setting the correct aspect ratio on images. Cumulative Layout Shift (CLS) is a metric that measures layout adjustments. Two recommended approaches to solving image CLS issues are using the aspect-ratio CSS property and setting width and height attributes on the img tag.
- 7
- 8
- 9
Community Picks·3y
React Anti-Patterns and Best Practices - Do's and Don'ts
Learn about common React anti-patterns and best practices, including the use of useState instead of variables, declaring CSS outside of components, and when to use useCallback and useEffect to optimize function and effect triggers.
- 10
CSS-Tricks·3y
A Fancy Hover Effect For Your Avatar | CSS-Tricks
A Fancy Hover Effect For Your Avatar for your Avatar is a neat hover effect you can use on something like your own avatar. Kilian Valkhof actually re-created that here on CSS-Tricks a while back. I have a similar idea but tackled a different way and with a sprinkle of animation.
- 11
- 12
- 13
Gimli Tailwind - Product Information, Latest Updates, and Reviews 2024
Gimli Tailwind is a product that helps developers debug and work with Tailwind CSS in a more intuitive way. The latest version, Gimli Tailwind 3, has made improvements to responsive variant values and style updates. Users can also find pro tips to help them get up to speed with the product. Additionally, users can leave reviews to share their experiences and offer feedback.
- 14
MCSS·3y
Understanding the Differences between Websites vs Web App
Websites can be accessed through a web browser, but they are fundamentally different in terms of functionality, user experience, and development. Websites are typically designed to be viewed on a desktop or laptop, but can also be seen on mobile devices. Web apps, on the other hand, are designed to provide a specific functionality or service.
- 15
LogRocket·3y
Tailwind CSS: Using dynamic breakpoints and container queries
Learn how to use dynamic breakpoints and container queries in Tailwind CSS to create responsive designs and apply styles based on container dimensions. Tailwind CSS is a utility-first CSS framework known for its simplicity and flexibility.
- 16
- 17
Ahmad Shadeed·3y
The Guide To Responsive Design In 2023 and Beyond
The term ‘responsive’ means a lot of things now. We have media queries that check for user preferences, and modern CSS features that help us make a fluid layout without even using a media query. Responsive design isn’t about media queries anymore, it’s about fixed-width breakpoints.
- 18
Real Python·3y
Build a JavaScript Front End for a Flask API – Real Python
Developers can separate JavaScript front-end code from the back-end logic that a web framework like Flask provides. Following this step-by-step project, you’ll create an interactive single-page application with HTML, CSS, and JavaScript. The foundation is an existing Flask project with a REST API and a connected SQLite database.
- 19
Chrome Developers·3y
New in Chrome 110
Chrome 110 introduces the `:picture-in-picture` pseudo class for customizing picture-in-picture elements, the launch_handler manifest member for controlling web app launch behavior, and the `credentialless` attribute for embedding third-party iframes without cross-origin headers. Other highlights include the removal of Web SQL in non-secure contexts and new features like the `initial-letter` CSS property and the `remove()` method in FileSystemHandle.
- 20
