HTML5Boilerplate and Modernizr.com
|
View:
New views
6 Messages
—
Rating Filter:
Alert me
|
 |
HTML5Boilerplate and Modernizr.com
by Janet Sullivan-2
::
Rate this Message:
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 |
|
|
Re: HTML5Boilerplate and Modernizr.com
by Stephen Britton-2
::
Rate this Message:
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 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. JoomlaBamboo has some nice looking HTML5 templates, although I have not personally checked them out yet.
- - - Steve On Thu, May 17, 2012 at 11:12 AM, Janet Sullivan <jmsullivan50@...> wrote:
Stephen Britton Technology Consultant sbritton@... 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 |
|
|
Re: HTML5Boilerplate and Modernizr.com
by Janet Sullivan-2
::
Rate this Message:
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? 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. "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? Thanks! Janet Sullivan From: Stephen Britton <sbritton@...> To: NYPHP SIG: Joomla <joomla@...> 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@...> wrote:
Stephen Britton Technology Consultant sbritton@... 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 |
|
|
Re: HTML5Boilerplate and Modernizr.com
by Matt Thomas-8
::
Rate this Message:
Thanks for the kind words Steve! You hit the nail on the head, and I just wanted to add a few of points. Joomla's module chrome (http://docs.joomla.org/Module_chrome) can be overridden, or you can even add your own. We've created an HTML5 module chrome for Construct5, which you can see at https://github.com/construct-framework/construct5/blob/master/html/modules.php. That module chrome, and all of the HTML5 overrides used in Construct5, can also be downloaded at either https://github.com/construct-framework/construct5/tags.
Seth's very excellent One Web uses bits and pieces from HTML5 Boilerplate and Andy Clarke's 320 and Up (http://stuffandnonsense.co.uk/projects/320andup/). Seth actually just pushed a new version of One Web last night, and you can see it live at http://joomlafuture.com/.
Most HTML5 templates come with a full, or at least fairly comprehensive, set of overrides. So, you don't need to worry about changing com_content or other core components or modules. Along these lines, Joomla 3.0 will be using Bootstrap (http://twitter.github.com/bootstrap/) for the core markup, and as such, will be HTML5. Enjoy! Matt Thomas Founder betweenbrain™
Lead Developer Construct Template Development Framework Phone: 203.632.9322 Twitter: @betweenbrain Github: https://github.com/betweenbrain
On Thu, May 17, 2012 at 11:35 AM, Stephen Britton <sbritton@...> wrote: 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. _______________________________________________ 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 |
|
|
Re: HTML5Boilerplate and Modernizr.com
by Stephen Britton-2
::
Rate this Message:
On Thu, May 17, 2012 at 12:18 PM, Janet Sullivan <jmsullivan50@...> wrote:
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).
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
Stephen Britton Technology Consultant sbritton@... 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 |
|
|
Re: HTML5Boilerplate and Modernizr.com
by Stephen Britton-2
::
Rate this Message:
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@...> wrote:
Stephen Britton Technology Consultant sbritton@... 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 |
| Free embeddable forum powered by Nabble | Forum Help |
