15
Times change …. evolve or die The web world changes really fast Evolution proves you must adapt and be responsive to change.

Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

Embed Size (px)

DESCRIPTION

Be Responsive Melbourne - survive and succeed online :) . - Boostrap 3 responsive front-end webdesign framework is an easy to implement, mobile first and full of awesome sauce. Check it out ... and try it in Joomla @ www.joostrap.com - Bootstrap3 resources, links and sample sites included in slides. - Responsive Web Design is a corner-stone of the modern web. - Responsive Web Design, Responsive Marketing and having a Responsive Business is the difference between success and failure in the highly competitive online market. . Max shares 20 years of digital marketing, website development and design experience. Max is currently a partner at a leading international responsive web design, website template and extension design business for the Joomla CMS (content management system) - check it out @ www.joostrap.com He lives in Olinda Australia with his wife, 2 kids, 2 dogs and loves the community, ales and food of this wonderful hills village.

Citation preview

Page 1: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

Times change …. evolve or die

The web world changes really fast

Evolution proves you must adapt andbe responsive to change.

Page 2: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

Be{e} Responsive Melbourne

Feb 2014. ..

Max Lynam@MaxOnTheHill

Page 3: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

Do most web geeks love beer, bacon and play time?

Yes … yes they do

And I’m not much different

- Along with many hours tweaking code- Spending time with my kids- Being with friends and family in Olinda- Baking, cooking and eating yummy treats- Brewing yummy ales …. so where’s that Fat Yak?

Page 4: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

So .. Max is a hippy from the hills who likes drinking beer – responsively -

- Been building websites for 21 years- Started with netscape navigator & wordpad- Worked in govt and for intl enterprise- Ran a “web agency” before they existed- Have run manufacturing & distrib biz- High-level, multi-channel eCommerce

Page 6: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

Times change …. evolve or die

The web world changes really fast

Evolution proves you must adapt andbe responsive to change.

Page 8: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

Now ….

Being responsive is NOT just responsive design

- Responsive Marketing- Responsive Personalisation- Responsive Business Development- Responsive & Adaptive UI and Web Design- Responsive Content Management (CMS)

Page 9: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

My RWD is in Bootsrap3

I am 50% partner at a Template & extension business specifically for the Joomla CMS

Also partner at start-ups:- marketing SASS & consulting

-website maintenance/services

Our biggest challenge is finding tools & solutions that are easy to use & responsive

Page 10: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

To make our Responsive Websites

- We need to use a CMS + Dev Platform > best SME ROI = Joomla

- Reduce, re-use, recycle …. ….. responsive framework in Boostrap3 ….. FOSS extensions & big dev user-base ….. easy re-use and maintenance.

Page 11: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

The Good

- Bootstrap3 …. has awesome sauce- Fast dev, with easy customisation & overrides- Classes, with multiple break points- jQuery built in, so easy extensibility- Has many, many contributors- So very stable and new features being added all

the time.- Easy learning - similar to other RWD frameworks

Page 12: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

The Bad & The Ugly

- It is what it is … a front-end RWD framework

- Lazy designers pump out generic sites

- Well …… downside of something like BS3 ??

Page 13: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

Further Discussions:

- Responsive BS3 WYSIWYG Editor in CMS ??(Concrete5 seemed to have one)to make it easy for end users to create responsive article/content layouts

- ….. Questions / Answers ???

Page 14: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

References

Bootstrap- Official Site

getbootstrap.com- Others resources

bootply.combootsnipp.comwrapbootstrap.combootswatch.combootstraptor.com

Example Sites- BS2, BS3, Ext. in Joomla

joostrap.com- In the Wild (all joostrap based sites)

whisperbikes.co.uk3cscider.co.ukclanfield.oxon.sch.ukdallagliofoundation.comrelentless.net.aujodiesbeautybarn.co.ukkonigcolours.co.ukpeterspencerphotography.com.auisis-financial-planners.co.ukmolehill.com.aufastnetwebdesign.co.ukgostowe.comam-graphix.com

Page 15: Be Responsive Melbourne - being digitally responsive, BootstrapV3 with Joomla - challenges and highlights

Be{e} Responsive Melbourne

Feb 2014. ..

Max Lynam@MaxOnTheHill