Web design pioneer, Clearleft chief executive, and UX thought leader Andy Budd chats with Big Web Show host Jeffrey Zeldman about the failings and triumphs of our design community over the past 20 years, why the success of design thinking killed the market for design studios, and how to reinvent your studio or agency for today’s market.
Tagged with “web design” (21)
Published Nov 16, 2017
Sara is a freelance front-end web developer, author, and speaker from Lebanon. She was named Developer of the Year in the 2015 .net magazine awards, and awarded a Web Platform Award from O’Reilly. Sara is the author of Codrops CSS Reference, and is the co-author of Real-Life Responsive Web Design, which focuses on smart “responsive” workflows, effective UX patterns, and powerful front-end techniques.
Time Stamped Show Notes
2:33 – Sara is passionate about the possibilities developers have to build useful things for people and for the generations to come. She believes developers have the tools for building the future, and is excited by the fact that the web is getting more powerful by the day.
3:21 – Sara says that learning and teaching have opened a lot of doors for her. She first got into speaking because of the articles she wrote whilst experimenting with, and learning new features. She actually got her first job from her experiments on CodePen.
4:34 – Burning out after working on a project taught Sara about what to do, what not to do, what to expect, what not to expect, and to tell clients what to expect and what not to expect.
8:16 – Sara explains that she doesn’t use a lot of frameworks or tools. She uses HTML, CSS, and Sass. On very simple projects, she doesn’t even use Grunt, Gulp, or any other build tool like that. She writes with the bare minimum.
9:00 – Sara uses Alfred to speed up her workflow.
9:37 – TextExpander helps Sara save time by allowing her to respond to frequently asked questions in emails she receives using templates.
10:17 – Sara loves Sublime Text as her editor, and uses a lot of the plugins that come with it to help her type less.
10:52 – Sara works early in the morning to avoid distractions on Twitter.
11:27 – Sara removes any applications, such as email and Twitter, from her work computer that are not essential for work.
13:05 – Larry mentions how Dash is an app that aggregates documentation, and also integrates nicely with Alfred. It also has its own snippet manager, similar to TextExpander.
13:56 – Sara finds that she doesn’t have the most productive way to set up projects. She currently uses Jekyll for her website, but the bigger the website becomes, the slower Jekyll becomes.
14:30 – She admits that Grunt, Gulp, Browserify, or Webpack would make her workflow better, but she finds the thought of installing them and getting them to work overwhelming.
15:42 – Sara is excited about CSS Grid, because it’s like a CSS framework without a framework. She believes that there’ll be no need for any kind of CSS framework to build grids and websites in the future. She mentions that she has never been a fan of frameworks like Bootstrap as she feels there’s always too much to edit, change, and fix.
16:21 – Combining CSS Grid with Flexbox is “like magic”.
17:23 – Sara makes time to learn new things when she needs to use new things.
20:17 – Best advice about programming
20:46 – Habits for writing better code
Thinking from a user’s perspective, not only a developer’s perspective. Test components early on – not code testing, but user testing.
21:39 – BookResponsive Design: Patterns & Principles by Ethan MarcotteGoing Responsive by Karen McGraneAdaptive Web Design by Aaron GustafsonInclusive Design Patterns by Heydon Pickering
22:50 – Inspiring devsEthan Marcotte and Jeremy Keith. Sara is inspired by anyone who works for the user and who teaches people in the industry to care about them too. She likes that these two authors teach developers how to write better experiences.
24:40 – How to learn code from scratch
Sara says that she would definitely be overwhelmed at first if she had to learn programming from scratch. She mentions that she is thankful that she had a mentor to help her get started from the right place. She would start with the basics, because she can’t use a tool or a language unless she really understands it.
25:34 – How to work smart
Work healthy. Take care of yourself and to get enough sleep. A healthy body is a healthy mind.
Books, Tools, and Tech Mentioned
CoDrops CSS Reference
The Smashing Book 5: Real-Life Responsive Web Design
Paul Lloyd speaking at Patterns Day in Brighton on June 30, 2017.
Patterns Day is brought to you by Clearleft.
This episode kicks off a brief series of interviews with independent web designers. First up, we talk with Frank Chimero about his responsive design practice and the latest iteration of frankchimero.com.
Pattern libraries can help you streamline the design process and build a flexible system (instead of static pages). Today we’re exploring this concept with Laura Elizabeth — a fantastic designer, writer, and speaker. You’ll learn how to plan and build a pattern library, how to document it, and how to make your clients fall in love with the result.
Double Your Freelancing — the website Laura is now redesigning with pattern libraries
Design Academy — Laura’s design course for developers
Style Tiles — another concept for web design process
Styleguides.io — great collection of website style guides
Episode 26: Bridging the Gap Between Designers and Developers with Roger Dudler
— our episode with the founder of Frontify
Laura’s official website
Client Portal — Laura’s product that helps keep all client deliverables in one place (use your special promocode uibreakfast to get $100 off)
Follow Laura on Twitter: @laurium
Right before a role=drinks meetup I had a very pleasant conversation with Léonie Watson about what quality means to her. Her definition of quality may differ a bit from many other digital designers and engineers. Léonie turned blind 16 years ago, so certain things we consider to be important might not even exist for her, and the things that are most important to her may not be the first things designers and developers think about.
We talked about why so many websites are badly built. About the fundamental basics that are missing in many of the frameworks that developers like to use today. And about the designers who believe that wow-experience is more important than user experience. We also talked about the future of technology, incredible things like AI, and how this may make life so much easier for so many people: I like the idea of self driving cars, Léonie needs one. But we also talk about some of the conflicts that exist, for instance between accessibility and privacy, or between different needs of different people.
It was a pleasant conversation. And the tea was nice as well.
What are your thoughts on atomic CSS? Is responsive web design making traditional web design less important? How should you animate between pages of websites? Does podcasting while wearing suits make for a better episode? It’s a RapidFire episode celebrating our 234th episode.
Q & A
5:15 I’ve just start as a freelancer and I’m asking myself what I do for the billing when I’m using a web font from a service like TypeKit?
8:15 Could the device-width media feature be used to achieve common break points between iframes and their parent pages? How can you get these in sync? Sample CodePen
14:23 I’ve been trying to improve the build automation where I work. Your ideas/thoughts on how this could be achieved and on the speed differences in FE task runners would be great.
22:10 How do you manage the web development process? I often feel like I’m at a constant battle between a “good” product and satisfying my boss?
28:00 I feel a little reluctant to include open source marital in something I would present to a possible employer, is this hesitation justified?
33:32 Are single-use classes a good way to go for a large, shared codebase? I work for a large company with multiple front-end devs on each project, and the more I look at our growing stylesheet, the more I feel this is a way to go.
42:37 I am wondering if traditional design is becoming less important. I started feeling this way few years ago. With RWD, designers don’t create new design but we just pick a design pattern. Sometimes I wonder if my clients will have just as much success if they just used something like Squarespace.
51:50 A lot of clients are asking for sites with lots of animations and site transitions. Have you heard of anything like that?
Dave and Chris wearing suits
Marvel Group on RWD Podcast
Media Temple * 32:05
Media Temple’s wildly popular Grid Hosting has been revamped! The Grid Personal plan is now only $20 a month and gives you 100 sites, 100 databases, 20 GB of SSD storage, 1000 email boxes, and more. If you outgrow that, for only $30 a month you get five times that on the Grid Pro plan.
We use Media Temple hosting right here on ShopTalk Show!
Visit Media Temple and check out the updated Grid Hosting plans
Shoptalk Show Job Board
Standard Podcast [ 58:56 ] Download
Wilson Miner is the Director of Digital Design for The California Sunday Magazine. His career has spanned Facebook, Apple, and the now-defunct Rdio. We discuss highlights from Wilson’s career, his famous “When We Build” talk, why design alone couldn’t save Rdio’s illustrious streaming music service. (Photo by Monica Semergiu.)
The landscape of what’s possible in web page layout is changing. Jen has a theory that this change will be a big one — perhaps the biggest change to graphic design on the web in over 15 years. Rachel, Jeffrey, and Eric join her to debate if that’s true or not, and to surmise what the future might bring. This special episode was recorded live at An Event Apart Nashville.
Aarron Walter and Jeffrey Zeldman discuss launching a design education initiative at
InVision, building a UX practice at MailChimp, putting design at the heart of strategy, managing teams, the secret life of Walt Disney, and more.
Page 1 of 3Older