Hello and welcome to RWD Weekly edition #285.
The RWD Tees are still up on Cotton Bureau but will only be there for another couple of days. This is probably the last chance you'll have to pick one of these up now, so don't miss out and order yours now.
Let's get to some links! | | Headline Last week I wrote about although I've moved across to Firefox as my default browser I was still going back to Chrome for the dev tools. Well this week Firefox Developer edition #58 has been released with some great new Dev tools features. Winning!
An overview of the affordability of accessing the internet across the Globe in 2017. It's not cheap, but one positive we can spin from this is that we have a plan and know what we need to do to turn things around and make it more affordable. You can do your bit too, try not to post a 4MB picture of someone eating some salad on the next site you build. Optimise the delivery of your content and always, ALWAYS, prioritise content over non-essential stuff that pops. | |
After 7 successful and sold out years in Düsseldorf and Berlin, beyond tellerrand, the well-known community event around design, technologies and development stops in Munich to kick off 2018 in a creative and engaging way. Meet old friends and make new friends during two days of exchanging ideas, learning and networking. | | Articles A month or so ago we covered the fact that TypeKit were now providing their fonts via a CSS option as well as the Javascript implementation they've always had. This comes into line with the way in which you can request fonts from Google Fonts too. I didn't reaslise at the time that TypeKit had not rolled this change out to all of their customers, but now they have. I prefer this method of calling fonts, but these days I'm trying to avoid calling fonts altogether.
If you want to get started with CSS Grid then try and replicate some of these web layouts. Jo has already built them so there's code for you to test out, but half the fun is working on your own solution.
Web fonts were an amazing step forward towards creating a more beautifully designed web. No longer were we restrained by the handful of choices that "Web Safe" fonts provided us, we now had the ability to bring just about any typeface to the web in the knowledge that everyone would see the same thing*.
Lately I've been including a lot of a links about Progressive Web Apps so I thought it would be a great idea to cover this article from Jeremy about what that actually defines. Jeremy is always very eloquent with his words and he gets the essence just right.
Nothing better.... except for email newsletters AM I RIGHT?!?!
Actually, in the article David addresses email newsletters as well. To be honest, I get a lot of my content from RSS feeds, but I work through a LOT of articles to handpick the best of the bunch for you to enjoy. If you're were keen to get these on RSS you can too through our RSS news feed, or they're posted on Twitter, and our Facebook page. Anyway, I try and cover all the bases and RSS is a integral part of that.
Tutorials I'm really interested in how we can expand our traditional content and our concepts of the browser with VR and AR. My commute this week has been filled mostly with getting a really simple AR going to show the Earth rotating when using the Hiro marker, so this tutorial really interested me with the ability to be more adventurous with your markers.
A nice look at the overview of how a single page layout comes together using CSS Grid and Flexbox.
When creating layouts with CSS Grid a question that I get quite a bit is how to style the gaps between the grid items. Unfortunately, for now, this isn't possible within the specification and none of the browsers have provided support for the styling of grid-gap yet either. The fix that I always refer to is to apply a background colour to the containing div which will show through the cracks. In this article Eric Meyer explores a few options and how they might come unstuck.
Couldn't agree more... Turn. It. On.
162 ways (as of yesterday) that you can use Chrome Dev Tools to help you debug your site presented in Gif format.
A step by step approach around the different options you have for using a Service Worker to provide an offline version of your site to visitors.
Tools Let's say you have something running locally and you want the world to see it (or at least you want your client/friends to see it from where ever they might be). Well Cloudflare now gives you that capability with their new product called Warp.
A great set of reports that are pulled using the huge amounts of data in the HTTP Archive. These allow you to paint a picture of the changing landscape of the web from JavaScript, Images, Page Weight, Loading Speed and the adoption of HTTPS for example.
Stylable enables you to build reusable, highly-performant components. Each component exposes a style API that maps its internal parts so you can reuse components across teams without sacrificing stylability.
A tool for defining design systems and using them to generate cross-platform UI code, Sketch files, images, and other artifacts from AirBnB
The webpack wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets.
.design domains were just released and some of the best ones are still available. Normally cost $35 but Responsive Design Weekly subscribers get them now for FREE //sponsor
Looking for a job?
Dawson Andrews are looking for talented JavaScript developers with experience building applications in React, Vue or Angular to join their team on a 3-6 month contract to work on digital products. UK/US for remote/onsite.... however you work best.
You'll be working with a talented team of designers, developers and strategists with a proven track record of delivering successful digital products to millions of users and you'll be rewarded handsomely for doing so. Please contact jobs@dawsonandrews.com if you are interested.
Finally
That's it for this week. I just realised that it's only another 15 weeks until we reach the 300 milestone, I think we should do something special for that!
See you next week!
Cheers,
Justin. | | | |
No comments:
Post a Comment