Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Spectre.css – A Lightweight, Responsive and Modern CSS Framework

github.com

Post reply on HN
Print view View original

121–130 of 135 posts

Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework

#121

Post by avip »

Chetan496 wrote: post #76
Touche wrote: post #66

Earlier quoted context omitted.

I think you're probably still thinking about CSS as it was 5 years ago. When you had to do weird hacks to get things the way you wanted them. Modern CSS is much easier. In fact, if you are sticking .row and .column everywhere you are doing considerably more work than just to define a grid layout using display: grid once in your CSS, and then just use semantic HTML thereafter.

While the grid and flexbox have made things better, the display:grid is still not supported in IE 11 very well. The grid css model was implemented in IE very early but as the specification got updated, IE remained with a different(older and incompatible) implementation of display:grid. Of course, we can still make display:grid work in IE11 by some additional work. But this is an additional overhead. Flexbox has very…

What really amazes me is that wpf was release 12 years ago with all these problems solved. Grid, alignment, center, Center!! You can center something in xaml and it'll just be in the damn center of the parent container. And surely xaml is far from being the first layout descriptor to actually work. But no, with browsers - we have to use fat framework to achieve the triviallest of behaviors.

Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework

#122

Post by mattkevan »

Vanderson wrote: post #114
mattkevan wrote: post #81

Earlier quoted context omitted.

This is exactly why Bootstrap is so useful. As it's so well used and known there's generally a solution out there for any weird problem you might have, and any developer can pick it up and be productive immediately. Yes it's big, and to get the most from it you have to design for it from the start, rather than make it fit whatever the design is. For a large web project I'm leading, we're using Bootstrap 4 with our ow…

It's good to get more confirmation that Bootstrap is the way to go. Just today a cohort from Startup School sent a link to a screencast where he had built his entire admin in Bootstrap, and it looked like it saved him a ton of time. That being said, I built a CMS with a key idea that the site editing/configuring should be under the control of the designer. (as much as reasonable) And anything that couldn't be should…

We’re transitioning a 20 year old website with over a billion annual page views over to a fully bootstrap 4 front-end. The site is a grab bag of technologies and frameworks from across the ages, so it’s not a simple task.

We’ve approached it using component based ‘atomic’ design principles, using Bootstrap’s defaults wherever possible. The company is rebranding next year so the styles need to be really easy to change.

As for v4 vs v3, there’s a few changes in syntax and the under-the-hood move to Flexbox, but as far as I’m aware the front-end team haven’t run into any showstoppers.

Once the transition is complete the plan is to compile our own version of Bootstrap with only the js and css we need.

(Yes, Racket’s a language. I was thinking of a nifty static site generator I saw written in it the other day. I’d love to build a site with it but under no circumstances would hand it over to a client.)

Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework

#123

Post by tomcam »

rimliu wrote: post #25
osdiab wrote: post #23

The 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…

