NYCPHP Meetup

NYPHP.org

[joomla] HTML5Boilerplate and Modernizr.com

Stephen Britton sbritton at gmail.com
Thu May 17 12:54:40 EDT 2012


On Thu, May 17, 2012 at 12:18 PM, Janet Sullivan <jmsullivan50 at yahoo.com>wrote:

> Thanks Steve.  A couple of follow-up questions, if I may.
> "The problem is Joomla 2.5's module chrome only supports XHTML"
> Is this a reference to the chrome browser or does chrome refer to a
> joomla-ism?
>
> If you do not build or heavily modify Joomla templates, you don't have to
worry about Module Chrome. If you are not making your own HTML5 Joomla
templates, please ignore the rest of my answer.

Module Chrome refers to the tags that go around the module placements. For
example,   the most common module tag is style="xhtml", this puts xhtml
tags around the module.

But HTML5 is different from XHTML. So if you used the HTML5 overrides from
Seth's One Web, you would use style="html5" and this would create Module
Chome that will comply with HTML5 standards (although, even HTML5 standards
is a open topic these days).


> I can sort of see where html5boilerplate may be a problem, but I would
> have thought modernizr would work because all it does is
> test browser capabilities and add a bunch of classes to the CSS.  The
> additional classes make is easy to degrade a drop shadow, for example
> to a plain border.
>
>   "So right now, if you want to develop HTML5 sites with Joomla, you need
> to work with a third party library. This involves changing a lot of the
> code in com_content."
>  "Although, the major template clubs are slowly rolling out HTML5
> templates, notably JoomlArt and Joomla Bamboo "
>              If I put these two points together, does that mean if I want
> to use any of the HTML5 templates from JoomlArt or Bambbo, I have a lot of
> work to do to change the com_content?
>              I assume changing the com-content means mucking around with
> the php code?
>              What type of third party library would I need to look for?
>

Sorry about the confusion. Sometimes I make the mistake of assuming that
everyone knows how Joomla overrides and templates work.

No. You do not have to do any coding. If you make your own templates, you
can just drag and drop the html5 override code from One Web or Construct
Framework and drop it into the override directory. The people from One Web
and Construct have done all the coding for you. They have spent all the
time rewriting the code in com_content so it will work with HTML5.

One of Joomla's best features is you can override the core Joomla code by
creating an override folder in the template files. This allows you to
change the core code without touching the actual core code. This way, you
are free to experiment and not worry about destroying the Joomla core code.

By far the easiest way to get an HTML5 Joomla template would be to purchase
one from a commercial company like JoomlArt and Joomla Bamboo. Most of
these companies use Modernizr or something like it so the templates will
work in older browsers.

My apologies for making this topic seems harder than it probably is.

All best,

Steve



>
> Thanks!
>
> Janet Sullivan
>
>   ------------------------------
> *From:* Stephen Britton <sbritton at gmail.com>
> *To:* NYPHP SIG: Joomla <joomla at lists.nyphp.org>
> *Sent:* Thursday, May 17, 2012 11:35 AM
> *Subject:* Re: [joomla] HTML5Boilerplate and Modernizr.com
>
> HTML5 Boilerplate and mondernizr are libraries used to create HTML5
> sites/applications. You would not use these libraries to be used in
> conjunction a Joomla template, but rather to design and build Joomla
> templates.
>
> The majority of commercial Joomla templates are XHTML. Although, the major
> template clubs are slowly rolling out HTML5 templates, notably JoomlArt and
> Joomla Bamboo.
>
> The problem is Joomla 2.5's module chrome only supports XHTML. I have been
> told that they are working on an upcoming release that will support HTML5.
> So right now, if you want to develop HTML5 sites with Joomla, you need to
> work with a third party library. This involves changing a lot of the code
> in com_content.
>
> The two free frameworks that can be used for developing HTML5 Joomla
> templates are: Matt Thomas' excellent Construct framework
> http://construct-framework.com/
>
> And Seth Warburton's One Web framework. Note that you can also download
> Seth's HTML5 overrides and use them in your own HTML5 templates as I have
> done.
> http://internet-inspired.com/
>
> JoomlaBamboo has some nice looking HTML5 templates, although I have not
> personally checked them out yet.
> http://www.joomlabamboo.com/joomla-templates/responsive-joomla-templates
>
> - - - Steve
>
>
> On Thu, May 17, 2012 at 11:12 AM, Janet Sullivan <jmsullivan50 at yahoo.com>wrote:
>
> Has anyone used the HTML5bolierplate.com or modernizr.com with Joomla
> templates?
> Do most commercial templates work with these tools?  or is it hit and
> miss?  If someone has
> had good results with a particular template using these tools, please
> identify the template...
> Thanks!
>
> Janet Sullivan
>
>
> _______________________________________________
> New York PHP SIG: Joomla! Mailing List
> http://lists.nyphp.org/mailman/listinfo/joomla
>
> NYPHPCon 2006 Presentations Online
> http://www.nyphpcon.com
>
> Show Your Participation in New York PHP
> http://www.nyphp.org/show_participation.php
>
>
>
>
> --
> Stephen Britton
> Technology Consultant
> sbritton at gmail.com
> Twitter: @StephenBritton
> ph: 914-661-0040
>
> "Life isn't about finding yourself. Life is about creating yourself." -
> George Bernard Shaw
>
>
> _______________________________________________
> New York PHP SIG: Joomla! Mailing List
> http://lists.nyphp.org/mailman/listinfo/joomla
>
> NYPHPCon 2006 Presentations Online
> http://www.nyphpcon.com
>
> Show Your Participation in New York PHP
> http://www.nyphp.org/show_participation.php
>
>
> _______________________________________________
> New York PHP SIG: Joomla! Mailing List
> http://lists.nyphp.org/mailman/listinfo/joomla
>
> NYPHPCon 2006 Presentations Online
> http://www.nyphpcon.com
>
> Show Your Participation in New York PHP
> http://www.nyphp.org/show_participation.php
>



-- 
Stephen Britton
Technology Consultant
sbritton at gmail.com
Twitter: @StephenBritton
ph: 914-661-0040

"Life isn't about finding yourself. Life is about creating yourself." -
George Bernard Shaw
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nyphp.org/pipermail/joomla/attachments/20120517/54e07138/attachment.html>


More information about the Joomla mailing list