Choose Your Theme
Warren Shea

Archive for June, 2015

warrenshea.com v4 notes

Tuesday, June 16th, 2015 at 8:49 pm

Project Brief / User Story

As a <user type>, I want to <function> so that <benefit>.

Copy and Content

  • Have a simplified and a complete view
  • Brand and Mandate
  • Skills
  • Awards
  • Ratings
  • Training: Responsive Design, WEM, AEM: Content Author
  • Seminars
  • Hobbies

UX Notes

  • Prototyping: Axure / InVision / Justinmind / FluidUI / Proto / Lucid Chart / Draw
  • Mega Menu
  • Sticky Nav
  • Hamburger Menu
  • Columns / List / Card Layout
  • Mobile First/Friendly
  • Responsive: Bootstrap / Materialize
  • Clean, Semantic markup (for Accessibility)
  • Infographic + Parallax / Card Layout

Design Notes

  • One Theme
  • Font: ?
  • Define
    • h1 – purpose – font-size (em) + line-height (em)
    • h2 – purpose – font-size (em) + line-height (em)
    • h3 – purpose – font-size (em) + line-height (em)
    • h4 – purpose – font-size (em) + line-height (em)
    • p – purpose – font-size (em) + line-height (em)

Development Notes

  • Blogging: Engine – Ghost / Jekyll / WordPress
  • Source Control: GitHub
  • Coding: Text Editor – Sublime Text 3 / Adobe Brackets
  • Coding: Shortcuts – Markdown / Emmet
  • CSS: SASS / LESS / Stylus
  • CSS Methodologies: OOCSS / BEM / SMACSS / SUIT CSS / Systematic CSS
  • JavaScript: nodeJS
  • JavaScript: Avoid jQuery if possible
  • JavaScript + CSS: Minified version for delivery, uncompressed working version
  • JavaScript + CSS: Cache: querystring for version?
  • Package Manager: Handlebars / Bower / Jam
  • Task Runner: Gulp / Grunt
  • MVC/MVVM : Angular / Backbone / Knockout
  • Programming: Object Oriented
  • Easter Egg: Konami Code
  • Database: NoSQL – MongoDB

QA Notes

  • Mobile Friendly Checker – google.com/webmasters/tools/mobile-friendly/
  • W3 Validator – validator.w3.org
  • achecker (Accessibility) – achecker.ca
  • wave – webaim (accessibility) – wave.webaim.org

Optimization Notes

  • YSlow
  • Page Speed – developers.google.com/speed/pagespeed/insights/
  • CSS Stats – cssstats.com

Site Updates

Tuesday, June 16th, 2015 at 7:57 pm

I recently updated my WordPress for 3.1.1 to 4.2.2! It’s taken me quite a while to do an update. I regret going into the code to change things for the sake of proper indenting – but who am I kidding, I couldn’t live with myself if I didn’t (…because, I have issues).

I have decided to retire this blog however, not to delete it. In this blog’s ashes will arise a new blog – one where the posts are well written, complete, a journey or story about life and the hardships and/or lessons learned. One that’s a little more legit and presentable to future employers and used not as a means of determining how childish and immature I am, but rather to highlight my maturity, experience and wisdom. I will likely go through all my blog posts (cringe) and extract anything that could be used again.

With this new blog, I’m going to abandon the WordPress platform (also one of the reasons why I’m stopping this blog) and using something more current (still researching this though).

This blog will not be dead just yet though – it will exist for however long it takes for my new blog to be complete…which might take a while because…

I also plan to do a new warrenshea.com (where the new blog will be, at warrenshea.com/blog).
This new warrenshea.com will be a responsive website, with a high focus on new front-end technologies and mastering the craft, rather than muddling my way through the solution. I want to attack this as a legitimate project – a project brief, a style guide, more thought and planning into the solution that execution and patching. The focus on this will be to learn new things, as well as to build rapid prototypes, rather than spend time on details. Anything ‘tedious’ or ‘time consuming’ will be scrapped in lieu of increasing skills and experience as quickly as possible.

I’m going to blog about my progress as well – so this blog will still be in use for at least a few more months.