Hey everyone and welcome to this week's responsive design weekly newsletter, edition 301.
A quick thank you for all the overwhelming feedback you provided after last weeks 300th episode. Your emails meant a lot, and while I haven't got back to everyone (or allocated the prizes), I'm working on it still.
This week our feature image is a great new site from Invision called The Design Genome project where they feature the design teams and workflows from some fantastic companies. | | Headline Ashley is running the annual Front-End tooling survey so be sure to take a few minutes and contribute.
Tim takes the AMP debate to a numbers game and looks at the performance from Google search, as a stand-alone framework, serving from AMP cache, and in comparison to the canonical article. What do you think the results were? | | Generate is returning to New York on 25-27 April! Learn web animation, content strategy, UX, IA, product design and much more! Plus the event is now three days long, consisting of workshops followed by a single track, two-day conference with speakers such as Dan Mall, Donna Lichaw and Abby Covert who will send you back to work feeling motivated, inspired and ready to tackle anything!
Use code 'responsive' to save 25% | | Articles Jon Gold talks about the evolution of the design tool and the work they're trying to do at Airbnb. Using Figma and the API's they've uncovered the team is working on a set of workflow tools that will help their creative and development process.
There's been more work around Service Works (I literally can't contain my excitement for this hitting iOS) and added support for preconnect link headers... yay for performance!
Variable fonts are coming to MS Edge, and you can now preview them through the Windows Insider Preview (https://insiders.microsoft.com/). There's also a magnificent demo page that you can try out.
A different kind of post from Zell this week as we uncover that he's not perfect (spoiler alert, none of us are). I love posts like this because in a world of seeming perfection it's refreshing to see where someone has worked on a disastrous project and to learn from their experiences.
Tim takes a look at compression of images again. On the one hand we want to limit the size of the images that come down the wire, but on the other hand, we don't want to overburden the device to decode the image. What's the solution?
Tutorials I'm a massive fan of posting once and syndicating it to anywhere you want it. Preferably that first place is your website, but here's an example workflow from Brendan about posting from Instagram to many places
Create little notches on the outside of your boxes using this trick with clip-path and polygons.
D3 Graph Theory is a project aimed at anyone who wants to learn graph theory. It provides a quick and interactive introduction to the subject. The visuals used in the project makes it a useful learning tool. And it's free!
Tools & Resources A command line tool to measure the efficiency of your responsive image markup across viewport sizes and device pixel ratios.
An online tool for creating interactive sitemaps for web development and planning better UX.
Reduce the weight of images but not quality. Deliver images faster. Save on bandwidth and storage.
CodePen A great easy way to see if a browser supports CSS Variables (although also requires them to suppose @supports... fortunately that is always true).
| | That's all from me this week. If you've read something interesting, or even better yet if you've written about something you've done please hit reply and share the love/knowledge/link.
Cheers,
Justin. | | | |
No comments:
Post a Comment