Hello and welcome RWD Weekly edition #277.
Thank you to everyone that entered the Frontend Masters contest last week either through email or the tweet (or both as some of you took the opportunity). All entries were dropped into an electronic hat and I want to congratulate George Rodriguez who was chosen by the random list generator. Thank you also to Chris from Front End Masters for making this available.
Let's get to those links. | | Headline Parametric font technology will help us improve the user experience by enabling us to optimize how fonts are displayed on all sorts of devices.
Ada takes us through the approach of CSS Grids, CSS Custom Properties and Web Animations in this review of each of the new techniques we can use to make it both easier and more interesting to build and design the web | | | You could win a trip to San Francisco to attend the 2017 UX Awards and explore the best and brightest in digital design innovation. Get personalized advice at an exclusive meet-and-greet with three of the event's industry-leading judges, then start creating with a suite of best-in-class design tools. Enter by Sunday, October 22, to win! | | Articles If you, like me, are using *.dev as your local TLD then you're going to be affected by an Chrome update in the next release. The next release will force the browser to switch to https automatically on the .dev domains. Annoying, yes, but let's face it.... if you're doing local dev and pushing to a live site then it's probably time you set up both sites with SSL anyway (it's certainly forced me to do the same).
iOS 11 brings some new, perhaps unintuitive, behaviour around the status bar area which will be particularly important for developers using tools like Apache Cordova or Ionic, but also for anyone that builds a website that might want it to render full screen on the mobile.
I feel like I'm a million years behind... Alright, so that's an exageration, but I'm certainly a couple of months behind. CSS Round Display tells the web pages how to behave on a non rectangular screen - or like it is literally called - on a round display. This is precisely how we're going to get around (pun intended) the notch on the iphoneX without having the white bars.
A blog post based on a talk from Henrik Joreteg about why he's such a big proponent of the Web.
Tutorials Learn how to make real-time changes to this website with Chrome DevTools. This is a real 101 for this but everyone has to start learning somewhere.
Dealing with round screens and notches. Bloody notches!
Service workers can sometimes hold onto thing that you just wish they'd let go (we've had those people in our life at one point). This tutorial talks you through how to unregister and update service workers when you're 301 to a new url.
This article will cover all the fundamental concepts you need to get good with the CSS Flexbox model. It's a long one, so I hope you're ready for it.
The tutorial that goes along with one of this weeks code pens.
My favourite conference of all time is back and this time Marc is running it our of Munich next January. I'm always a little sad once the highs of Christmas and New Years are over so I'm booking my ticket to Beyond Tellerand Munich so that I've got something to look forward to in January. With speakers like Harry Roberts, Vitaly Friedman, and Simon Collison you can begin to see why this is one of the best conferences around.
// sponsor 
Resource Infusion is a high performance generator of rich and accessible documentation sites in the form of progressive web applications (PWAs). That means the documentation sites you create can be saved to your devices and read offline.
A complete breakdown of the CSS support for the most
popular mobile, web and desktop email clients on the planet.
Finally
That's it for this week. See you next week!
Cheers,
Justin. | | | |
No comments:
Post a Comment