I think the best part of this is that it forces us to use semantic HTML for the most part. Even as a learning tool for good HTML this would be beneficial
Great and under-rated video. Sold. If I had had this when I built all of my REALLY BAD websites in around 2008 or so I'd have been a LOT happier and they'd have gotten a lot more use/utility :-D
tbh having classless as a default would be cool, then you can built on top of it. its just nice having nice defaults without dirtying the global scope with classes. then you can just define your own custom layout and stuff with scoped styles. but tbh i like having total control with styles, so i probably would added any extra css library that does stuff i dont know of. but this defiantly encourages using correct html semantics so i might not use this library but i will defiantly write my global styles like this next time, no classes role="button" really makes sense
The really 'long' videos are really my live stream that I do weekly. This is a cut from the longer show. It's a different thing altogether with Q&A and more audience interaction. I pre-record these focused segments, which take a LOT longer to edit. I think both things are great.
2:15, you create a "component" in the config file like creating a CSS class, then add it to the class tag! That's how you deal with the "insane" amount of classes! 😉
tailwind rocks, pico css and tailwind cover different use cases in my opinion, you use tailwind if you need to make a bigger project or customize more, if you just want a basic good looking app, the easiest way is pico
Having a UL for one LI, for brand, is poor semantics. I'm not a huge fan of Bootstrap, so I'm not a Pico hater. I'm just pointing out that in your first example of Pico being better for semantic HTML has an instance of poor semantics.
I agree, but there's something about normalizing the standard tags in a way that makes them look decent that I like here. I think it might work well as a starting point for some projects. After all, it's really just a styleshet.
Same thing for. Footer. Lost of things can have footers and articles aren’t for just what goes in a magazine. It can refer to something more like an article of clothing
Totally agree, but it's not about it being better. Rather, when you need a great place to start and also, I wish basic HTML just worked like this instead of looking so horrible by default.
I think the best part of this is that it forces us to use semantic HTML for the most part. Even as a learning tool for good HTML this would be beneficial
Such a nice tool, can’t wait to implement it on a project
Great and under-rated video. Sold. If I had had this when I built all of my REALLY BAD websites in around 2008 or so I'd have been a LOT happier and they'd have gotten a lot more use/utility :-D
When i realized i can implement a nice looking tool-tip with simply adding a data-tooltip attr , i was blown away. between thank you for great video.
Very cool video Ray! Thanks for sharing...Pico looks very interesting.
Thanks for watching!
As a fullstack, Its very nice for prototyping and for designing a simple admin page that doesnt get visited often
Handy overview, thanks!
nice definitely need to try this soon
This ia great and I have used it in one of my projects.
Are there similar css libraries?
I've discovered PicoCSS one week ago and try on my old projects : THIS IS THE WAY
TBS has become a nightmare and TailWind is a joke from 1997
TBS?
tbh having classless as a default would be cool, then you can built on top of it.
its just nice having nice defaults without dirtying the global scope with classes.
then you can just define your own custom layout and stuff with scoped styles.
but tbh i like having total control with styles, so i probably would added any extra css library that does stuff i dont know of.
but this defiantly encourages using correct html semantics
so i might not use this library but i will defiantly write my global styles like this next time, no classes
role="button" really makes sense
very well made video, good job! also, damn.. wish i found this earlier 😅
Yes, short videos!
The really 'long' videos are really my live stream that I do weekly. This is a cut from the longer show. It's a different thing altogether with Q&A and more audience interaction. I pre-record these focused segments, which take a LOT longer to edit. I think both things are great.
what code editor, are you using?
I really like and use it!
2:15, you create a "component" in the config file like creating a CSS class, then add it to the class tag! That's how you deal with the "insane" amount of classes! 😉
This is my favorite way to use tailwind, essentially building out a custom CSS framework with the utility classes.
I personally prefer to not mess with the tailwind configs and just use UI framework components. Much nicer to see Submit than Submit.
tailwind rocks, pico css and tailwind cover different use cases in my opinion, you use tailwind if you need to make a bigger project or customize more, if you just want a basic good looking app, the easiest way is pico
small and yet powerful ;)
Amazing video
Having a UL for one LI, for brand, is poor semantics. I'm not a huge fan of Bootstrap, so I'm not a Pico hater. I'm just pointing out that in your first example of Pico being better for semantic HTML has an instance of poor semantics.
NAV is not responsive!
This is nice for prototypes or quick showcases. I wouldnt recommend this for something custom as its highly opinionated.
I agree, but there's something about normalizing the standard tags in a way that makes them look decent that I like here. I think it might work well as a starting point for some projects. After all, it's really just a styleshet.
yeah why make life easy, we need 20 different framework to style a form
I'm surprised to see you using and within a "card". Seems like Pico CSS is encouraging a little bit of a misuse of that kind of semantic HTML?
I don’t see the use of article Inside a card as a semantic misuse
Same thing for. Footer. Lost of things can have footers and articles aren’t for just what goes in a magazine. It can refer to something more like an article of clothing
Centered text is horrendous, almost always a terrible design decision with the occasional exception of headlines and really short content
I still like Tailwind better.
Totally agree, but it's not about it being better. Rather, when you need a great place to start and also, I wish basic HTML just worked like this instead of looking so horrible by default.
Its not trying to compete with tailwind, it has very different use case