krulik
3/4/2014 - 9:01 AM

Resources for Modern FED Stack Lecture

Resources for Modern FED Stack Lecture

Resources for Modern FED Stack Lecture

Main

These are the slides and the links we've seen during the lecture, plus the additional ones.

  1. Netcraft Modern FED Stack Slides (SpeakerDeck)
  2. Accompanying Links (URList)
  3. Netcraft Coding Style (Codepen, the main code example we've walked-through)
  4. My Live-Coding Exercise (Codepen)

Additional

In addition here is some of the stuff that I would like you to explore in more detail.

Responsive Design

  1. Boston Globe Web Site Example (Boston Globe)
  2. Collection of Codepens to Learn Responsive Fundamentals (URList)

Atomic Design

  1. Explanation of the Methodology (Brad Frost)
  2. Pattern Lab (Pattern Lab)

Future Friendly

  1. Future Friendly Thinking (Future Friendly)
  2. Future Friendly on Twitter (Twitter)

Client-Side Performance

  1. 60FPS Pinterest Case Study (Smashing Magazine, Addy Osmani)
  2. 60FPS Slides (SpeakerDeck, Addi Osmani)

Modern Tools for Wordpress and Blogging/CMS

  1. Sass for WordPress Plugin (The Sass Way)
  2. Using Grunt for WordPress Theme Development and Deployments (Matt Banks)
  3. Ghost Blogging Platform (Ghost)
  4. Jekyll Static Site Generator (Jekyll)
  5. Moving from Wordpress to Github Pages (Perfection Kills, Kangax)