Friday, August 19, 2016

In Praise of Bootstrap3


In the world of web-design I am a bit like Rip van Winkle - a solitary rustic who once dabbled in ancient HTML; the oldie who goes off to sleep for 15 years and then wakes up to discover a digital world that has been completely transformed.

Nothing remained of the familiar landscape. Old HTML had become too primitive, too cumbersome and simply incapable of showing up on anything other than a clunky old PC. As webpage designing had moved from one version of HTML to another, the newer versions had teamed up with CSS and outsourced all the layout grunt work, Java and JScript had come in to add heft and magic to the amazing things that could be accomplished using smartphones, tablets, and laptops. A bewildering new world that would not reveal itself in "view page source".

It is while wandering through this maze that I stumbled upon the answer to all my problems - Bootstrap3. It was built on whatever little I knew of HTML and CSS, and then, with a few online stylesheets helped me create websites that worked beautifully across platforms and devices. Magic!

Here are links to the sites that were a big help:

* GetBootstrap (Currently at v.3.3.7) - Home - http://getbootstrap.com/
Repository of all the latest download files, Content Delivery Networks (CDNs) and sample pages

* YouTube - Lalit Bassi's Bootstrap3 Tutorial (1:40 hrs) - https://www.youtube.com/watch?v=gqOEoUR5RHg
Even after downloading Bootstrap, I was quite lost until I stumbled upon this much-viewed tutorial. Starting with a simple HTML layout, this video takes you through a wide range of functionalities that can help you launch a fully functional website is a few hours. It also introduced me to the joys of using SublimeText - an editor infinitely better than MS-Text!
Caveat: The Dilliwala Yankee accent can be tough...but remember: no pain, no gain! ;)

* YouTube - Bucky Robert's TheNewsBoston (14 short clips)- https://www.youtube.com/watch?v=qIULMnbH2-o
Unlike Bassi's package this one tells you about various different tools in short, easy-to-understand videos.

* YouTube - Bootstrap tutorial by Derek Banas (1:04 hrs) - https://www.youtube.com/watch?v=gqOEoUR5RHg
More like a catalogue presentation of the various things you can do with Bootstrap3. Derek keeps adding and deleting code so you might be disappointed to find many components missing in his final "cheat-sheet".

----------------------------------------
LINKS & REFERENCES

* Bootstrap - https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
* Tutorial Sites
  • W3Schools - http://www.w3schools.com/bootstrap/

* DevelopMentor YouTube - Easygoing pace but the guy seems unsure of many functionalities - https://www.youtube.com/watch?v=ZGotwBWGL7A&spfreload=5

No comments: