NYCPHP Meetup

NYPHP.org

[joomla] HTML5Boilerplate and Modernizr.com

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


Thanks for jumping in Matt.

I can't wait to see Joomla 3.0 with Twitter Bootstrap. It will be great to
have Joomla with  native HTML5 support.

- - - Steve

On Thu, May 17, 2012 at 12:54 PM, Stephen Britton <sbritton at gmail.com>wrote:

>
>
> 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
>
>


-- 
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/d7dd3c75/attachment.html>


More information about the Joomla mailing list