modern-normalize
vue-ts-tailwind
Our great sponsors
modern-normalize | vue-ts-tailwind | |
---|---|---|
8 | 4 | |
5,750 | 7 | |
- | - | |
2.1 | 0.0 | |
12 months ago | 6 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
modern-normalize
-
Tailwind CSS: A critique
Tailwind Preflight is amazing - built on top of modern-normalize, Preflight resets the default inconsistent styles across modern browsers. In addition to modern-normalize, Preflight:
-
MVP.css – Minimalist stylesheet for HTML elements
I think this is the same category as https://github.com/sindresorhus/modern-normalize
`modern-normalized.css` can be for MVP too. Honestly few < 100 lines on top of normalized one isn't that much work.
-
(Help) How to make the brown or red thing in the navigation bar have no margin on the left and right side & also make the logo vertically centered with the text?
You should inspect the elements to find out where the margins around the nav bar are coming from. I assume you never zeroed the margins on the body, but it's good practice to inspect your properties to find out for yourself where things are coming from. To fix, you can probably add body {margin: 0;} to your CSS. An even better way would be to load a modern reset before your styles, something like modern normalize.
-
How to style markdown with Tailwind CSS
Tailwind CSS comes with "an opinionated set of base styles" called Preflight. A helpful CSS reset built on top of modern-normalize.
- Vite vue ts tailwind template: Convert styles to TailwindCSS classes and configs (Part 3)
- What is the de-facto standard CSS reset?
-
Safari is the new Internet Explorer... I thought this when I came across this issue, there's way too many issues like this one.
You know this exists right ?
-
CSS Reset
I recently switched from normalize.css to a "modern" fork https://github.com/sindresorhus/modern-normalize
vue-ts-tailwind
-
To fly you need a tailwind
In one of my previous projects, I fall in love with TailwindCSS. I know that this is a very controversial framework for some, but for me, personally, as a backend developer of 11 years, it was the first time I had a fun time adding styles to the frontend. I even created vue-ts template with it, as a part of another articles' series.
- Vite vue ts tailwind template: Convert styles to TailwindCSS classes and configs (Part 3)
-
Vite vue ts tailwind template: Create repo from vue-ts template
-[![pre-commit.ci status](https://results.pre-commit.ci/badge/github/imomaliev/vue-ts/main.svg)](https://results.pre-commit.ci/latest/github/imomaliev/vue-ts/main) -![ci](https://github.com/imomaliev/vue-ts/actions/workflows/ci.yml/badge.svg) +[![pre-commit.ci status](https://results.pre-commit.ci/badge/github/imomaliev/vue-ts-tailwind/main.svg)](https://results.pre-commit.ci/latest/github/imomaliev/vue-ts-tailwind/main) +![ci](https://github.com/imomaliev/vue-ts-tailwind/actions/workflows/ci.yml/badge.svg) -# Vue 3 + Typescript + Vite + Jest +# Vue 3 + Typescript + Vite + Jest + TailwindCSS -This template should help get you started developing with Vue 3 and Typescript in Vite. +This template should help get you started developing with Vue 3, Typescript and TailwindCSS in Vite.
-
Install eslint
vue-ts-tailwind
What are some alternatives?
normalize.css - A modern alternative to CSS resets
vue-ts - Vite + Vue + TypeScript template
tailwindcss-typography - Beautiful typographic defaults for HTML you don't control.
typescript-eslint - :sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
caniuse - Raw browser/feature support data from caniuse.com
groundwork - A curated collection of boilerplate projects and reusable configurations
standardized-audio-context - A cross-browser wrapper for the Web Audio API which aims to closely follow the standard.
gitignore - A collection of useful .gitignore templates
open-props - CSS custom properties to help accelerate adaptive and consistent design.
PostCSS - Transforming styles with JS plugins