Blog on chrispederick.com Link Posts

“I’ve used many tricks over the years to vertically align content. I’ve just recently discovered this trick…it’s going to be my new…solution.” willkoehler.net/…

“Webfonts are spread all over the internet, but we still don’t really know, how to load them efficiently…what to do, to offer the optimal user experience.” bdadam.com/blog/…

“A jQuery plugin for extracting dominant colors from images and applying it to its parent.” https://briangonzalez.github.io/jquery.adaptive-backgrounds.js/

“Basket.js is a script and resource loader for caching and loading scripts using localStorage.” https://github.com/addyosmani/basket.js

“The majority of the time a user spends on your site is not waiting for it to load, but using it…I want to highlight…performance problems that I see most often.” calendar.perfplanet.com/…

“gulp: the streaming build system.” https://github.com/gulpjs/gulp

“Simple CSS spinners animated with CSS.” https://tobiasahlin.com/spinkit/

“PageSpeed Insights analyzes the content of a web page, then generates suggestions to make that page faster and find common UX issues.” https://developers.google.com/speed/pagespeed/insights/

“A Chrome extension that automatically runs JSHint on JavaScript sources saved in Chrome Dev Tools.” http://mrpotes.github.io/jshint-extension/

“Duo is a web browser that allows you to keep an eye on mobile without losing sight of the desktop. If you’re into Responsive Web Development, we made Duo for you.” http://helloduo.com

“Is your favicon perfect? We check more than a dozen settings to make sure it fits all major platforms.” https://realfavicongenerator.net/favicon_checker

“It will just make the mouse pass through the element that has the pointer-events: none property set. Take a look at the screencast I did showing the…difference disabling hover makes.” thecssninja.com/…

“A jQuery plugin that does stuff to elements when they enter or leave the viewport.” http://silvestreh.github.io/onScreen/

“Offline.js is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail.” http://github.hubspot.com/offline/docs/welcome/

“There’s a better way of doing transitions rather than hard coding positions. Inspired by Keynote’s Magic Move effect…a little jQuery library to do transitions between DOM states.” blog.alexmaccaw.com/…

“Allow your JavaScript apps to be crawled perfectly by search engines.” https://prerender.io

“Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.” http://www.kennethcachia.com/background-check/

“Responsive navigation plugin without library dependencies and with fast touch screen support.” http://responsive-nav.com

“Configure Grunt tasks to run with only those files modified since the last successful run.” https://github.com/tschaub/grunt-newer

“Run grunt tasks concurrently. Running slow tasks like Coffee and Sass concurrently can potentially improve your build time significantly.” https://github.com/sindresorhus/grunt-concurrent