The Smashing Book #5 Links
On this page we collected all links from the Smashing Book #5 for your convenience. Please bear in mind that the content or designs may have changed in some cases.
You might want to check as well:
The Modern Responsive Designer’s Workflow
- https://signalvnoise.com/posts/3801-writing-first-design
- http://www.ommwriter.com/
- http://notational.net/
- http://brettterpstra.com/projects/nvalt/
- http://www.uie.com/articles/short_form_creative_brief/
- http://bradfrost.com/blog/post/interface-inventory/
- https://beta.oreilly.com/
- http://www.webpagetest.org/
- http://timkadlec.com/2014/01/fast-enough/
- http://www.engineeringtime.com/
- http://httparchive.org/
- http://www.gogosqueez.com/
- http://danielmall.com/articles/visual-inventory/
- http://readingisfundamental.org/
- http://danielmall.com/articles/techcrunch-responsive-redesign/
- https://typecast.com/
- http://clearleft.com/thinks/visualdesignexplorations/
- http://www.ew.com/
- http://danielmall.com/articles/responsive-mobile-entertainment-weekly/
- https://vimeo.com/36579366
- https://twitter.com/jkosoy
- http://blogs.adobe.com/jkost/2014/10/the-libraries-panel-in-photoshop-cc.html
- http://bradfrost.com/blog/post/atomic-web-design/
- http://patternlab.io/
- http://smashed.by/beat-it
Responsive Process
- http://macaw.co/
- https://huffduffer.com/adactio/167828
- http://bit.ly/collab-estimate
- http://slack.com
- http://basecamp.com
- http://rif.superfriend.ly/
- https://github.com/bradfrost/project-hub
- https://twitter.com/kevinsharon
- http://alistapart.com/column/lets-do-it-what-are-we-doing
- https://twitter.com/samanthatoy
- https://the-pastry-box-project.net/samantha-warren/2013-december-16
- http://agilemanifesto.org/
- http://alistair.cockburn.us/Crystal+light+methods
- https://twitter.com/lukew
- http://www.abookapart.com/products/mobile-first
- http://trentwalton.com/2013/04/10/reorganization/
- http://www.creativebloq.com/business/what-responsive-web-design-means-team-organisation-11410353
- https://speakerdeck.com/bencallahan/dissecting-design
- http://seesparkbox.com/foundry/content_priority_guide
- https://twitter.com/emilykggray/
- http://bit.ly/content-priority-guide
- https://twitter.com/aaronquinn
- http://www.slideshare.net/aaronquinn/a-make-it-or-break-it-navigation
- https://twitter.com/danielmall
- https://twitter.com/yeseniaa
- http://artifact.com
- http://danielmall.com/articles/the-post-psd-era/
- https://twitter.com/jeremyloyd
- http://seesparkbox.com/foundry/we_heart_good_tools_an_update_on_our_build_process
- http://building.seesparkbox.com
- http://www.smashingmagazine.com/2012/05/30/design-process-responsive-age/
- http://agilemanifesto.org/
- http://getbootstrap.com/
- http://foundation.zurb.com/
- http://sass-lang.com/
- http://lesscss.org/
- http://bourbon.io/
- http://purecss.io/
- http://www.invisionapp.com/
- https://marvelapp.com/
- http://macaw.co/
- https://www.apple.com/mac/keynote/
- http://styletil.es
- https://speakerdeck.com/bencallahan/get-your-visual-style-on
- https://vimeo.com/115992327
- http://styleguides.io/podcast/samantha-warren/
- http://danielmall.com/articles/rif-element-collages/
- https://twitter.com/katiekovalcin
- http://sparkbox.github.io/style-prototype/
- http://building.seesparkbox.com/style-prototype/
- http://twitter.com/adactio
- http://bdconf.com
- http://vimeo.com/32143919
- http://twitter.com/brad_frost
- http://bradfrostweb.com/blog/post/atomic-web-design/
- http://twitter.com/brad_frost
- https://twitter.com/anna_debenham
- https://twitter.com/jina
- https://twitter.com/bermonpainter
- https://twitter.com/dmolsen
- http://patternlab.io
- https://twitter.com/falkowski
- http://styleguides.io/
- http://engineering.lonelyplanet.com/2014/05/18/a-maintainable-styleguide.html
- https://vimeo.com/47171001
- https://twitter.com/stephanierieger
- http://seesparkbox.com/foundry/there_is_no_breakpoint
- http://www.markboulton.co.uk/journal/theinbetween
- http://www.slideshare.net/yiibu/pragmatic-responsive-design
- http://www.amazon.com/Flow-The-Psychology-Optimal-Experience/dp/0061339202
Responsive Design Patterns And Components
- https://medium.com/the-year-of-the-looking-glass/junior-designers-vs-senior-designers-fbe483d3b51e
- https://docs.google.com/spreadsheet/ccc?key=0AiN0QfBTPpOCdDFjWlM0eU1ra21XanZkekxGbjA2WWc#gid=0
- https://docs.google.com/spreadsheet/ccc?key=0AiN0QfBTPpOCdDFjWlM0eU1ra21XanZkekxGbjA2WWc#gid=0
- http://www.lukew.com/ff/entry.asp?1684
- http://www.kiwibank.co.nz/
- https://github.com/aaronbarker/makefit
- http://bradfrost.com/blog/post/revisiting-the-priority-pattern/
- https://twitter.com/lukew/status/443440251042676737
- https://github.com/filamentgroup/fixed-sticky
- https://medium.com/
- http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php
- http://www.wikipedia.org/
- https://medium.com/@danielwi/view-mode-approach-to-responsive-web-design-914c7d3795fb
- https://medium.com/@danielwi/view-mode-approach-to-responsive-web-design-914c7d3795fb
- http://www.cancer.dk
- https://www.youtube.com/watch?v=Y-FMTPsgy_Y
- http://www.crazyegg.com
- http://www.conversion-rate-experts.com/crazy-egg-case-study/
- http://blog.chartbeat.com/2013/08/12/scroll-behavior-across-the-web/
- http://choiseul.info/
- http://kremlin.ru/
- http://codepen.io/anon/pen/WbzbbQ
- http://www.swissair.com/
- http://gergeo.se/RWD-Table-Patterns/
- https://github.com/filamentgroup/tablesaw
- https://github.com/filamentgroup/tablesaw
- https://gionkunz.github.io/chartist-js/
- http://www.informed-design.com/responsive/chart/
- http://alistapart.com/article/creating-intrinsic-ratios-for-video
- http://daverupert.com/2012/04/uncle-daves-ol-padded-box/
- http://codepen.io/bradfrost/pen/vwInb
- http://travois.com/projects/
- http://bradfrost.com/blog/post/adaptive-maps/
- http://www.jordanm.co.uk/post/26207088124/pattern-translations
- http://www.lukew.com/ff/entry.asp?1390
- http://bradfrost.com/blog/post/conditional-lightbox/
- http://www.bigfootjs.com/
- http://www.energymadeclear.com/
- https://www.soundslice.com/
- http://support-sapporo.or.jp
- https://typekit.com/
- http://davidecalignano.it/css-trick-to-reproduce-glimpse-on-native-scroll/
- http://www.swissair.com/
- http://www.typeform.com/
- https://www.pittsburghfoodbank.org/donate/feedthekids/
- http://mds.is/float-label-pattern/
Content Coreography In RWD
- http://karenmcgrane.com/2012/09/04/adapting-ourselves-to-adaptive-content-video-slides-and-transcript-oh-my/
- http://alistapart.com/column/windows-on-the-web
- http://24ways.org/2012/design-systems/
- http://www.hannonhill.com/news/blog/2012/why-and-how-to-do-a-content-audit.html
- http://ogp.me
- http://alistapart.com/article/content-templates-to-the-rescue
- http://alistapart.com/article/training-the-cms
Mastering SVG For Responsive Web Design
- http://www.smashingmagazine.com/2014/05/14/responsive-images-done-right-guide-picture-srcset/
- http://www.smashingmagazine.com/2013/07/08/choosing-a-responsive-image-solution/
- http://responsiveimages.org/
- http://www.w3.org/TR/SVGTiny12/minimize.html
- https://github.com/h5bp/html5-boilerplate/blob/master/dist/.htaccess#L697
- http://css-tricks.com/css-image-replacement/
- http://www.netvlies.nl/blog/design-interactie/retina-revolution
- http://sarasoueidan.com/blog/structuring-grouping-referencing-in-svg/
- http://sarasoueidan.com/blog/svg-coordinate-systems/
- http://creativedroplets.com/export-svg-for-the-web-with-illustrator-cc/
- https://github.com/svg/svgo
- https://github.com/sindresorhus/grunt-svgmin
- https://github.com/ben-eb/gulp-svgmin
- http://24ways.org/2013/grunt-is-not-weird-and-hard/
- https://github.com/davidderaedt/SVG-NOW
- https://github.com/svg/svgo-gui
- https://github.com/svg/svgo-osx-folder-action
- http://jakearchibald.github.io/svgomg/
- http://dbushell.com/2013/02/04/a-primer-to-front-end-svg-hacking/
- http://en.wikipedia.org/wiki/Same-origin_policy
- Zach Schnackel, “Modifying SVG Background Fills” (September 29, 2014).
- https://github.com/h5bp/html5-boilerplate/blob/master/dist/.htaccess
- http://ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/
- http://css-tricks.com/stackicons-icon-fonts/
- http://tympanus.net/codrops/2013/11/05/animated-svg-icons-with-snap-svg/
- http://www.filamentgroup.com/lab/bulletproof_icon_fonts.html
- https://icomoon.io/
- http://css-tricks.com/icon-fonts-vs-svg/
- https://docs.google.com/spreadsheet/ccc?key=0Ag5_yGvxpINRdHFYeUJPNnZMWUZKR2ItMEpRTXZPdUE#gid=0
- http://grumpicon.com/
- https://github.com/filamentgroup/grunticon
- http://iconizr.com/
- https://github.com/jkphl/svg-sprite
- https://tools.ietf.org/html/rfc1738
- http://www.mobify.com/blog
- http://www.mobify.com/blog/base64-does-not-impact-data-uri-performance/
- http://css-tricks.com/probably-dont-base64-svg/
- http://www.mobify.com/blog/css-sprites-vs-data-uris-which-is-faster-on-mobile/
- http://calendar.perfplanet.com/2011/why-inlining-everything-is-not-the-answer/
- https://http2.github.io/
- https://github.com/FWeinb/grunt-svgstore
- https://github.com/jonathantneal/svg4everybody
- http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/#toc-style-cat
- http://codepen.io/FWeinb/blog/quick-tip-svg-use-style-two-colors
- http://codepen.io/AmeliaBR/thoughts/customizable-svg-icons-css-variables
- https://github.com/yoksel/svg-fallback
- http://www.w3.org/TR/SVG/struct.html#ConditionalProcessing
- http://www.kaizou.org/2009/03/inline-svg-fallback/
- http://developersdev.blogspot.ru/2014/10/svg-fallback-pure-css-can-i-use-part-5.html
- http://modernizr.com/
- http://lynn.ru/examples/svg/en.html
- http://jakearchibald.com/2013/having-fun-with-image/
- http://germanforblack.com/post/43975575422/protip-all-browsers-that-support-svg-background-images
- http://caniuse.com/#feat=svg-fragment
- http://betravis.github.io/icon-methods/svg-sprite-sheets.html
- http://simurai.com/blog/2012/04/02/svg-stacks/
- http://alistapart.com/article/creating-intrinsic-ratios-for-video/
- http://www.w3.org/TR/SVG2/styling.html#SVGStylingProperties
- http://responsiveimagescg.github.io/eq-usecases/
- http://www.smashingmagazine.com/2014/03/05/rethinking-responsive-svg/
- http://www.w3.org/TR/SVG-access/
- http://www.paciellogroup.com/blog/2013/12/using-aria-enhance-svg-accessibility/
- http://www.sitepoint.com/tips-accessible-svg/
- http://w3.eleqtriq.com/2014/08/applying-alpha-channels-to-jpgs/
- http://peterhrynkow.com/how-to-compress-a-png-like-a-jpeg/
- http://codepen.io/shshaw/details/IDbqC/
- http://smashed.by/clowncar
- http://www.smashingmagazine.com/2014/11/03/styling-and-animating-svgs-with-css/
- http://product.voxmedia.com/2013/11/25/5426880/polygon-feature-design-svg-animations-for-fun-and-profit
- http://jakearchibald.com/2013/animated-line-drawing-svg/
- http://www.w3.org/2013/10/SVG_in_OpenType/
Building Advanced Responsive Modules With Flexbox
- http://www.w3.org/TR/css3-flexbox/
- http://caniuse.com/#feat=flexbox
- http://www.w3.org/TR/css-grid-1/
- http://www.w3.org/TR/css3-multicol/
- http://caniuse.com/#feat=flexbox
- http://www.barrelny.com/blog/text-align-justify-and-rwd/
- http://www.w3.org/TR/css3-flexbox/#abspos-items
- http://css-tricks.com/almanac/selectors/c/checked/
- http://css-tricks.com/the-checkbox-hack/
- http://timpietrusky.com/advanced-checkbox-hack
- http://osvaldas.info/flexbox-based-responsive-equal-height-blocks-with-javascript-fallback
- http://dellacucinapovera.com/
- http://www.theguardian.com/
- http://updates.html5rocks.com/2013/10/Flexbox-layout-isn-t-slow
- https://github.com/mastastealth/sass-flex-mixin
- https://gist.github.com/cimmanon/4461470
- https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss
- https://github.com/annebosman/FlexboxLess
- https://github.com/postcss/autoprefixer#usage
- https://github.com/postcss/postcss
- http://www.w3.org/TR/css3-flexbox/#flex-containers
- http://modernizr.com/
- http://www.w3.org/TR/css3-flexbox/#abspos-items
- http://www.watchmework.com/
Web Fonts Performance
- WOFF2 is a fairly new file format and there isn’t much public information on how to create them. A good place to start are Google’s WOFF2 repository and Smashing Magazine’s editorial in the newsletter on November 4, 2014. FontSquirrel’s Web Font Generator also generates WOFF2 files.
- State of Web Type
- Specification to use SVG in OpenType
- http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax
- http://www.stateofwebtype.com/
- http://www.smashingmagazine.com/2013/02/14/setting-weights-and-styles-at-font-face-declaration/
- https://www.igvita.com/2014/01/31/optimizing-web-font-rendering-performance/
- https://github.com/KenjiBaheux/css-font-rendering
- https://tabatkins.github.io/specs/css-font-rendering/
- http://www.w3.org/TR/css-font-loading/
- http://people.mozilla.org/~jorendorff/es6-draft.html#sec-promise-objects
- http://github.com/bramstein/fontloader
- http://github.com/typekit/webfontloader
- “Better CSS Font Stacks” by Nathan Ford.
- http://fontfamily.io/
- https://github.com/jordanmoore/tinytype
- https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/
- http://tools.ietf.org/html/rfc5861
- https://code.google.com/p/zopfli/
- https://github.com/bramstein/sfnt2woff-zopfli
- http://calendar.perfplanet.com/2011/why-inlining-everything-is-not-the-answer/
- http://www.fontsquirrel.com/tools/webfont-generator
- http://artequalswork.com/posts/adventures-in-dynamic-subsetting/
- http://www.w3.org/TR/service-workers/
- https://code.google.com/p/sfntly/
- http://alistapart.com/blog/post/a-list-apart-5-01
- http://typerendering.com/
- http://www.smashingmagazine.com/2014/09/08/improving-smashing-magazine-performance-case-study/
- https://github.com/bramstein/fontloader
- http://www.zachleat.com/web/foft/
Responsive Images
- http://blog.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
- http://blog.yoav.ws/responsive_images_hacks_wont_cut_it/
- http://responsiveimages.org
- https://www.indiegogo.com/projects/picture-element-implementation-in-blink
- http://www.filamentgroup.com/lab/compressive-images.html
- http://dev.w3.org/csswg/css-values/#reference-pixel
- http://usecases.responsiveimages.org/
- http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2014-January/041833.html
- http://blog.cloudfour.com/a-framework-for-discussing-responsive-images-solutions/
- https://twitter.com/grigs
- http://www.whatwg.org/specs/web-apps/current-work/multipage/embedded-content.html#select-an-image-source
- https://github.com/aFarkas/lazysizes
- http://www.smashingmagazine.com/2013/06/02/clown-car-technique-solving-for-adaptive-images-in-responsive-web-design/
- http://ricg.io/
- http://www.w3.org/TR/html5/document-metadata.html#attr-link-media
- http://dev.w3.org/csswg/mediaqueries-4/#custom-mq
- https://developers.google.com/speed/webp/
- http://msdn.microsoft.com/en-us/library/windows/desktop/hh707223.aspx
- https://github.com/ResponsiveImagesCG/picture-element/issues/254
- https://github.com/iandevlin/picturecaption
- http://timkadlec.com/2012/04/media-query-asset-downloading-results/
- http://www.smashingmagazine.com/2013/09/24/responsive-image-container/
- http://blog.cloudfour.com/the-forgotten-responsive-images-spec-image-set/
- http://lists.w3.org/Archives/Public/www-style/2014Oct/0439.html
- a href="http://quasimondo.com/ZorroSVG/">http://quasimondo.com/ZorroSVG/
- http://timkadlec.com/2013/01/setting-a-performance-budget/
- https://github.com/yoavweiss/Sizer-Soze
- http://sizersoze.org/
- https://twitter.com/pornelski
- https://imageoptim.com/
- http://jamiemason.github.io/ImageOptim-CLI/
- https://github.com/technopagan/cjpeg-dssim
- https://github.com/mozilla/mozjpeg
- http://pngmini.com/
- http://pngquant.org/
- https://github.com/andismith/grunt-responsive-images
- https://github.com/mahnunchik/gulp-responsive
- http://validator.w3.org/
- https://scottjehl.github.io/picturefill/
- https://wiki.whatwg.org/wiki/Why_not_conneg
- http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2014-January/041833.html
- http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2014-January/041910.html
- https://groups.google.com/a/chromium.org/d/msg/blink-dev/9xIjDTOwbeI/1mL2lDYaHFYJ
- https://www.indiegogo.com/projects/picture-element-implementation-in-blink
- https://twitter.com/wilto
- https://twitter.com/hellogeri
- https://dev.opera.com/articles/native-responsive-images/
Testing And Debugging Responsive Web Design
- http://www.positioniseverything.net/explorer/doubled-margin.html
- http://www.positioniseverything.net/explorer/peekaboo.html
- http://www.webstandards.org/
- http://www.csszengarden.com/
- http://www.smashingmagazine.com/2013/08/20/semantic-css-with-intelligent-selectors/
- http://nicolasgallagher.com/about-html-semantics-front-end-architecture/
- http://trentwalton.com/2014/03/10/device-agnostic/
- https://speakerdeck.com/patrickhamann/css-and-the-critical-path-cssconfeu-september-2014
- https://github.com/pivotal/jasmine
- http://bbc-news.github.io/wraith/index.html
- http://browserstack.com
- http://bbc-news.github.io/wraith/index.html
- http://bbc-news.github.io/wraith/index.html
- https://github.com/Huddle/PhantomCSS
- http://huddle.com
- https://github.com/bslatkin/dpxdt
- https://developer.chrome.com/devtools/docs/remote-debugging
- https://developer.apple.com/safari/tools/
- http://www.proxylocal.com
- https://github.com/marmelab/gremlins.js
- http://css-tricks.com/prefill-forms-dev/
- http://vanamco.com/ghostlab/
- https://github.com/grosser/parallel_tests
- https://github.com/sindresorhus/grunt-concurrent
- http://www.bbc.co.uk/news/world-asia-india-29708612
- http://www.bbc.co.uk/news/world-middle-east-24900116
- https://developer.mozilla.org/en-US/docs/Web/API/Window.postMessage
- https://github.com/maslen/responsive-iframe
Responsive Email Design
- https://www.senderbase.org/static/email/
- http://templates.mailchimp.com/resources/inline-css/
- http://msdn.microsoft.com/en-us/library/aa338201%28v=office.12%29.aspx
- http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx
- http://windows.microsoft.com/en-us/windows-live/essentials-other#essentials=overviewother
- http://blog.jmwhite.co.uk/2014/03/28/solving-dpi-scaling-issues-with-html-email-in-outlook/
- http://cssfontstack.com
- http://stylecampaign.com/blog/2015/02/web-font-services-for-email/
- http://stylecampaign.com/blog/2015/02/webfont-support-in-email/
- http://www.cockos.com/licecap/
- http://imgur.com/vidgif
- https://css-tricks.com/snippets/css/keyframe-animation-syntax/
- https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_animations
- http://wistia.com/blog/embedding-video-in-email
- http://msdn.microsoft.com/en-us/library/ie/ms533876%28v=vs.85%29.aspx
- http://labs.actionrocket.co/the-hybrid-coding-approach
- https://twitter.com/Mike_Ragan
- http://labs.actionrocket.co
- http://twitter.com/briangraves
- http://twitter.com/dandenney
- http://www.smashingmagazine.com/2014/08/04/improve-your-email-workflow-with-modular-design/
- https://github.com/dandenney/emayll
- http://www.w3.org/TR/html401/present/graphics.html#h-15.1.3
- https://github.com/mailchimp/email-blueprints
- http://blog.mailchimp.com/
- http://stylecampaign.com/blog/
- https://litmus.com/blog/
- http://www.emaildesignreview.com/
- https://www.displayblock.com/blog/
- http://www.theuxnewsletter.com
- http://emailweekly.co/
- https://litmus.com/email-design-newsletter
- http://emaildesign.com
- http://litmus.com/community
- http://labs.actionrocket.co/
- https://github.com/mailchimp/Email-Blueprints
- https://github.com/TedGoas/Cerberus
- https://github.com/dandenney/emayll
- https://github.com/degdigital/MiddleMail
- https://github.com/Omgitsonlyalex/ZenithFramework
Performance Optimization Roadmap
- http://www.guypo.com/mobile/performance-implications-of-responsive-design-book-contribution/
- http://timkadlec.com/2012/01/work-to-be-done/
- http://www.w3.org/TR/resource-priorities/#intro-download-priority
- http://www.smashingmagazine.com/2013/10/29/get-up-running-grunt/
- https://github.com/gruntjs/grunt-contrib-less
- https://github.com/nDmitry/grunt-autoprefixer
- https://github.com/gruntjs/grunt-contrib-cssmin
- https://github.com/gruntjs/grunt-contrib-watch
- http://inpsyde.com/en/
- https://twitter.com/markodugonjic/statuses/478980625215782912
- https://github.com/scottjehl
- https://github.com/guardian
- https://github.com/BBC-News
- http://filamentgroup.com/lab/performance-rwd.html
- http://timkadlec.com/2014/01/fast-enough/
- http://www.lukew.com/ff/entry.asp?1756
- http://www.webpagetest.org/
- https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index
- http://chimera.labs.oreilly.com/books/1230000000545
- https://www.youtube.com/watch?v=YV1nKLWoARQ
- http://timkadlec.com/2014/05/performance-budgeting-with-grunt/
- https://speakerdeck.com/andyhume/anatomy-of-a-responsive-page-load-whiskyweb-2013
- https://vimeo.com/77967591
- http://ianfeather.co.uk/web-fonts-and-the-critical-path/
- https://github.com/typekit/webfontloader
- http://alistapart.com/article/application-cache-is-a-douchebag
- https://github.com/ahume/webfontjson
- http://www.html5rocks.com/en/tutorials/offline/quota-research/
- https://github.com/addyosmani/basket.js/issues/24
- http://caniuse.com/#search=woff
- https://gist.github.com/hdragomir/8f00ce2581795fd7b1b7
- https://gist.github.com/sergejmueller/cf6b4f2133bcb3e2f64a
- http://www.filamentgroup.com/lab/font-loading.html
- https://twitter.com/patrickhamann/status/497767778703933442
- http://www.feedthebot.com/pagespeed/defer-loading-javascript.html
- https://www.igvita.com/2014/05/20/script-injected-async-scripts-considered-harmful/
- https://developers.google.com/web/fundamentals/performance/critical-rendering-path/page-speed-rules-and-recommendations
- http://www.filamentgroup.com/lab/performance-rwd.html
- http://css-tricks.com/authoring-critical-fold-css/
- https://github.com/addyosmani/above-the-fold-css-tools
- http://caniuse.com/#search=SPDY
- http://googlewebmastercentral.blogspot.de/2014/08/https-as-ranking-signal.html
- https://www.drupal.org/node/2260061
- https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images
- https://github.com/andismith/grunt-responsive-images
- https://www.sizzlepig.com
- http://alistapart.com/article/responsive-images-in-practice
- http://dev.opera.com/articles/responsive-images/
- https://www.npmjs.com/package/grunt-responsive-images-converter
- http://www.webpagetest.org/result/140904_H4_T5R/1/details/
- http://www.webpagetest.org/result/140904_ZJ_T62/
- http://www.webpagetest.org/result/140904_Y5_SXS/
- http://www.webpagetest.org/result/140904_DB_T5Y/
- http://www.webpagetest.org/result/140904_H4_T5R/
- https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.smashingmagazine.com&tab=desktop
- https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.smashingmagazine.com&tab=mobile
- http://filamentgroup.com/lab/performance-rwd.html
- https://www.youtube.com/watch?v=dfweWyVScaI
- http://alistapart.com/article/like-able-content-spread-your-message-with-third-party-metadata
- http://jankfree.org
- http://responsivenews.co.uk/post/18948466399/cutting-the-mustard
- http://css-tricks.com/svg-fallbacks/
- http://www.twitter.com/smashingmag
Beyond Responsive: Optimizing For Offline
- http://hood.ie/
- http://alistapart.com/article/offline-first
- https://github.com/remy/polyfills/blob/master/offline-events.js
- http://www.html5rocks.com/en/mobile/workingoffthegrid/
- http://www.html5rocks.com/en/tutorials/es6/promises/
- http://updates.html5rocks.com/2015/03/introduction-to-fetch
- https://github.com/coonsta/cache-polyfill
- http://jakearchibald.com/2014/offline-cookbook/#putting-it-together
- https://www.youtube.com/watch?v=cBhZ6S0PFCY
- http://googleonlinesecurity.blogspot.com.au/2014/08/https-as-ranking-signal_6.html
- http://updates.html5rocks.com/2015/03/push-notificatons-on-the-open-web
- http://www.theeucookielaw.com
- http://dev-test.nemikor.com/web-storage/support-test/
- https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills#web-storage-localstorage-and-sessionstorage
Counting Stars: Creativity Over Predictability
- http://stuffandnonsense.co.uk
- John Arlidge, “Jonathan Ive Designs Tomorrow,” Time (March 17, 2014).
- Banksy, “On Advertising,” from Cut It Out (2004). Reproduced with annotations at http://lit.genius.com/Banksy-letter-on-advertising-annotated.
- http://http://simple.wikiquote.org/wiki/Stephen_Leacock
- http://www.sethgodin.com/purple/
- Matthew Weiner, “Smoke Gets in Your Eyes,” Mad Men season 1, episode 1 (July 19, 2007).
- Irene Au, “Understanding UX Skills” (October 7, 2014).
- http://alistapart.com/column/letter-to-a-junior-designer
- George Orwell, Nineteen Eighty-Four (1948).
- http://alistapart.com/blog/post/a-different-letter-to-a-junior-designer
- http://www.hegartyonadvertising.com/assets/pdf/hegarty-extract.pdf
- http://www.ogilvy.com/About/Our-History/David-Ogilvy-Books.aspx
- Cennydd Bowles, “Ideas and/or data” (July 2, 2014).
- Cennydd Bowles, “Ideas and/or data” (July 2, 2014).
- Andrew Clarke, “An extract from ‘Designing Atoms and Elements’” (June 12, 2013).
- http://trentwalton.com/2011/07/14/content-choreography/
- Brad Frost, “About Atomic Design,” Pattern Lab.
- Brad Frost, “Atomic Design” (June 10, 2013).
- Brad Frost, “Atomic Design” (June 10, 2013).
- Mark Boulton, “Design Abstraction Escalation” (December 12, 2013).
- Translation of “Un homme sérieux a peu d’idées; un homme à idées n’est jamais sérieux.” Paul Valéry, Mauvaises pensées et autres (1941).
- Irene Au, “Understanding UX Skills” (October 7, 2014).
- http://abookapart.com/products/design-is-a-job
- https://medium.com/@monteiro/these-8-tricks-to-selecting-a-design-partner-will-amaze-you-84f40d290296
- Charles M. Edwards, quoted in Ogilvy On Advertising (1983).
- Daniel Mall, “On Creative Direction” (February 19, 2014).
- Daniel Mall, “Art Direction and Design” (November 2, 2010).
- Quoted by Daniel Mall, “Art Direction and Design” (November 2, 2010).
- Jeffrey Zeldman, “Art direction vs. design” (May 1, 2003).
- Stephen Hay, “Art Direction and the Web” (May 7, 2004).
- Quoted by Creative Social Blog, “The death of Art Director/Copywriter teams” (April 13, 2011).