Skip to content

Issue 139

CSS Workshop updates, MDN Live Examples, the future of web layout, DevTools for designers.

Rachel Andrew
2 min read

News

Issue 139

Conference season 2018 is go. Tomorrow I head to Seattle for An Event Apart. I'm also stopping by to do a talk for the Seattle WordPress Community Meetup, it's a free event and I believe there are still spaces. I then head to Berlin for the CSS Working Group Meeting and then back to San Francisco for Smashing Conf.

Smashing Conf are the lovely sponsors of CSS Layout News this week. The line-up for San Francisco is great, and a fancy cat told me that places for my workshop at San Francisco are close to filled. I'd love to see you there if you grab one of the last few spots.

Rachel Andrew, CSS Layout News


The CSS Layout Workshop updated for 2018

I have updated my online CSS Workshop with fourteen brand new videos plus updates to others. If you already subscribe you should find you have access to these. If you don't subscribe yet I am running a sale until the end of this month (March 2018) with $30 USD discount on the complete course - take a look here.

rachelandrew.co.uk


Bringing interactive examples to MDN – Mozilla Hacks – the Web developer blog

I really enjoyed working on the Interactive Examples for MDN, along with folk at Mozilla and some lovely volunteers. There are now examples that you can play with for CSS and JavaScript, making understanding how things work so much simpler.

mozilla.org


Free Virtual Machines from IE8 to MS Edge - Microsoft Edge Development

Microsoft have updated their VMs to include the Preview Build of EdgeHTML 17.

microsoft.com

Learn

The Future of Web Layout - YouTube

You can now watch the Webinar I took part in on the future of web layout along with Jason Pamental. Find out about grid layout and Variable Fonts.

youtube.com


The Periodic Table of Australian Startups Built With CSS Grid 🇦🇺

Creating a table of startups using CSS Grid.

freecodecamp.org


Sticky as a Local Fixed? | CSS-Tricks

An interesting experiment in using position: sticky as a kind of local position: fixed.

css-tricks.com

Interesting

A DevTools for Designers – UX Collective

An article arguing that it is time we had design tools in the browser. I would agree. I've had good success in showing designers the tools in Firefox, even with people who rarely code at all, newer layout methods are far more straightforward to understand and play with. I hope we see more tools that let people work visually in code.

uxdesign.cc


CSS Grid Posters 1

A poster recreated using CSS Grid.

codepen.io

Our Sponsor

SmashingConf is coming to San Francisco again!

SmashingConf is coming to San Francisco again!

Join us for two days exciting days in the beautiful Palace of Fine Arts on April 17 & 18

Some talks will inspire you, and some will give you a list of handy tools. Meet with your peers, get excited about the same technologies and share experiences about challenges. After all, conferences are like fun group therapy. And here we can guarantee you will feel better afterward!

Register for three days and save $100 off the cost of registering separately for the conference and the workshop. Get your tickets today →

smashingconf.com

Newsletter