One of the sad realities of the web was proliferation of bootstrap everywhere. IIRC it was intended as a prototyping framework at first. But even sadder is grid frameworks based on the CSS grid popping up :( https://www.youtube.com/watch?v=mDRfFEcj3-Q

Why is that bad if you have users with older browsers? I have thousands of paying customers with a very wide range of browsers. Why should I make their lives harder by using flexgrid?

Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework

#124

Post by tomcam »

hardwaresofton wrote: post #22
tomcam wrote: post #13

Earlier quoted context omitted.

I like fast, small web pages because not everyone has a broadband connection at all times. Can you tell me what other mature, tested, well-supported CSS frameworks have a feature set that large in less than 25% of Bootstrap's size?

https://purecss.io/ http://getskeleton.com/ https://tachyons.io/ https://bulma.io/ https://picnicss.com/ https://www.muicss.com/ [EDIT] - BTW, I mean this with less snark and more did-you-know-all-these-existed? I knew of purecss & skeleton (and I've forgotten a few, because it used to be very common to see these), and I've seen bulma before but some others were new to me (and I favorited them to give a try on some r…

Thanks! I chose Spectre after evaulating every one of these. Skeleton came very close. It's old but still looks incredibly good IMHO.

Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework

#125

Post by tomcam »

rimliu wrote: post #26
tomcam wrote: post #13

Earlier quoted context omitted.

I like fast, small web pages because not everyone has a broadband connection at all times. Can you tell me what other mature, tested, well-supported CSS frameworks have a feature set that large in less than 25% of Bootstrap's size?

The first question to ask should not be "what framework should I use?" it should be "do I really need a framework?"

For me, the default answer is "yes" for many reasons:

* I'm not smart enough to handle most browsers well in a short amount of time

* I'm not primarily a designer and these frameworks are often gorgeous by default

* I don't want clients to pay for me to reinvent the wheel, and I don't want them left with my personal framework when there are many, better documented ones available

* These designers thought more than I did about accessbility, and I place a high priority on it

* These frameworks can sometimes deliver a lot of bang per byte, and I'd rather be writing stuff only I can do than wasting time trying to get mine as small and efficient as theirs

Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework

#126

Post by tomcam »

matchbok wrote: post #102
dmitriid wrote: post #38

Earlier quoted context omitted.

In which way is it solved? It takes insanely hard work to pull off a consistent cross-component design in CSS.

Pick one of the 100+ frameworks that do 100% of what this one does.

Do tell which ones fit that qualification?

Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework

#127

Post by tomcam »

SnowingXIV wrote: post #90

Confused why this is posted again, it's been submitted many times. (Maybe there was a big release? Just looks like updated docs). Having said that, I've used this for a number of projects and enjoyed it much more than heavier solutions. There is no js so you just write your own in and it's really easy to mold to your own liking. It was "just" enough and produced polished looking crud apps. Mostly search and form stuf…

HN doesn't mind revisiting topics from time to time. It's been a couple of years and HN has grown enormously since then. And FWIW I spent a long, long time settling on Spectre,css, which isn't perfect but which I feel covers a huge range of standard business purposes with an amazingly light footprint.

Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework

#128

Post by tomcam »

usermac wrote: post #83

Dude, I appreciate your work.

Not mine (I'm OP), but Yan Zhu, the creator, just needs way more attention. If you imagine an ego continuum with Richard Stallman on one end, Yan Zhu is the exact opposite. It's a little bit of effort just to find his name.

Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework

#129

Post by hardwaresofton »

tomcam wrote: post #124
hardwaresofton wrote: post #22

Earlier quoted context omitted.

https://purecss.io/ http://getskeleton.com/ https://tachyons.io/ https://bulma.io/ https://picnicss.com/ https://www.muicss.com/ [EDIT] - BTW, I mean this with less snark and more did-you-know-all-these-existed? I knew of purecss & skeleton (and I've forgotten a few, because it used to be very common to see these), and I've seen bulma before but some others were new to me (and I favorited them to give a try on some r…

Thanks! I chose Spectre after evaulating every one of these. Skeleton came very close. It's old but still looks incredibly good IMHO.

PureCSS was one of my favorites for a very long time. These days I use component frameworks like ElementUI[0] more than anything else to maintain consistent styling (since most things on the page happen to be components).

[0]: https://github.com/ElementUI

Re: Spectre.css – A Lightweight, Responsive and Modern CSS Framework

#130

Post by [deleted] »

wvenable wrote: post #120
manigandham wrote: post #119

Earlier quoted context omitted.

There's no reason you can't combine then, and frameworks like Tailwinds mentioned above let you make those combined styles through config automatically. However, my point was that it's a great fit for React and other SPA frameworks, where you can just create a component instead, and inside you can use component styles. But whatever works for you.

But if you're isolating styles inside react components, you're back to being able to use inline-styles. You can just functions and variables if you need standardization. Something like Tailwinds adds a level of indirection not a level of abstraction.

[deleted]
Post reply on HN