RESPONSIVE HTML5WORDPRESS THEME   FRAMEWORK  (I’m working on a new name)
Two guiding rules• Observe best practices for applicable  disciplines and technologies.• Create modular components based o...
Technology: Leveraging existing tech
Technology: Leveraging existing tech
Technology: Leveraging existing tech            (PHP)               (MySQL)
Technology: Leveraging existing tech            (PHP)               (MySQL)
Technology: Leveraging existing techHTML5          +       CSS       +     JavaScript            (PHP)               (MySQL)
Technology: Leveraging existing tech            (PHP)               (MySQL)
Technology: Leveraging existing techHTML5 + CSS + JavaScript = HTML5 BoilerPlate            (PHP)               (MySQL)
Technology: Leveraging existing tech       HTML5 + CSS + JavaScript = HTML5 BoilerPlate                       (PHP)       ...
Technology: Semantic HTMLNicolas Gallagher’s “Anatomy of an HTML5 WordPressTheme”http://nicolasgallagher.com/anatomy-of-an...
Technology: Accessibility• IE6 should die, but it’s users may not  know better.• “The power of the web is it’s  universali...
Design         Responsive         Usable         Modular
Upcoming SlideShare
Loading in...5
×

Directed Study I

21,580
-1

Published on

A short presentation introducing my Directed Study.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
21,580
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Over the past 6 months I’ve played around with responsive designs in WordPress, and gotten one such project under my belt. With another on the go, and I suspect more to come in the future, I have decided to use my directed study to build a jumping-off point for these kinds of projects. This will allow me to distill my experience-so-far in to a platform that I can use for my own new projects, and provide as a useful tool to other developers.\n
  • It really is simple when you think about it. Awesome people have made projects available that distill tonnes of experience in to boilerplates and snippets that you can draw on.\n\nBeyond this “jumping-off point” though, I would like my framework to include modules that a developer or a client can use to save even more work. These modules would be things like carousels, navigations, features or promotions, forms, media elements and other design patterns common within a CMS.\n
  • We’re looking at the usual suspects as far as technology goes.\n\nThe whole thing is powered by WordPress, which is built on PHP and MySQL and so the project will be heavy on those two languages. There will likely be MySQL and DB development for some of the modules that I would like to build in.\n\nOne resource that I will be drawing from heavily is the HTML5BP.\n
  • We’re looking at the usual suspects as far as technology goes.\n\nThe whole thing is powered by WordPress, which is built on PHP and MySQL and so the project will be heavy on those two languages. There will likely be MySQL and DB development for some of the modules that I would like to build in.\n\nOne resource that I will be drawing from heavily is the HTML5BP.\n
  • We’re looking at the usual suspects as far as technology goes.\n\nThe whole thing is powered by WordPress, which is built on PHP and MySQL and so the project will be heavy on those two languages. There will likely be MySQL and DB development for some of the modules that I would like to build in.\n\nOne resource that I will be drawing from heavily is the HTML5BP.\n
  • We’re looking at the usual suspects as far as technology goes.\n\nThe whole thing is powered by WordPress, which is built on PHP and MySQL and so the project will be heavy on those two languages. There will likely be MySQL and DB development for some of the modules that I would like to build in.\n\nOne resource that I will be drawing from heavily is the HTML5BP.\n
  • We’re looking at the usual suspects as far as technology goes.\n\nThe whole thing is powered by WordPress, which is built on PHP and MySQL and so the project will be heavy on those two languages. There will likely be MySQL and DB development for some of the modules that I would like to build in.\n\nOne resource that I will be drawing from heavily is the HTML5BP.\n
  • We’re looking at the usual suspects as far as technology goes.\n\nThe whole thing is powered by WordPress, which is built on PHP and MySQL and so the project will be heavy on those two languages. There will likely be MySQL and DB development for some of the modules that I would like to build in.\n\nOne resource that I will be drawing from heavily is the HTML5BP.\n
  • HTML5BP takes care of baseline HTML5, CSS and JavaScript best practices. It includes things like “respond.js” and “modernizr.js” which shiv support for necessary technology in the bad browser, a build script to minimize load times, and CSS “normalization”— I read that it’s better than CSS resets. See “normalize.css.”\n\nHTML5BP is in a state of constant iteration as the state of the industry changes, I would like to make it so that future versions of the BP can easily be integrated in to the theme.\n
  • Semantics and accessibility are chief concerns when designing the HTML structure.\n
  • \n
  • \n
  • Directed Study I

    1. 1. RESPONSIVE HTML5WORDPRESS THEME FRAMEWORK (I’m working on a new name)
    2. 2. Two guiding rules• Observe best practices for applicable disciplines and technologies.• Create modular components based on common design patterns that are easy for developers and clients to use.
    3. 3. Technology: Leveraging existing tech
    4. 4. Technology: Leveraging existing tech
    5. 5. Technology: Leveraging existing tech (PHP) (MySQL)
    6. 6. Technology: Leveraging existing tech (PHP) (MySQL)
    7. 7. Technology: Leveraging existing techHTML5 + CSS + JavaScript (PHP) (MySQL)
    8. 8. Technology: Leveraging existing tech (PHP) (MySQL)
    9. 9. Technology: Leveraging existing techHTML5 + CSS + JavaScript = HTML5 BoilerPlate (PHP) (MySQL)
    10. 10. Technology: Leveraging existing tech HTML5 + CSS + JavaScript = HTML5 BoilerPlate (PHP) (MySQL)“A rock-solid default for HTML5 awesome.” http://html5boilerplate.com/
    11. 11. Technology: Semantic HTMLNicolas Gallagher’s “Anatomy of an HTML5 WordPressTheme”http://nicolasgallagher.com/anatomy-of-an-html5-wordpress-theme/Bruce Lawson’s “Designing a Blog with HTML5”http://html5doctor.com/designing-a-blog-with-html5/
    12. 12. Technology: Accessibility• IE6 should die, but it’s users may not know better.• “The power of the web is it’s universality” – Tim Berners-Lee http://www.w3.org/TR/WCAG20-TECHS/
    13. 13. Design Responsive Usable Modular
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×