I like how the icons are crafted with minimal elements and not requiring font awesome or some other font.
Spectre.css – A Lightweight, Responsive and Modern CSS Framework
51–60 of 135 posts
Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework
#52Earlier quoted context omitted.
Anyone interested in this approach may also like Tailwind https://tailwindcss.com/
How is this different from inline styling ? this throws class inheritance out of the window
The intention is that for repeated styles, components are extracted: https://tailwindcss.com/docs/extracting-components
Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework
#53Not a css framework, but I still like to share Material-UI https://material-ui.com/ It has many components available out of the box.
The example pages are unbearable slow and lagging on my 4-core 7700HQ CPU.
I don't know what the reason is, but it sure isn't a minimal framework.
I am no web developer, mind you, but I have yet to see any case where such heavy load really increases the benefit I get from a site. Usually it is quite the opposite.
It is my opinion that any web-developer using these sort of megabyte-sized frameworks should have their license revoked.
Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework
#54The more web development I’ve done the more I’ve swung back to just writing CSS myself rather than depending on CSS frameworks; I’ve ended up seeing these less as ways to accelerate development for a team that is skilled at frontend, but instead as a way for people who don’t like styling or have little experience in frontend development/low design sense to style things reasonably. But I keep seeing frontend framework…
As a "non-fluent CSS user", I find it challenging and frustrating to maintain visual consistency and cross-browser compatibility without frameworks. I totally appreciate the fact it's me being lazy to really learn CSS who is at fault. Think of it like different construction methods - you can build something, let's say the Pyramids, or you can take something already built and beautiful, but is not what you need, and s…
s/lazy/efficient
Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework
#55The more web development I’ve done the more I’ve swung back to just writing CSS myself rather than depending on CSS frameworks; I’ve ended up seeing these less as ways to accelerate development for a team that is skilled at frontend, but instead as a way for people who don’t like styling or have little experience in frontend development/low design sense to style things reasonably. But I keep seeing frontend framework…
What, not even SASS/SCSS?
I don’t really think of preprocessors the same way as something like this library or bootstrap, that provide specific prebaked components and layouts
Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework
#56I prefer https://tachyons.io/ as a CSS framework that avoids any pre-styled themes and just provides building blocks. Great for SPA/component UIs.
I don't like that concept of essentially inlining styles in the class attribute. It is just a misuse of html classes. Class names should be used sparingly and describe the semantics of an element rather than its visual appearance. It should be something like class="button submit disabled" instead of class="f6 link dim br1 ph3 pv2 mb2 dib white bg-black". If anything these styles should be exposed as sass mix-ins that…
button is a tag, submit and disabled are tag attributes -- surely you don't need these classes, they're either superfluous or you're not doing semantic HTML.
Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework
#57Earlier quoted context omitted.
I really do hate to be the guy this guy, but after having to maintain a website a contractor built in Tachyons, I've hated it with a passion of [insert hyperbolic phrase here]. What do you love about it/what am I missing? For me it felt like a tutorial on the most egregious CSS/dom anti-patterns, and I haven't been able to get past it.
The patterns are easy to learn (for me) and makes building components very quick while still being very customizable without having to add a whole bunch of one-off styles. And everything is still standardized. It also removes the need to constantly reference CSS at all, and can just stick to HTML/JSX instead. It can get very verbose though, but that's a minor trade-off I think.
+1 for the reasons to use Tachyons.
Very easy to learn and reference in future.
Documentation include examples that can be used as base for minor customisations.
From someone coming from non CSS/UI/web/design background, Tachyons is very approachable in ways others are not.
My website made with Tachyons: https://aravindh.net
Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework
#58Previous discussion from 2016 (50+ comments):
Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework
#59https://github.com/troxler/awesome-css-frameworks
I wish people would stop using "awesome", especially in a "curated" (don't get me started there either) list that has tens to hundreds of things. There is no way the author could possibly know if all of these frameworks are "awesome".
Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework
#60The more web development I’ve done the more I’ve swung back to just writing CSS myself rather than depending on CSS frameworks; I’ve ended up seeing these less as ways to accelerate development for a team that is skilled at frontend, but instead as a way for people who don’t like styling or have little experience in frontend development/low design sense to style things reasonably. But I keep seeing frontend framework…
You might like inuit.css. It's a SASS framework that only includes helpers and an overall structure (no actual visual styles).
I use it for all my projects. The most useful bit is that it allows you to choose a line height and then gives you padding varibales based on that, so it's really easy to have consistent padding everywhere.