pollen
html5-boilerplate
pollen | html5-boilerplate | |
---|---|---|
19 | 36 | |
856 | 55,998 | |
0.5% | 0.2% | |
0.0 | 8.5 | |
5 months ago | 2 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.
pollen
-
Why does everyone love tailwind
So frameworks like https://www.pollen.style/ are doing this. Personally I still prefer the tailwind approach.
-
Tailwind CSS and the death of web craftsmanship
I do think that the real value of Tailwind comes from the utility classes, rather than css-in-html paradigm. You could achieve the same, for example, with Pollen.css [0] or Open Props [1].
[0] https://github.com/heybokeh/pollen
[1] https://github.com/argyleink/open-props
-
Is vanilla CSS enough?
Tailwind is a great option to look into, I really enjoy it, but if you want something a bit more in-between, you can check out frameworks like https://www.pollen.style. There you get a framework of consistent CSS variables you can use, while still writing all your vanilla CSS yourself with full control of everything.
-
What UI framework would you recommend?
It uses UnoCSS (think TailwindCSS but super customizeable) with Pollen (which is similar to open props).
-
Open Props: Tailwind Alternative from Chrome Dev Team
Very similar to Pollen (https://www.pollen.style), though it looks a little more complicated.
IMO the main value of Tailwind is that it's a step function over your units and colors, which helps bring better consistency and dev speed to UI implementation.
Tailwind's "write class names instead of CSS" approach makes sense in the component-based systems most apps are built in these days, where pretty much any repeated markup will be turned into a component. It performs better than scoped styles and is less complicated.
A CSS variable approach like Open Props or Pollen is, in my experience, better if you're not using a component-based system (ie. conventional HTML) and therefore have repeated markup patterns. Having a simple class name to apply to repeated markup is much more maintainable than trying to copy/paste a long tailwind string around.
- Pollen, the CSS variable build system
-
What are cool kids using for styling these days?
Pollen and Open Props are two popular examples of such token first frameworks. If you are not familiar with CSS Custom Properties (also called CSS variables), I recently wrote about how to use them to create a CSS Style API layer.
- Ask HN: Looking for an open CSS variables theme that was published here
-
Pollen vs. Tailwind CSS: Finding the better build experience
In the last few years, a new set of frameworks with a radically different concept drew the attention of frontend developers. These frameworks are now extremely popular in the frontend world, and you’re likely already familiar with them: Tailwind CSS and Pollen.
- Tailwind CSS v3.0
html5-boilerplate
-
html5 boilerplate with bootstrap
Download the HTML5 Boilerplate template from the official website (https://html5boilerplate.com/). You can choose to download the standard or the enhanced version, depending on your needs.
-
What is this called and how do I add it?
The ol' HTML5 boilerplate project does favicons in three lines:
-
How to create a basic webpage. Hey everyone , I need to create a basic web page that has a few hyperlinks at the top, some pictures, and a few paragraphs. I have no clue how to start this, first time doing something like this. Any advice / tips?
Also https://html5boilerplate.com might be good starting point.
-
Web Developer path
Learn to a medium degree of proficiency HTML and CSS. Dig through something like the source code for https://html5boilerplate.com/ and try to understand why they're doing the things that they're doing. Learn Git and use it in practice. Even if you're just working on your own code.
-
Do you still use HTML5 Boilerplate when starting new projects? what are alternatives?
Do you guys still use HTML5 Boilerplate when starting new projects? https://html5boilerplate.com/
- GitHub Repositories : Part 1
-
100+ Must Know Github Repositories For Any Programmer
2. Html Boilerplate
- Be the best web dev you can be
-
The HTML5 Shiv (2011)
Wasn't this moved into Modernizr? There's a library I haven't thought of in a long time.
Oh, yep. There it is at the bottom:
> April 2011: IEPP v2 comes out. Modernizr and the html5shiv inherit the latest code. Meanwhile developers everywhere continue to use HTML5 elements in a cross-browser fashion without worry.
Paul Irish also started (or helped start) the html5 boilerplate project[1], which I am surprised to see is still actively being developed. I relied on that boilerplate for so many of my years of my early career (started full-time front-end in 2011). If you want another blast of nostalgia, check out the earlier releases[2,3] of it. I'm so happy I don't have to use conditional IE statements in my html anymore
1. https://html5boilerplate.com/
2. https://github.com/h5bp/html5-boilerplate/tree/v0.9
3. https://github.com/h5bp/html5-boilerplate/tree/v0.9.5
-
Are there free websites where I could use drag down features and export as HTML?
To get started with templates. https://html5boilerplate.com/
What are some alternatives?
tailwindcss - A utility-first CSS framework for rapid UI development. [Moved to: https://github.com/tailwindlabs/tailwindcss]
vitepress - Vite & Vue powered static site generator.
open-props - CSS custom properties to help accelerate adaptive and consistent design.
React PWA - An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.
unocss - The instant on-demand atomic CSS engine.
Mobile-First-RWD - An example of a mobile-first responsive web design
halfmoon - Halfmoon is a highly customizable, drop-in Bootstrap replacement. It comes with three built-in core themes, with dark mode support for all themes and components.
RPG-Maker-MV-Decrypter - You can decrypt RPG-Maker-MV Resource Files with this project ~ If you don't wanna download it, you can use the Script on my HP:
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
create-react-app - Set up a modern web app by running one command.
nord - An arctic, north-bluish color palette.
freeCodeCamp - freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.