Forum Moderators: not2easy

Message Too Old, No Replies

CSS frameworks and interfaces

Do you code CSS from zero or do you use frameworks

         

explorador

10:20 pm on Sep 12, 2017 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Hi there, I used to create websites from zero, blank CSS and really REALLY working my head into creating something really small. That meant using only the styles needed and creating css for multipurpose, etc. Sites created that way were amazingly fast (still, fast).

Then started using themes for CMS like Drupal or WP, this means you can modify something that already exists, or work around a blank theme (a design meant to be "nothing" but the basis for your design). For those unfamiliar, do not confuse using a theme and making it yours, this is different, there are themes created with no other purpose than you creating your design.

Another chapter on my way creating websites was using Twitter Bootstrap. There are many collections of frameworks, TB is one. What's a framework? is a collection of elements that already have a color, shape and sometimes a behavior combined with javascript (their own or using Jquery, Motools, etc). Using Bootstrap really changed my line of work. I really felt it was easier to create mobile first and mobile focused and then desktop, pure responsive sites without me going from zero. They also allow you to use themes, extra piece of CSS that changes the colors and other aspects of your already designed elements.

So far I've been happy with Bootstrap and inserting my modifications. Along the way I discovered some webmasters don't know what a framework is, and when you try to explain they think you are modding some free template you downloaded (is-not-that). Bootstrap can be applied to gui in many areas (graphical user interfaces) and sure made it easy for me to jump on mobile design (apps).


At this point the frameworks got a little bit more complex (or simple?) and diverse, powerful. There are things like ionic, bootstrap, onsen, sencha and many many more. Are you using any of those?

keyplyr

10:51 pm on Sep 12, 2017 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Do you code CSS from zero or do you use frameworks
Since I hand code my pages from scratch, I also hand code CSS. However, that's not to say I don't cut'n paste, borrow & steal stuff I find here & there.

Since I'm not working with WebAps or 3rd party software usually, there's no need for frameworks per se.

NickMNS

11:30 pm on Sep 12, 2017 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Bootstrap baby! Most recently Bootstrap 4.

All the work is done, all you need to do is declare the classes and it works. It is well packaged, (CDN or download) and most of all it is very well documented and supported. The beauty of it is you can customize it to your hearts desire without breaking it, just create a CSS file (or inline it) call the file after the Bootstrap and any changes you made overwrite the standard bootstrap.

I will say that it helps to have a good understanding of what is going on underneath the hood. Without understanding, customization can be frustrating at times.

I haven't tried any other frameworks.

explorador

6:27 am on Sep 13, 2017 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Keyplyr, I miss the old days of hand coding my CSS from scratch, so far I haven't look back after using Bootstrap. I have modified in some way my Bootstrap too, this way I save space and avoid stuff that I don't need but this is minimal. Something I did find very useful is the firefox extension dust-me, it can analyze the css and html on a given webpage and remove the unused styles, it helps me clean and reduce size, this way I avoid using the same over and over and only include what I need for special cases.

Nick, absolutely, it is easy to mod, add and stylize. At this moment after my usual research of options, I'm playing with Onsen, but... I need to empty my head, it's difficult after working with Bootstrap, I'm falling into comparing them and missing what I already know.

keyplyr

6:46 am on Sep 13, 2017 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I use parts of Bootstrap, just not the entire framework. I do have CSS bloat, but in the big picture of things, an unoptimized image is a larger burden.

If I were to build a large site from scratch, I'd keep the CSS much more succinct. But having a 20 year old site, then making it mobile just ends up adding more to what's there.

tangor

6:47 am on Sep 13, 2017 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Depends on how many bells and whistles are desired, or how interactive (collecting data) is required. Most won't need all that and simple css and no js will work perfectly fine. None of that disparages frameworks or their utility.

ipco

12:01 pm on Sep 13, 2017 (gmt 0)

10+ Year Member



Roll my own but I do borrow snippets. Can't really comment on bootstrap et al until I've tried them. So that's what I'll do.