My Portfolio / Resume featuring timeline story

Try it live here: nadikun.com/portfolio

##Basic points

• Design:
  • grid-based and modular layout
  • semantic tags
  • personalized design
  • animation
• Responsive:
  • custom breakpoints that suit both common mobile screens and portfolio's design
  • tested on real devices
• Separation of Concerns
  • no inline CSS

##Validated & Tested on the following real devices

• W3.org Markup Validator - validator.w3.org
• W3.org CSS Validator - jigsaw.w3.org/css-validator
• MacBook Pro
• iPad Mini
• iPad
• ASUS MemoPad HD7
• iPhone 5s

##Resources used

• Normalize.css v3 - To eliminate the differences between default browser styles in order them to render all elements more consistently.
• Font Awesome Icons - Scalable vector iconic font that can instantly be customized with CSS.
• jQuery - Cross-browser JavaScript library, to handle view switch on mobile devices.
• CSS Toggle Switch - CSS toggle element, again, to switch views on mobile devices.
• Force Element To Self-Clear its Children - Nice clearfix for grouped elements.