RWD Weekly #317

Bringing you the latest news around building and designing on the web.

View this email in your browser Hello again and welcome to this week's responsive design weekly newsletter. This week we take a look at some simple basics like the brutal web design approach, cutting back a wordpress theme to just 7kb, and tiny Itty Bitty websites created by just having a URL. On the flip side, we look at a site balooning from 7kb to 7Mb. Let's get linking.   Sponsor State of The Browser 2018 State of the Browser is a one day conference on Saturday 8th September in London.  The conference started and continues as an event for everyone in the web community, the goal to make it as accessible to as many people as possible. This is why, unlike many other conferences, we run it on a Saturday so no one has to take time off and we only charge a minimal fee to make sure that our attendees have an assentive to turn up on a Saturday morning.  Heavily discounted tickets are available for students, and they have a diversity scheme for under-represented members of the community. Saturday 8 September 2018 at Conway Hall London. Articles Delivering WordPress in 7KB Jack Lenox takes to a wordpress theme with an axe and comes back with a site that loads almost instantaneously. This, along with the resource below Itty.bitty are great examples of how we can still build websites thin and lean.   Brutalist Web Design A brutal approach to designing sites by focussing on content and making thing accessible. Surely not!   BBC News on HTTPS BBC have gone all green padlock on us now and you might be asking... what took so long? Well, it's not as simple to do with a MASSIVE site serving millions of page views a day. I wonder how far away the PWA version is now...   UX Evolutions: How Firefox Has Changed over the Last 14 Years The history of Firefox over the past 14 years. I remember picking up firefox shortly after it was renamed from Pheonix as an alternative to IE. It wasn't until the second iteration of Chrome that I switched but since the release of Quantum, I've found myself in Firefox all the time now.   Bootstrap 4.1.2 Bootstrap 4.1.2 has hit the stores with a few bug fixes, nothing too major. There was an XSS vulnerability fix for some of the plugins, issues around carousels, and general fixes and documentation improvements.   color-adjust This is a new property that will allow you to specify either economy or exact as values. The 'economy' value will continue to allow the browser/device to change the background or the colour of the text to make it more accessible for the user, whereas 'exact' will keep the value really difficult to read if that's the case.   When 7 KB Equals 7 MB   Tutorials CSS Grid in IE: Faking an Auto-Placement Grid with Gaps This is the third and final part in a three-part series about using CSS grid safely in Internet Explorer 11 (IE11) without going insane. This week Daniel is going to introduce a flexbox technique that will replicate the grid autoplacement technique.   web-riimote Turn your smartphone into a 3D controller with just a web app. No native app needed.   Gallery Grid With CSS Grid   The CSS Paint API   Spacings and CSS Custom properties   Tools & Resources UnusedCSS Unused CSS has a tonne of features including: Automatically find and remove unused CSS rules, Provide clean CSS files to download, Scan Javascript files for CSS rules, Explore responsive design rules and media queries, Regularly check your website for changes, Show a visual diff of the clean CSS file, Set a custom user agent for crawling your website, Compatible with all websites (WordPress, Bootstrap...)   Mirror While maintaining a bit of a minimal theme this week, check out this blogging tool powered by GitHub issues.   Shards Dashboard Lite A high-quality & free Bootstrap admin dashboard template pack that comes with lots of templates and components.   SCSScale Typographic modular scale starter based on body's font-size built on SCSS   cheat.sh The only cheat sheet you need   ASCIIFlow Infinity Need to create a workflow that is text based..... come in ASCII Flow!   Working With Atomic Design and Pattern Lab Online Course If you love using Atomic design and pattern lab then you can now get taught by Brad Frost FOR FREE! Go sign up with Gymnasium and get started!   Itty bitty Create your own small website from a URL.... just like this one   We have DevTools. What about DesignTools?     Draw inspiration anywhere: Affinity Designer for iPad is out now Take the full power of professional vector graphic design wherever you go. Developed with input from some of the world's leading designers, and based on Apple Design Award-winning technology, Affinity Designer is the most ambitious creative app developed for iPad. Available now for just $13.99 /£13.99/14,99€ with no subscription. // sponsored Thanks to those that suggested some of the links for this week, if you have come across something that you found interesting, or have written yourself, hit reply and let me know. Cheers, Justin. Copyright © 2018 Simple Things, All rights reserved. You are receiving this email because you rock! You wanted to know more about Responsive Web Design so you signed up to this list to receive a weekly update with links to articles, tools and tricks of the trade. Our mailing address is: Simple Things Studio 1, Make Space Studios London, London SE17DR United Kingdom Add us to your address book Want to change how you receive these emails? You can update your preferences or unsubscribe from this list