Hey everyone and welcome to another another edition of responsive design weekly.
This week Apple I took a closer look at what you have to do to your site to make it compliant for the Apple Watch once it starts serving websites, you'll be happy to know that if you're already responsive you're already 95% of the way there.
Our feature site of the week comes from a talk that I went to this week at the offices at IBM in London. The meetup was around HR Technology and the conversational interface that IBM have running with WATSON powering the natural language processing is wonderful. It's only for US jobs at the moment but click on the image to go and check it out, very impressive. | | Headlines An overview from us on the new web browser for the watch. We take a look at how this works, how to optimise your layout for the watch, what to do when integrating forms and what happens with the reader mode. | | | 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 By prioritising the long tail you move the mean result further to the left, and more importantly, further towards the fastest loading scenario. Great article from Tim about what to focus on when working on performance.
One of the most responsive ways in which we can design any interface is to make it more human or at least allow us to interact with it in a more human and natural way. This is where AI, cognitive systems are incredibly valuable.
Harry takes some time to look at the download of images across background-image (in CSS) and using the regular image tag. The results, as you might expect, are mixed across the different browsers that are on the market.
If you love the idea of creating data visualistions and think you can just drop into D3 and emerge at the other end.... well I hope you're right but the chances are this article will help set the record straight and point you down the right road for your particular journey
In Jeremy's very good book on Service Workers (it's actually about going offline, but there's a main role for service workers as the lead actor) he shows the feature detection way in which you call a service worker. He also covers a future-friendly way, which seems like it might never see the light of day :(
I love this article from Chris. He takes a look at a beautiful design on Dribbble and goes through how a front-end developer would look at it and build it out. Chris even uses live code pen examples to showcase how these things would be pulled out.
Speed Curve is one of my favourite paid performance dashboards. With the likes of Steve Souders and Tammy Everts being employee's two and three you can tell they do something right. This week Tammy has written about the introduction of a status dashboard that allows you to take a glance at the performance of a site and get quick visual references around any issues you might want to look a little closer at.
I'm sure you're familiar with px. You've almost certainly used % or EMs, and if you've used EMs there's a chance you've extended to REM. You've also probably tried out the viewport units, vh & vw, and if you've been near Grid at all you've certainly come across fr. Well, the units in this article are even more obscure than those (if you can believe that!)
For a long time I didn't pay for software. I pirate copies, risk viruses with key generators, update my hosts file to trick software... anything to avoid paying for something. Nowadays I've changed, I'm in a better position to afford to pay for the tools that I use professionally, and even the ones that are free I try to contribute towards. It takes a lot of time to build things, this newsletter has taught me that ten times over, so when I'm able to I like to try and provide people who make things able to have a house and eat food while providing them. There are some subscriptions I wish were cheaper... but they're a professional expense and as professionals, we should charge in a way that allows us to pay for and afford the tools we're required to use.
Tutorials
I'm working through some product landing pages for my pocket notebooks and I really like the things you can do with position: sticky without having to worry about fixing things when it's not supported (it's an enhancement and degrades wonderfully). This tutorial shows how you can use some graph related graphics and control them through the scrolling story.
When web components first arrived on the scene I thought they were going to be wonderful, then I thought they'd be terrible, and now I realise they're just like anything on the web. You can have well thought out progressively enhanced web components, or you can have render blocking performance destroying web components... it depends on how you build them.
Tools & Resources Common Voice, Mozilla's initiative to crowdsource a large dataset of human voices for use in speech technology, is going multilingual! Common voice is a tool that you can use to incorporate speech technology into what you're building.
Guess.js provides libraries & tools to simplify predictive data-analytics driven approaches to improving user-experiences on the web.
User flows done right, turn your designs into playable user flow diagrams that tell a story
The components on this site provide new HTML elements that you can use in your web pages and web applications.
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 has been extended until the 19th June, 9am.
| | Good luck to everyone with teams in the World Cup, caaarn Australia!
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