front-matter
pico
Our great sponsors
- Appwrite - The open-source backend cloud platform
- InfluxDB - Collect and Analyze Billions of Data Points in Real Time
- Onboard AI - Learn any GitHub repo in 59 seconds
- Sonar - Write Clean JavaScript Code. Always.
- Revelo Payroll - Free Global Payroll designed for tech teams
front-matter | pico | |
---|---|---|
4 | 59 | |
648 | 10,305 | |
- | 3.1% | |
0.0 | 7.7 | |
about 1 month ago | 5 days ago | |
JavaScript | SCSS | |
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.
front-matter
-
Creating an SSG (Static Site Generation) Application with Strapi Webhooks and NextJs
To set our metadata dynamically, we also imported the front-matter dependency.
-
Label automation at your fingertips
front-matter parser
- Why I built my own static site generator
-
Making a Markdown Editor for Your Vue Blog with Front Matter Support
What we want is for our editor to take the combination of front-matter data and markup, then be able to extract the two before storing that data separately somewhere. We'll be using the front-matter module to extract the data we need from the text editor content.
pico
-
Why everybody speaks only about Tailwind, what happened to Boo0strap?
I personally prefer Bootstrap to Tailwind, but my favorite is https://picocss.com/
Usually, I just want decent-looking default CSS styles. The benefits of a CSS framework have diminishing returns when using frameworks with styles scoped to components (like SvelteKit/Vue/React).
The fact Tailwind removes all styles so you can't even tell a button is a button unless you add classes is annoying. If you know the class names, sometimes it's a little more convenient to add Tailwind classes, but for the most part it just clutters the HTML. And it makes it difficult to update entire "classes" of elements: you have to update each element one at a time.
-
Modern CSS Framework or Library for Static Websites?
Do you want to customize it or get something that looks decent out of the box? Consider something like Pico.css which is just a stylesheet that can even be used classless. It just styles the native HTML elements in a nice way and nothing more.
-
Getting started with Pico CSS
According to its homepage, Pico is a minimal CSS framework for semantic HTML. Pico styles the built-in HTML elements so that when you’re building a small app, you don’t need to write a lot of custom CSS.
Here, Pico CSS comes into the picture. In some ways, it is the anti-Tailwind library. Pico CSS discourages using a large number of .classes in your application. Instead, it styles the semantic HTML elements in such a way that you don’t need to write a lot of code yourself.
-
how to choose a tech stack for a personal project
For styling you could try daisyUI on top of tailwind or you could use something like https://picocss.com
-
Ask HN: How do I make a website in 2023?
I still write basic HTML, styled using any of a number of simple classless CSS templates, like Pico.
-
A Todo HTMX application that uses Go and the templ templating library
These days I personally like using https://picocss.com/ and customizing from there. I haven't tested it in a large application yet so I'm not sure if that scales great, but it certainly is great for solo small projects or proofs of concept.
-
My full-stack demo app is not so great looking. It's real-time and real ugly. Any CSS/Bootstrap wizards out there who could give pointers on easy improvements?
Check out https://picocss.com/
-
Show HN: Neat, the Minimalist CSS Framework
- https://picocss.com/ Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.
-
What UI library would you use to quickly prototype some forms?
I'd reach for something like Pico.css as a starting point. HTML-first really helps adhere to semantic html principles, and will work well with any JS framework. I'd love to see something like this that would go hand in hand with Tailwind but haven't taken the time to look or build it.
What are some alternatives?
gray-matter - Smarter YAML front matter parser, used by metalsmith, Gatsby, Netlify, Assemble, mapbox-gl, phenomic, vuejs vitepress, TinaCMS, Shopify Polaris, Ant Design, Astro, hashicorp, garden, slidev, saber, sourcegraph, and many others. Simple to use, and battle tested. Parses YAML by default but can also parse JSON Front Matter, Coffee Front Matter, TOML Front Matter, and has support for custom parsers. Please follow gray-matter's author: https://github.com/jonschlinkert
Tailwind CSS - A utility-first CSS framework for rapid UI development.
docsify - 🃏 A magical documentation site generator.
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
Grav - Modern, Crazy Fast, Ridiculously Easy and Amazingly Powerful Flat-File CMS powered by PHP, Markdown, Twig, and Symfony
htmx - </> htmx - high power tools for HTML
astro - The web framework that scales with you — Build fast content sites, powerful web applications, dynamic server APIs, and everything in-between ⭐️ Star to support our work!
sakura - :cherry_blossom: a minimal css framework/theme.
Hugo - The world’s fastest framework for building websites.
unocss - The instant on-demand atomic CSS engine.
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
marked - A markdown parser and compiler. Built for speed.