Hello and welcome to RWD Weekly Edition #275
I've just returned from the Reasons to: conference down in Brighton and all I can say is WOW. The three days were jam packed with inspirational AND practical talks from a range of different creative people. It ranged from paper modellers to performance engineers, from typography nerds through to literal cyborgs with lots of fun in between. If you missed it, make sure you add it to the list of conferences next year.
One of my favourite talks over the three days was from Frank Rauch who spoke about "Typography is Code". Frank used is awesome app V for Wikipedia to showcase how he used code (regular expressions) to rework some of the unstructured content and provide some hooks to provide a beautiful experience. I highly recommend picking up the app too.
Headline
I'm on the same side as Aaron on this one, there's no reason to ignore turning any site you're building into a PWA, which by definition is simply running on https, creating a web manifest file and including a service worker.
Ethan discusses a lot of the things that I think about when someone asks me if I'm using AMP. While it's unquestionably awesome that someone is trying to make the web a faster place, AMP is not the right way to go about it. Ethan covers some great points in his usual eloquent way, a great read. | | Establish your brand online with a custom domain name and online store. With instant access to hundreds of the best looking themes, and complete control over the look and feel, you finally have a gorgeous store of your own that reflects the personality of your business.
| | Articles What an amazing effort for 2 days! This is the kind of stuff that really excites me about the potential future of the web and the ability for us to design and build brand new 'websites'.
Mark just keeps on improving Speed Curve and this week has released a new waterfall chart complete with browser events, collapsible sections, and screenshots.
What is next in AR/VR...
Great insight into how the development team at Guardian go about updating a deploying their website.
As I'm about to step on stage for my talk on RWD at the Adobe Max conference in October the Windows 10 October release will be shipping with full Grid Support.
Simplecast is a podcasting must have in my books. It hosts the files for you, provides statistics, and it even gives you a really nice clean looking website for your podcast if you need. Now they're getting even more features. If you're podcasting or looking to get started, you'd be a fool not to check them out.
Typekit are now providing you with a CSS file of your own to serve your fonts over without having to resort to Javascript. It'll be interesting to see if this is going to be widely picked up.... I think the chances are most people that are NEW to the service will use it but how many existing implementations will go back to retrofit this fix?
Tutorials A really specific review of the repeat(auto-fit, 200px) for grid-template-columns that allows you to build responsive flexible grid columns without having to worry about declaring any media queries.
A great little example trick on how to load elements into a design as placeholders while the data still pulls down from the database. Think of the way slack preloads the conversation on load, or how Facebook fills up the timeline.
It's not just the front end that should be looking good and responsive, but the code behind it should allow for your content to be rendered anywhere (including search results). This tutorial takes you through the types of schemas that are available and how you can add them to your (wordpress) site.
If you're looking to switch from Chrome to Firefox the chances are that you are going to want to know what Dev Tools can do. While I still favour the Chrome Dev Tools, things like the CSS Grid Inspector are super helpful for me at the moment.
If you're anything like me you've probably added a lot of CSS to your site over the years without 'pruning' back the bits that no longer exist. While this isn't the end of the world, it means that your CSS file continues to grow and send un-needed styles down the pipes. This explains how you can find those unused elements and lighten the load.
Parsons School of Design in NYC Has Launched a 1-Year Master's for Design Professionals Focusing on Digital Product Design. Learn more!
// sponsor 
Resource JavaScript beginners: Learn JavaScript without feeling afraid, overwhelmed, or confused.... a new email course built by Zell who is one of my most favourite online teachers of front end web concepts.
I've been using the same wireframe kit in OmniGraffle since 2009 and I might just switch across to XD with this one. Aside from being able to provide the wireframes, I can also add interactions between the pages to help show the user flow.
Prioritize above the fold content with this tool from SiteLocity.
CodePen A really wonderful grid layout taken from print and reproduced in the browser.
Finally I love the Uncle Sam style they have Jeffrey in for this article. With A List Apart coming up to 20 years in the business they're reaching out to the community to come on as a volunteer to help make the site better. Do you have some time to contribute back to our wonderful web community, then check out the article and send something in.
That's it for this week. See you next week!
Cheers,
Justin. | | | |
No comments:
Post a Comment