Fwd: In reply to your Bootstrap email

[DanielCorkill]

Some nice literature in regards to Bootstrap from Dale below.

Thanks for sharing, Dale.

Rgds,

Yes, Bootstrap is pretty cool, and makes it very easy to implement a responsive grid layout. They also have some cool javascript tools for creating animated accordion elements and tabbed panels etc.

I've been using Bootstrap for over 12 months now, and the one main gripe I have with it, is that you need to do quite a bit of work to override a lot of the defaults. Having said that, they do offer a LESS and SASS version 

of Bootstrap, which makes it a little easier to compile your own customized branding. There is also a custom build tool on the Bootstrap sight from memory. I've also seen a tonne of third party tools which help to compile your

own Bootstrap "flavour"...

Although, you may have just started using Bootstrap, as with all this in this industry, technologies become redundant very quickly and the market get flooded with bigger and "better" tools. So although Bootstrap is still being used in abundance, there are a few other CSS / Front End frameworks that are starting to become relevant.

I've also to noticed that some people are starting to move away from Bootstrap because they feel that is started to make the web look too much alike. However, it is definitely an important tool / skill to have under your belt. 

An important thing to remember about nearly all CSS Framework responsive grids is that they are mobile first. When I first start using Bootstrap grids, I got caught out a few times and had to back trap over my CSS and put in media queries that target desktop widths.

As I mentioned before, there are some other really good CSS Frameworks out there which you should also take a look at. But I would strongly suggest to get very familiar with Bootstrap first as some of these other frameworks have a slightly steeper learning curve. They offer all the bells and whistles that Bootstrap have, plus a whole lot more, and some of them start to delve in to the world of NodeJS and Gulp build tools.

Some others to look into:

1) Semantic UI - http://semantic-ui.com/

I've not actually had any projects that use Semantic UI, however, it looks very appealing. Especially for large scale projects.

2) Foundation - http://foundation.zurb.com/

Foundation has been around for a while, and they offer an entire kitchen sink of features. Including their own email template language which they advise can help to build responsive emails etc. However, we started using this email template language where I work... and it really didnt live up to its expectations. But email templating aside, they still have a wide range of CSS features.

3) Materialize - http://materializecss.com/

This is a pretty cool CSS framework which helps you to implement Google Material Design into your sites. I've used it a couple of times.

Not as powerful as Semantic and Foundation, but very easy to use if you want to get that Google Material Design feel.

4) Skeleton - http://getskeleton.com/

This is one of my favorites. A pure and simple CSS framework which gives you the overall control. It takes care of some of the defaults like normalizing elements for all browsers, gives you a responsive grid system to work with and some cool simple button and form elements. The best thing about it, is that you dont have to spend hours and hours trying to override the framework's defaults. For small to medium sized projects I think its great.

This only a handful of CSS frameworks out there... there are literally dozens of them. It really all comes down to how many features you need, what you need it for etc.

Enjoy!

Dale

[Tara Whitie]

Thanks for sharing.

Regards
Tara Whitie
P   02 4784 1163
M  0449 684 588
W http://tarawhitie.com/
F  https://www.facebook.com/tarawhitiewebdesign/

---

From: web-design...@googlegroups.com <web-design...@googlegroups.com> on behalf of DanielCorkill <dw.co...@gmail.com>
Sent: Tuesday, 14 June 2016 3:06 PM
To: web-design...@googlegroups.com
Subject: [webdesign] Fwd: In reply to your Bootstrap email

 

--
You received this message because you are subscribed to the Google Groups "Web Designers Blue Mountains TAFE" group.
To unsubscribe from this group and stop receiving emails from it, send an email to web-designers-bm...@googlegroups.com.
To post to this group, send email to web-design...@googlegroups.com.
Visit this group at https://groups.google.com/group/web-designers-bmtafe.
For more options, visit https://groups.google.com/d/optout.