Hey everyone and welcome to the 298th edition of the RWD weekly. This week our feature image comes from Susan Robertson who recentely redesigned her blog and included CSS Grid. I reached out to Susan to fill in a few blanks which you can read more about, but it was great to see Susan experimenting with new techniques on her own blog.
Our headline this week is all about Element/Container Queries, and we also learn a little bit more about AMP for emails as well as the risks of including 3rd Party CSS Files on your site.
Let's get linking! | | Headlines Philip Walton describes how we can implement Container/Element queries today using the ResizeObserver. At the moment, ResizeObserver is only supported from on Chrome version 64 and higher, but I suppose the fallback is just the way we do things now.
| | | Wondering how users are taking to that new redesign? FullStory removes all the guesswork by showing you every click, swipe, and scroll. Best of all, you can try it for free. | | Articles From a lover of interactive emails comes this new look from Jason who really wants to see emails become better and the web faster... but not at the expense of the open web.
_Amp goes against web standards. It's essentially creating a fourth, proprietary language beyond HTML, CSS, and JavaScript._
We've always been warned about how dangerous 3rd party JS can be, but did you ever consider the damage that CSS could do? I'm not talking about making your font-family: comic-sans either... it can do some significant damage to your pages as Jake points out in this article.
An interesting story about the inner workings at Google as a software engineer. I'm not sure this is specific for Google though, I'm sure you will draw a lot of parallels at places you work or have worked for as well.
Tutorials Lean in close. I'm going to let you in on a little secret… CSS Grid is ready for production — like right now.
While subgrids are being worked on by the W3C group and browser vendors here's a mixin from Zell that might help you out to get the right CSS Grid Layout.
Have you ever wondered how many people are printing out your web pages? Me neither, but if you were it might be difficult to work that out. In this tutorial, Harry Roberts shows you how you can do that with tracking pixels
Videos (7) Writing code that works in all web browsers at the same time is one of the most important things we do. New technology is coming out all the time. Yet many of the people visiting the websites we build are using old browsers. How can we use new CSS if it's not supported in every browser — especially when users keep using old, crufty browsers?
Jen Simmons tells you how in this seven part video series
Ironhack is Europe's leading coding school. Become a full-stack web developer in 9-weeks. Next courses start in Berlin in May. Apply now!
// sponsored
Jobs Wonderbly are looking for an experienced digital designer to join them for several short projects. In this role you'll work with their Story Producers and Product Managers to create new user interfaces and creation experiences for customers making their amazing books.
If you have a position you're looking to fill and want people just like you then get in touch so we can help you find someone through the newsletter.
That's all from me this week. If you've read something interesting, or even better yet if you've written about something you've done please hit reply and share the love/knowledge/link.
See you next week.
Cheers,
Justin. | | | |
No comments:
Post a Comment