Hello and welcome to the first RWD Weekly edition of 2018!
Over the holiday season I managed to stay offline for the most part and spent most of it consuming far too much food and drink. Every year I always planned to use the time off between Xmas and New Year to finish an online course of catch up on and prototype all the wonderful geeky advent calendars, but as the years have rolled on I find that the holiday period becomes and busier and busier with family (plus, hosting the festivities for three years has had its challenges).
As a result I'm looking at this New Year period with excitement to learn new things! I'm off to the first conference of the year, Beyond Tellerrand Munich, which I'm really looking forward to seeing. Vitaly from Smashing Mag will be talking about RWD, Marc Robbins from Rebel who will be covering off interactive emails which I'd love to start doing as well. That's in 2 weeks time so I'll have lots of examples to share then.
For now, welcome to 2018 and get stuck into these links.
| | Headlines Some really impressive real life improvements on sites when it comes to performance. Each of these examples take a slightly different approach to their performance improvements so there's certainly going to be something you can do on your own site.
There's more to HTTPS than just security, so the next time someone scoffs that their simple site doesn't need HTTPS then you can give them a couple more reasons why it makes a difference.
| |
This hands-on course empowers you to build responsive websites that look great and perform even better across multiple devices.
thegymnasium.com | | Articles Just before the new years we had an update from Bootstrap who released the third beta in version 4. Beta 3 primarily focuses around our forms, but it also includes key fixes to tables, some global styles, our documentation, and some JavaScript bugs.
If you're having trouble with CSS the chances are you've solved your problems on CSS Tricks, Stack Overflow, or the ever growing and amazing MDN documents. Now the flexbox guides have been updated thanks to Rachel Andrew.
Tinder are swiping right on the web now and have seen much more engagement as a result. Addy Osmani takes a look at all aspects of how this was achieved with a focus on performance.
A great example of how you don't need to code anything to get a prototype up and running to find best use cases for a new idea.
If you're loading polyfills for everyone then you're essentially punishing the users that are using the latest and greatest browsers. These are our friends, the people who stay up to date so you can use Service Workers, Grid Layout, Promises, fetch... we should make sure they have a great experience too
Tutorials 14 interactive screencasts on CSS Grid to take you from beginner to advanced.
Sara Soueiden clears up the difference between CSS Grid auto-fill and auto-fit with some visual examples. They can look very similar, but once you start changing the viewport you will see which is more applicable for your particular need.
These are typography 101 basics, but important to know.
Tools & Resources A playground/article that illustrates each of the font-display properties to make it clear what impact they each have on the page load from a visual and performance point of view.
A great checklist to print out and run through for all of your website builds this year.
Blazing fast, zero configuration web application bundler
New Orleans March 26-28 1 day of Full day workshops & 2 conference days. Learn from the core Vue.js team about how to take responsive web development to the next level
// sponsored
Great to have you back again for another year. If you've written anything recently send me a link and let me know so that I can help spread your great work with the rest of the community. Until next week, stay responsive!
Cheers,
Justin. | | | |
No comments:
Post a Comment