Moving From Tailwind To Vanilla-er CSS

This page summarizes the projects mentioned and recommended in the original post on dev.to

InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • postcss-preset-env

    Discontinued Convert modern CSS into something browsers understand

  • To solve this I used postcss-preset-env, which allowed me to define a "custom-media" with the name --viewport-lg and the value (min-width: 1024px). As postcss-preset-env also supported nested CSS this allowed for some pretty readable CSS.

  • postcss-mixins

    PostCSS plugin for mixins

  • However, I found the solution was to use mixins via postcss-mixins.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • postcss-import-ext-glob

    A PostCSS plugin to extend postcss-import path resolver to allow glob usage as path, e.g. @import-glob "**/*.css";

  • As my project grew, I found I could glob import files via postcss-import-ext-glob, which made my index.css file much more maintainable:

  • normalize.css

    A modern alternative to CSS resets

  • Preflight. I always find it's super aggressive, this is probably because I come from a background where I've used normalize.css a lot. Having to setup base styling for semantic HTML feels tedious.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • What is cross-browser compatibility, and why should you care?

    1 project | dev.to | 29 Mar 2024
  • An Introduction to the Vision Board Project

    1 project | dev.to | 7 Feb 2024
  • Use YouTube to improve your English pronunciation

    3 projects | news.ycombinator.com | 30 Oct 2023
  • How to Debug CSS

    1 project | dev.to | 25 Jul 2023
  • Responsiveness issue

    1 project | /r/webdev | 4 Jul 2023