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.