An amazing story, Torching the Modern-Day Library of Alexandria, of the process that has been the complete digitisation of every written book by Google, and the likely chance that you will never be able to access them.
During my holiday this week I read "Change is Good" after backing it on Kick Starter last year. It's a story of the wild west internet days in the late 90's before the dot-com crash. The story follows the IPO of a fictional search company called GNUhere and is told from many points of view. The reason I mention this, other than it's a great book, is that GNUhere's goal was to make a better, more connected, and more educated world. This is what I used to this Google was trying to do, and I hope is still their ultimate goal | | Headlines With Progressive Web Apps being the next biggest thing since RWD there are a few best practices that we're working through as more and more examples are being created. The one that I like the most is the prompt for users to let them know that a newer version of the PWA is available (from the one they've just retrieved from cache). This tutorial from Dean walks you through how to create this for your users.
A wonderful (and entertaining) piece of writing from Diana Smith this week. You're probably familiar with Diana's CSS drawings, but this is more than an article on pushing the boundaries with CSS, the must read for the week. | | | What would be the best way to learn and improve your skills? By looking over a designer or developer's shoulder! At SmashingConf Toronto taking place on June 26–27, they will let us do exactly that. All talks will be about running live coding and design sessions on stage, showing how speakers such as Dan Mall and Lea Verou, Rachel Andrew, and Sarah Soueidan design and build stuff — including pattern libraries setup, design workflows and shortcuts, debugging, naming conventions, and everything in between. | | Articles One of the things that often gets overlooked during a website project, which is pretty ridiculous, is the words that go onto the page. In this article from Boxes and Arrows, we see how it can make a huge difference to the users' experience.
DevTools have started showing the autocomplete drop-down with available CSS Custom Properties for the current element. Which makes debugging/theming development much easier.…
If you're using Code for development these days this might be of interest to you. If you move the sidebar to the left you won't get the code/text reflowing when you show hid the panel. Great for video/visual tutorials.
I'm pretty sure that you're already dabbling in Grid and Flex already, but now it's up to 84% and 95% for Global Support.
Check out some of the brilliant engineers that are working on Bustle. Zahra Jabini, Una Kravets, Jane Kim talk about their majors, why they got into engineering, the culture at Bustle and what their ideal work space is like.
Tutorials
Any Front-end developer is going to spend a lot of time typing and manipulating code. It pays to know how to 'drive' your editor to get the best performance.
There's a simple pattern Dan Abramov find immensely useful when writing React applications. If you've been doing React for a while, you have probably already discovered it, but Dan adds a few tips for those of you struggling to come to grips with React.
A primer on appropriately using aria-hidden='true' and role='none/presentation'. They each do very different things to elements, but their purposes are sometimes confused by developers.
After going on and on about CSS layouts with Grid and Flexbox here's something that can get you all started from the basics. Rachel Andrew is probably the best person to learn from (for me it's between Rachel and Jen Simmons for different reasons), and this tutorial will get you up and running and take you from zero to hero... just what you need for a Friday.
Tools We've featured VDS before, but now Viljamis has released version 3.0. Vue Design System provides you and your team a set of organized tools, patterns & practices and can work as the foundation for your application development. This version is running Webpack 4, contains separate views for all components, includes a tone and voice section (very not Vue, but ultimately important for any product), includes support for Safari 10 plus much more.
The Natural History Museum has developed a Progressive Web App for kids - Dippy! I went through it with my 4yo and he loved it, and if you want to work on things like this check out the job ad below...
This study guide is inspired by "A Study Plan to Cure JavaScript Fatigue" and is mildly opinionated in the sense that it recommends certain libraries/frameworks to learn for each aspect of front end development, based on what is currently deemed most suitable at the company who developed the guide --> Grab.
kepler.gl is a data-agnostic, high-performance web-based application for visual exploration of large-scale geolocation data sets. Built on top of deck.gl, kepler.gl can render millions of points representing thousands of trips and perform spatial aggregations on the fly.
The privacy-friendly and GDPR compliant way to add tracking to your website. Get consent before loading third party tracking scripts.
AssetGraph is an extensible, node.js-based framework for manipulating and optimizing web pages and web applications. It's the core of the third generation of the production builder tool that is being used at One.com for some of their web apps. Tools for developing, documenting, and testing React component libraries
Jobs The Natural History Museum is looking for two Senior Web Developers to join the team and work on the public facing digital experience. Salary £36-41k. Closing date 11th June, 9am.
| | It's good to be back in the swing of things again.
Thanks to those that suggested some of the links for this week, if you have come across something that you found interesting, or have written yourself, hit reply and let me know.
Cheers,
Justin. | | | |
No comments:
Post a Comment