What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann1 is collecting everything that popped up over the last week in his web development reading list2 so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at. — Ed.
Winter isn’t here yet, instead as you’re reading this, I’m out for another biking session in the mountains today. You might already have noticed how important nature is to me. So this week, seeing the international climate conference in Paris not aiming for an ambitious goal, a reader sent me this great article in which he questions what we as people in the tech industry can personally do3 against global warming. If you’re caring only a bit about this, read it and think about it. Have a great week and try out some of the amazing web development stuff I collected for you this week:
- Big news from Adobe: they rolled out updates for Photoshop and Illustrator. In Photoshop, you can now import and export SVG4 and asset export got an upgrade, too. Illustrator got better SVG export5 and a new shaper tool6. And even bigger news: the Edge tools and services (Edge Animate, Reflow and Inspect) will no longer be developed7. Instead, they renamed Flash Pro to Animate CC8, with plans to integrate Edge Animate’s features into the new tool in the future. Besides that, Adobe plans to bring Dreamweaver back to life, also integrating Brackets into it and de-cluttering the software.
- As announced earlier this year, Apple finally open sourced its programming language Swift9. You can get the code on Github and find all information on the new website.
- Since yesterday, Let’s Encrypt is in public beta10. So if you have a virtual server, you can give it a try by following this guide11. My hoster here in Germany will deploy it today, and I hope a lot of other hosting companies will follow soon.
- PHP 7.0 has finally been released12 this week. If you aren’t familiar with its new features yet, this guide will tell you more13.
- Stefan Viehböck analyzed thousands of devices and found out that many of them share the same private keys19 for HTTPS in their firmware, often hard-coded. That, of course, undermines the security of HTTPS and makes the whole data connection unsafe.
- A demo explains why browsers show this “annoying” message when you go into fullscreen20 mode. It’s there to let people detect phishing attacks.
- Snyk analyzes your node.js application for vulnerabilities. And now they open sourced their vulnerability database21.
- “The borderless world of money and business is, ironically, a world of ever-more-imposing borders for humans. For example, governments have made ineffectual gestures at getting multinationals to pay their taxes, creating systems that assume an adversary with a huge and well-oiled accounting machine. The resulting system is virtually impossible for individuals to understand or comply with22.”
Web Performance Link
- Facebook seems to push on accessibility lately. Seeing the recent development for React Native, they now published a useful guide that will bring you from accessibility zero to hero in very short time24.
- Did you ever want to really understand how promises work?25 This guide is the definitive answer to probably all your questions.
CSS / Sass Link
- Heydon Pickering shows how to get a clean flexbox grid26 that doesn’t look bad in the last row.
- Style guides are a good thing to manage your components and designs in the company. They constantly evolve, and even animations and transitions appear in style guides27 lately. But keeping them up to date is sometimes a challenge. I’m glad there are tools like DocumentCSS28 that make things like these easier.
calc()function in CSS is still pretty new but has good browser support now. So why don’t you start trying it out? Ana Tudor wrote up a few handy use-cases that’ll solve common problems with CSS calculations29.
Work & Life Link
- “As a leader, your goal should always be to build structures and processes that don’t depend on you and ideally don’t need you.” says Adam Pisoni in his great article on how to scale yourself as a technology leader30.
Go beyond… Link
- Care about the environment? This week Elon Musk held a talk to students in Paris31 in which he reflected on how we can reduce carbon emissions. It’s interesting to read this different opinion on the topic, especially from someone who clearly knows how companies roll. Worth reading.
And with that I’ll close for this week. If you like what I write each week, please support me with a donation32 or share this resource with other people. You can learn more about the costs of the project here33. It’s available via e-mail, RSS and online.
Thanks and all the best,
- 1 /author/anselm-hannemann/?rel=author
- 2 https://wdrl.info/
- 3 http://worrydream.com/ClimateChange/
- 4 https://blogs.adobe.com/photoshop/2015/11/photoshop-cc-2015-and-fuse-cc-preview-available-today.html
- 5 https://helpx.adobe.com/illustrator/how-to/export-svg.html
- 6 https://blogs.adobe.com/adobeillustrator/2015/11/the-latest-release-of-illustrator-cc-is-here.html
- 7 https://blogs.adobe.com/creativecloud/update-about-edge-tools-and-services/?scid=social55826686
- 8 https://blogs.adobe.com/flashpro/welcome-adobe-animate-cc-a-new-era-for-flash-professional/
- 9 https://swift.org/
- 10 https://letsencrypt.org/2015/12/03/entering-public-beta.html
- 11 https://timkadlec.com/2015/12/taking-lets-encrypt-for-a-spin/
- 12 https://secure.php.net/ChangeLog-7.php#7.0.0
- 13 https://laracasts.com/series/php7-up-and-running
- 14 https://secure.php.net/archive/2015.php#id2015-12-03-1
- 15 http://php.net/manual/de/migration70.php
- 16 https://pixabay.com/es/elefante-plastilina-modelo-animales-20071/
- 17 https://github.com/jwagner/smartcrop.js
- 18 https://www.npmjs.com/package/smartcrop-node
- 19 http://www.scmagazine.com/nine-percent-of-https-hosts-on-the-web-share-the-same-private-keys/article/456385/
- 20 http://feross.org/html5-fullscreen-api-attack/
- 21 https://github.com/Snyk/vulndb
- 22 https://boingboing.net/2015/12/01/ironically-modern-surveillanc.html
- 23 http://rmurphey.com/blog/2015/11/25/building-for-http2
- 24 http://accessibility.parseapp.com/
- 25 http://robotlolita.me/2015/11/15/how-do-promises-work.html
- 26 https://medium.com/@Heydon/flexbox-grid-finesse-4d22b80bfee1#.urvo8w81x
- 27 https://24ways.org/2015/animating-your-brand/
- 28 http://documentcss.com/
- 29 https://www.smashingmagazine.com/2015/12/getting-started-css-calc-techniques/
- 30 http://firstround.com/review/the-keys-to-scaling-yourself-as-a-technology-leader/
- 31 http://fortune.com/2015/12/02/elon-musk-carbon-tax-paris/
- 32 https://wdrl.info/donate
- 33 https://wdrl.info/costs/
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.