netの November 2015 の目次

+ There are plenty of resources to help you get to grips with both GSAP and SVG. Here are my favourites: GSAP: Step by step training nobledesktop.com/books/gsap This is the official workbook on GSAP. It’s written by Carl Schoof, one of the two creators of GSAP, and it’s a superb place to get started with GSAP because you get to learn by doing. There are exercises that will teach you everything you need to know to start using GSAP in your projects today, all from the ground up. GreenSock website greensock.com/get-started-js This contains the best GSAP documentation and starting guide. The online guides include code examples, CodePen demos you can play with, interactive demos for getting a feel of the GSAP features, as well as videos that explain them in…

+ Here are some resources that will set you on the path to becoming a Dev Tools expert. Code School codeschool.com/courses/discover-devtools If you want to learn more about the topics covered here and get more serious about Dev Tools by exploring other features, try out the free course from Code School. It contains videos that are easy to follow and separated into different features. The first course is Elements, which will refresh a lot of the material covered in this tutorial. For designers the chapters on Elements and Sources might be all you need, but if you do some JavaScript you should take a look at the Console and Debugging chapters as well. The rest of the chapters are for more advanced users who run and maintain frontend applications. Chrome…

+ Thanks to the extraordinary efforts of developer Yoav Weiss, Blink-based browsers were the first to support responsive image features. Chrome (v39) and Opera (v30) began shipping with full support last autumn, and support trickled down into Chrome for Android soon afterwards. No version of the stock Android browser (which shipped with Androids <5) supports the markup. Firefox Firefox 38 began supporting the new syntax in May of this year. Mozilla’s implementation contains one notable flaw: it doesn’t yet re-evaluate responsive images in response to resize events. A patch has landed in the beta channel, and should ship in version 42 in November 2015. Safari Mobile and desktop Safari have supported srcset with x descriptors since version 7.1 and version 8.3 respectively; support for w descriptors will land this autumn…

+ These are three of my favourite plugins. I use them all the time to help me with my work. Toggle Locked Layers github.com/ribot/sketch-toggle-locked-layers With this plugin installed, I use the keyboard shortcut ‘ctrl+cmd+L’ to quickly unlock all the locked layers within an artboard, tweak something, and then lock them back up. It’s a lot quicker than scrolling through the layer list, guessing which layer you want, and unlocking them one by one until you find the right one. Relabel Button github.com/kenmoore/sketch-relabel-button This is a fantastic tool for quickly changing the size of a button based on the length of the text it contains. It treats a text layer and a rectangle within a group as a button. To change the label, just select the group and hit ‘cmd+K’, which…