neil / tags / web design

Tagged with “web design” (21)

  1. 5by5 | The Big Web Show #181: Last Agency Standing – with Clearleft’s Andy Budd

    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.

    http://5by5.tv/bigwebshow/181

    —Huffduffed by neil

  2. Sticking to the essentials, with Sara Soueidan | Fixate

    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.

    18:48 – “Java is to JavaScript as car is to carpet.” Sara studied Java in university. Learning that there was a fundamental difference between Java and Javascript, and that there was a mental shift required in order to work in the different languages has changed the way Sara views technologies.

    Quickfire Questions

    20:17 – Best advice about programming

    Learn the basics. Learn HTML, CSS, and native JavaScript before rushing into frameworks. Learn what you need, when you need it.

    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

    CodePen

    Sass

    CodeKit

    Alfred App

    Dash

    TextExpander

    Jekyll

    Sublime Text

    Browserify

    WebPack

    The Smashing Book 5: Real-Life Responsive Web Design

    Contact Sara

    twitter: @SaraSoueidan

    website: www.sarasoueidan.com

    http://fixate.it/podcast/sticking-to-the-essentials-sara-soueidan/

    —Huffduffed by neil

  3. Patterns Day: Paul Lloyd

    Paul Lloyd speaking at Patterns Day in Brighton on June 30, 2017.

    A one-day event for web designers and developers on design systems, pattern libraries, style guides, and components.

    Patterns Day is brought to you by Clearleft.

    https://patternsday.com/

    —Huffduffed by neil

  4. UI Breakfast Podcast. Episode 47: Using Pattern Libraries in Web Design with Laura Elizabeth

    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.

    Show Notes

    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

    http://uibreakfast.com/47-pattern-libraries-web-design-laura-elizabeth/

    —Huffduffed by neil

  5. Léonie Watson — The Good, The Bad, and The Interesting

    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.

    https://vasilis.nl/gbi/2016/10/09/leonie-watson/

    —Huffduffed by neil

  6. 234: Rapidfire 70 - ShopTalk

    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?

    Links

    Dave and Chris wearing suits

    NPM Scripts

    Marvel Group on RWD Podcast

    Atomic CSS

    Sports.Yahoo.com

    Modular CSS

    Labs.Jensimmons.com

    Barba.js

    Paravel Portfolio

    Sponsors

    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

    Job Mention

    Shoptalk Show Job Board

    Standard Podcast [ 58:56 ] Download

    http://shoptalkshow.com/episodes/234-rapidfire-70/

    —Huffduffed by neil

  7. Hired. - Wilson Miner: Design alone couldn’t save Rdio, The California Sunday Magazine

    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.)

    https://hired.fm/seasons/3/episodes/3

    —Huffduffed by neil

  8. Predicting the future with Rachel Andrew, Eric Meyer, and Jeffrey Zeldman | The Web Ahead

    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.

    http://www.thewebahead.net/115

    —Huffduffed by neil

Page 1 of 3Older