{"id":856,"date":"2012-12-11T22:23:30","date_gmt":"2012-12-11T17:23:30","guid":{"rendered":"http:\/\/www.esearing.com\/v2010\/?p=856"},"modified":"2012-12-15T19:14:23","modified_gmt":"2012-12-15T14:14:23","slug":"html-5-and-frameworks","status":"publish","type":"post","link":"https:\/\/www.esearing.com\/v2010\/2012\/12\/html-5-and-frameworks\/","title":{"rendered":"HTML 5 and frameworks"},"content":{"rendered":"

In rebuilding my site I have been brushing up on HTML5 and CSS3 and looking into the future to determine how I can best serve my clients with modern code that is also backwards compatible. In the process I stumbled upon some interesting HTML5 frameworks. <\/p>\n

The frameworks supply the basic HTML5 tags, CSS elements, Javascript methods, and other code bits that make a page work in most browsers. They provide layout options as well as functionality tools. These frameworks are not the same as a CMS or MVC framework. Instead they are a guide in how to create a page that is robust and well supported. Each framework seems to have a different focus. Some use a conventional blog structure while others are more traditional web spaces. Most of the frameworks are responsive to various screen sizes and feature variable grid layouts. <\/p>\n

If I were to build a framework here is what I would add\/want:<\/p>\n

    \n
  1. 1) Responsive fluid layout options to fit any screen width. Mainly CSS<\/li>\n
  2. 2) Javascript tools like modernize, jquery, etc…<\/li>\n
  3. 3) Navigation options with dropdown\/flyout support. Offer Horizontal and Vertical layout options via CSS.<\/li>\n
  4. 4) Support for PHP so I can reuse code modules and provide an active state to navigation<\/li>\n
  5. 5) How-to documentation or links to references – The fault of many framework developers is they assume users know how to use it<\/li>\n
  6. 6) Alternative layouts predefined samples for faster development – Not everyone wants a header – 2column, footer structure but there are several layouts that could be considered “normal”.<\/li>\n
  7. 7) Database and CMS\/editor to manage it all – but that might limit some design options and yet also opens up the framework to hacks, templating, widgets, and other shortcuts which may make the whole site more robust.<\/li>\n<\/ol>\n

    I like the G5Framework<\/a> for a basic site without CMS. I will still likely use WordPress for Non-ecommerce sites that require a CMS. I need to review a couple of HTML5 templates and see if they can provide what I need and will support child template development for customization. For eCommerce I still like OSCOMMERCE or ZEN CART but will have to look into HTML5 templates. I am still not a fan of JOOMLA for the average site owner. It is great for developers.<\/p>\n

    IF you have a favorite HTML5 framework or CMS please use the comments below and let me know. <\/p>\n

    FOUND – www.switchtohtml5.com<\/a> a nice create your own HTML 5 basic page.<\/p>\n","protected":false},"excerpt":{"rendered":"

    In rebuilding my site I have been brushing up on HTML5 and CSS3 and looking into the future to determine how I can best serve my clients with modern code that is also backwards compatible. In the process I stumbled … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,12,13,6,3],"tags":[],"class_list":["post-856","post","type-post","status-publish","format-standard","hentry","category-css","category-javascript","category-jquery","category-news","category-web-development"],"_links":{"self":[{"href":"https:\/\/www.esearing.com\/v2010\/wp-json\/wp\/v2\/posts\/856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esearing.com\/v2010\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.esearing.com\/v2010\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.esearing.com\/v2010\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esearing.com\/v2010\/wp-json\/wp\/v2\/comments?post=856"}],"version-history":[{"count":3,"href":"https:\/\/www.esearing.com\/v2010\/wp-json\/wp\/v2\/posts\/856\/revisions"}],"predecessor-version":[{"id":882,"href":"https:\/\/www.esearing.com\/v2010\/wp-json\/wp\/v2\/posts\/856\/revisions\/882"}],"wp:attachment":[{"href":"https:\/\/www.esearing.com\/v2010\/wp-json\/wp\/v2\/media?parent=856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esearing.com\/v2010\/wp-json\/wp\/v2\/categories?post=856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esearing.com\/v2010\/wp-json\/wp\/v2\/tags?post=856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}