mvp
modern-normalize
Our great sponsors
mvp | modern-normalize | |
---|---|---|
18 | 8 | |
4,867 | 5,742 | |
- | - | |
4.7 | 2.1 | |
22 days ago | 12 months ago | |
HTML | TypeScript | |
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.
mvp
-
Ask HN: I'm bad at design, which stops me from finishing side projects. Advice?
Buy a bootstrap theme, they're cheap and they offer a lot out of the box. Better solution than bare tailwind, which actually requires you to know how to design. I used tailwind on my personal website, result was good but I had to do a lot more than if I used a bootstrap theme.
You make your app ui work within the boundaries of your bootstrap theme and you're good for 96% of the design stuff.
If you don't want to even learn bootstrap css classes and stuff, consider https://andybrewer.github.io/mvp/
It's amazing, you drop it and you have a theme based on the html only. I use this mostly for prototyping though
- Show HN: Lissom.CSS, a classless, minimalist, and themeable CSS library
-
Classless.css – Less Classes. Less Overhead
Like the previous submitter ( https://news.ycombinator.com/item?id=30885700 April 2022 ) I found clasless.css while investigating semantic html-oriented css libraries and this one stood out to me as having a good balance. I'm not ideologically opposed to using classes, but using them for every bit of styling seems off and I'd rather see good default styles for regular semantically structured html. For example, classless.css uses the "card" class for cards which don't have a clear analog in among standard html tags: https://developer.mozilla.org/en-US/docs/Web/HTML/Element
Other libraries:
Water.css: https://watercss.kognise.dev/
MVP.css: https://andybrewer.github.io/mvp/
Missing.css: https://missing.style/
-
Show HN: Neat, the Minimalist CSS Framework
i collect these for fun! adding to my collection https://github.com/sw-yx/spark-joy/blob/master/README.md#dro...
more like this:
- https://andybrewer.github.io/mvp/ mvp.css
-
Paizo: The ORC Alliance Grows
On a side note, you can throw something like water.css , tacit, or MVP.css for quick and easy styling and you just focus on the HTML.
-
TIL: Audio Buffers, Remix, CSS
Since this tool was just for testing, I wanted a simple CSS solution so that I didn't have to focus on styling. I went with MVP.css and Tailwind for small tweaks. It worked really well, but in the future, I'd like to take a look at Pico.css, which I just learned about from this Fireship video.
-
Ask HN: How to build online calculator website?
You could pay a front end dev to use a preexisting template.
Or, you could Google “classless CSS”, if you’re OK writing some HTML.
I made a plug and play CSS library here for those that don’t want to write CSS: https://github.com/andybrewer/mvp
- Show HN: Bolt.css – Another classless CSS library
- [TREAD] Il existe 1 980 000 000 de sites Web sur Internet dans le monde. Mais seule une fraction d’entre eux peut vous aider à devenir un meilleur développeur Web et à accélérer votre travail. Voici 10 sites qui valent la peine d’être connus 👇
- “ 58 bytes of CSS to look great nearly everywhere” mkws theme
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
What are some alternatives?
pico - Minimal CSS Framework for semantic HTML
normalize.css - A modern alternative to CSS resets
classless-css - A list of classless CSS themes/frameworks with screenshots
tailwindcss-typography - Beautiful typographic defaults for HTML you don't control.
sakura - :cherry_blossom: a minimal css framework/theme.
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Pure - A set of small, responsive CSS modules that you can use in every web project.
vue-ts-tailwind - Vite + Vue + TypeScript + TailwindCSS template
Milligram - A minimalist CSS framework.
caniuse - Raw browser/feature support data from caniuse.com
spcss - A simple, minimal, classless stylesheet for simple HTML pages
standardized-audio-context - A cross-browser wrapper for the Web Audio API which aims to closely follow the standard.