ES2015 (formally ES6) & tools for using it in a brand new episode of Totally Tooling Tips!
What's new in @ChromeDevTools
? new slides on performance, JS debugging, animation & more 🔥
Chrome's address bar now suggests inline answers for weather, finance, facts & places. Try on Desktop, Android, iOS 🍹v
Gave `git diff` a wardrobe change. Some dotfiles hacking for highlighting and a simpler look. github.com/paulirish/dotf…
Adaptive UI with Material Design and Paper Elements from the PolymerSummit by @zachgibson
Polymer Starter Kit 1.1.0 is out! 🍭 New recipes for ES6, web performance & lots of bug fixesgithub.com/PolymerElement…
We just added support for *rearranging* @ChromeDevTools
tabs using drag-and-drop. Coming to a Canary near you soon!
Want guidance on responsive UI in #materialdesign
? Check out the #PolymerSummit
In today's Chrome Canary, we changed the order of tabs in @ChromeDevTools
. Console is now second 🔥C
Suspending inactive Chrome tabs lowers memory use. A new experiment & extensions enable this: developers.google.com/web/updates/20…
season 2 is coming with more Sublime Text tips, ES6 & Babel, the command-line & much more. goo.gl/KgUaTg
Google has a new logo. The smallest version of it is a 305 byte SVG file. #perfmatters
New preview of ES6 default function parameters in Chrome - set default parameter values in JS function signatures:
Dev Tips: #DevTools
: Block certain page requests, see how a page works without CSS or JS: umaar.com/dev-tips/68-bl…
New in DevTools: ⚡Aggregated timeline details, 🎨color palettes, 📰new main menu and much moredevelopers.google.com/web/updates/20…
first implementation of requestIdleCallback is in Chrome Canary: bit.ly/1ML2ElX
- give it a try!
Chrome DevTools Tips for Sublime Text users
~new piece by me & @wesbos
w/lots of shortcuts
When you try deleting a line of CSS:
I'm giving two new talks on Tooling & Adaptive UI at #PolymerSummit polymer-project.org/summit/schedule
. Free Live-stream Sept 15
Loads of ES6 equivalents in ES5 - github.com/addyosmani/es6…
- Side by side comparisons, quite nice to learn from.
$ npm install -g perfschool
Web performance workshop in your command-line. Image optimisation, WebPageTest & more!
What languages does your site support? We'd love to hear how you tackle Internationalization: goo.gl/forms/uJLhqc48…