Jen Simmons is back to talk about what’s new in Firefox including a dev tools update. We also chat about sub grid, variable font support, and discuss whether all the new stuff that’s been added over the last few years heralds a new era of web design.
Tagged with “grid” (11)
This week we discuss CSS Grid Layout with Jen Simmons, Designer Advocate at the Mozilla Foundation. We also cover how web standards are made, how that’s different from the past, and how to keep up with it all.
Grid is getting a ton of support in modern browsers and so we’ve got a couple of grid experts in Jen Simmons and Rachel Andrew on to help us navigate the grid – what is it? When can we use it? How do flexbox and grid play together? What about Bootstrap?
7:00 What is grid? And what does it mean?
16:30 What’s the mobile story for grid?
22:30 What is grid and why should someone be excited about it?
27:40 What about all that extra CSS with grid?
36:10 What’s autofill?
47:40 How do flexbox and grid play together?
1:01:02 When should you use something like Bootstrap?
I’m having a hard time containing my excitement for CSS grid: a spec thats been in the works for a while, but is finally here! News of grid has been exploding in popularity on the web as its becoming increasingly implemented in browsers (upvote here for Edge). Firefox also just came out with a pretty sweet Grid editing view in its developer tools, and I imagine Chrome will soon, too.
Everything about web page layout is changing. New CSS specifications will make it possible to do designs we’ve never seen before. Rachel Andrew joins Jen Simmons to talk about what’s happening.
We may not have jetpacks and flying cars, but artificial intelligence is taking ever greater strides.
This week on the podcast we look one day into the future at some of the biggest technological designs of the next few years set to beam out of this year’s dConstruct Conference, part of the Brighton Digital festival.
Joining Alex Hern on the panel is time traveller Ingrid Burrington who argues that the time machines of today don’t look like Deloreans, they look like NTP servers, real-time data streams and predictive models, Nick Foster an industrial designer working on future projects for google and Carla Diana who thinks that the robot takeover will start in our kitchens.
Jeremy and Ingrid geek out together on the physical infrastructure of the internet, time travel narratives, and William Gibson’s The Peripheral (contains a spoiler warning, but no actual spoilers).
Ingrid Burrington writes, makes maps, and tells jokes on a small island off the coast of America. She’s a member of Deep Lab, the author of Networks of New York: An Internet Infrastructure Field Guide, and currently an artist in residence at the Data and Society Research Institute.
The first in this series features James Bridle and Ingrid Burrington, discussing "The Black Chamber". As technology advances and becomes increasingly networked and integrated with our daily lives, it tends towards a greater invisibility, a seamlessness and an unreadability. From the Cipher Bureau to Room 641A, from the datacenter to the iPhone, from the drone command module to the shipping container, the black boxes of the network litter the contemporary landscape. Unable to see inside them, we construct fantasies about their use, develop new ways of thinking about them, and attempt to probe them through techniques legal, technical, and magical. Eyebeam Residents Ingrid Burrington and James Bridle will explore the aesthetic and imaginative space of the black box, and outline some of their own practices for approaching them. http://anything2mp3.com/
All about grid systems for the web — why and how. What makes a grid great? How do you create your own? What about responsive web design? Expert Mark Boulton explains.
Ethan Marcotte: Responsive Web Design Interview — The Way of Responsive Web Design | Design Interview
Ethan Marcottee explains responsive web design. He also takes us through his own process to building a responsive site which includes applying media queries and designing for the mobile.
Page 1 of 2Older