POPULARITY
Show DescriptionDealing with AI creating fake work by famous artists, HTML is actually a programming language, Chrome 133 updates, attr updates, making "this" less annoying, and Scott Jehl's trying to standardize Async CSS. Listen on Website →Links This Aged Great! Faking William Morris, Generative Forgery, and the Erosion of Art History HTML Programming Language HTML Semantics Consensus CSS attr() Upgrade Making this less annoying Powerful Apps for Mac & iOS Let's Standardize Async CSS! Off The Main Thread Sponsors
Scott and Wes talk with Scott Jehl about the benefits, challenges, and use cases of web components, particularly in design systems and performance. Show Notes 00:00 Welcome to Syntax! 00:55 Scott's background and career Responsible Responsive Design Webpagetest.org 06:46 An overview of web components 09:06 Why should people care about web components? 13:16 Should you write your own web components? 14:39 Reactivity in web components 15:56 DOM parts 18:23 Styling web components 22:08 Brought to you by Sentry.io 22:33 CSS custom properties Mux Player Customizer 24:28 Responsive video 28:27 The polyfill use case 30:55 Shadow DOM challenges 36:04 Web components in design systems 41:58 How are people using web components? 43:25 Web components and server-side rendering 45:00 Scott's thoughts on build tools 47:33 Sick Picks & Shameless Plugs Sick Picks Scott: Enhance Shameless Plugs Scott: Squarespace is hiring Web Components Demystified - Get 30% off with coupon code “syntax” Web Components Community Group Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads
Chris and Dave live from An Event Apart in Denver talking awkward break points, the npm web, Scott Jehl web criminal, web components, what is the purpose of a website, Svelte, and how does Figma do it?
Berlin Germany 01:26am 2020-09-01 The weekend was in the name of my Protecting African Lions (PAL) story, the Harmon Brothers course of writing ads that sell, and then on Monday I had my usually pro bono nonprofit day where I worked on tips for creating social media content (and videos) and website performance report for that nonprofit; I finished the day with a great 4-hour call with a Dutch buddy of mine and some SNL watching on YouTube --- Send in a voice message: https://anchor.fm/iian/message
Phil’s guest on this episode of the IT Career Energizer podcast is Scott Jehl. He is a designer and developer working at Filament Group. He is a tireless advocate of practices that ensure web access for all and is always chipping away at open source projects with his colleagues at Filament. He is also author of Responsible Responsive Design, co-author of Designing with Progressive Enhancement and a frequent presenter at conferences throughout the world. In this episode, Phil and Scott Jehl discuss why you need to follow and engage on Twitter. The benefits of sharing what you know, as you learn it. How to give succinct, yet informative, speeches. Scott and Phil also discuss the challenges the roll-out of superfast networks is going to throw up. KEY TAKEAWAYS: (3.41) TOP CAREER TIP Stay active on Twitter. A lot of important stuff starts with conversations on Twitter. So, stay engaged there. Be curious, listen and ask questions. Share what you know as you learn. It does not matter if others are likely to already know or not. Putting it in writing will benefit you and, usually, many others. (5.24) WORST CAREER MOMENT When Scott first got started as a public speaker he had a deeply embarrassing experience. Despite preparing well, he found himself only halfway through his slide deck with just 5 minutes to go. He tried to bring it all together. But, he still ended up looking pretty bad in front of hundreds of his peers. Scott has now come up with a way of preparing his speeches so that he never overruns. A technique he shares in the podcast. (7.44) CAREER HIGHLIGHT Scott and the Filament Group were lucky to be at the forefront of responsive design and working with the Boston Globe. Their readers mainly used IE, which at the time, had no support for media queries and CSS. Scott was able to write a script to address that complex and difficult issue. It was exciting, challenging and interesting work. (9.43) THE FUTURE OF CAREERS IN I.T Scott sees it being even easier for I.T professionals to work remotely and flexibly, in the future. So maintaining the right work-life balance will become far easier. He is really excited to see bigger audiences, throughout the world, gaining access to the web. It is amazing the difference it is making to people’s lives. The emergence of new browser standards and technologies is having a hugely positive impact. (11.47) THE REVEAL What first attracted you to a career in I.T.? – Scott’s background in graphic design led naturally to a career in I.T. What’s the best career advice you received? – You can do anything in two weeks. In the podcast, Scott explains how any IT professional can use this advice to achieve more. What would you do if you started your career now? – Scott says he would take some of the online boot camp tutorials, early on to accelerate his career. What are your current career objectives? – Right now, Scott is most interested in performance and accessibility. In particular, how devices can parse and evaluate script fast enough. What’s your number one non-technical skill? – Technical and narrative writing. How do you keep your own career energized? – Listening to podcasts. They expose him to people working on all aspects of the web. What do you do away from technology? – Scott likes to spend a lot of time with his family. He also enjoys surfing, hiking and cooking. (19.34) FINAL CAREER TIP Share what you learn, write a blog. Doing that has greatly benefitted Scott’s career and that of others. BEST MOMENTS (4.18) – Scott - “Be curious, ask questions, share what you know as you learn it.” (13.11) – Scott - “You can do a heck of a lot in just two weeks, especially with a good team.” (14.11) – Scott - “Boot camp tutorials are a great way to learn and accelerate your career, especially early on.” (17.50) – Scott - “Write about what you are working on, it is the best way to get clarity of the problem.” (18.53) – Scott - “Pay attention to what other people are working on.” (19.34) – Scott - “Write or blog to share whatever you’ve learned.” ABOUT THE HOST – PHIL BURGESS Phil Burgess is an independent IT consultant who has spent the last 20 years helping organisations to design, develop and implement software solutions. Phil has always had an interest in helping others to develop and advance their careers. And in 2017 Phil started the I.T. Career Energizer podcast to try to help as many people as possible to learn from the career advice and experiences of those that have been, and still are, on that same career journey. CONTACT THE HOST – PHIL BURGESS Phil can be contacted through the following Social Media platforms: Twitter: https://twitter.com/philtechcareer LinkedIn: https://uk.linkedin.com/in/philburgess Facebook: https://facebook.com/philtechcareer Instagram: https://instagram.com/philtechcareer Website: https://itcareerenergizer.com/contact Phil is also reachable by email at phil@itcareerenergizer.com and via the podcast’s website, https://itcareerenergizer.com Join the I.T. Career Energizer Community on Facebook - https://www.facebook.com/groups/ITCareerEnergizer ABOUT THE GUEST – Scott Jehl Scott Jehl is a designer and developer working at Filament Group. He is a tireless advocate of practices that ensure web access for all and is always chipping away at open source projects with his colleagues at Filament. He is also author of Responsible Responsive Design, co-author of Designing with Progressive Enhancement and a frequent presenter at conferences throughout the world. CONTACT THE GUEST – Scott Jehl Scott Jehl can be contacted through the following Social Media platforms: Twitter: https://twitter.com/scottjehl GitHub: https://github.com/scottjehl Website: https://scottjehl.com/
Show Description****************Scott Jehl is our guest and we're talking about accessibility, jQuery history, progressive enhancement in modern javascript, critical CSS, service workers, maintenance of a server, and other fun stuff. Listen on Website →Links***** Responsible Responsive Design Grunticon Google’s YouTube channel for webmasters A/B Testing with Service Workers Cloudflare loadCSS Sponsors********
In this episode, Adam talks to Jonathan Snook, author of SMACSS, about finding the balance between utility and component driven CSS approaches, design systems engineering, and using container queries to build better responsive web experiences. Sponsors: Laracasts, use coupon code FULLSTACK2016 for 50% off your first month Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Links: Snook's Blog SMACSS, Jonathan's book Atomic CSS "Staffing a Design Systems Team" "Why I Value Truly Responsive Web Design" "Container Queries: Once More Unto the Breach" Scott Jehl on container queries CSS-Element-Queries library
Responsive Design allows us to create flexible user interfaces that support the widest possible audience with a single front-end codebase. But in embracing the ever-increasing contexts in which our sites are used, performance and accessibility must remain our highest priorities; we must continually question each code addition, and improve our delivery and application techniques to ensure they’re best serving users’ needs. More info at: https://fronteers.nl/congres/2015/sessions/delivering-responsibly-scott-jehl
Responsive Design allows us to create flexible user interfaces that support the widest possible audience with a single front-end codebase. But in embracing the ever-increasing contexts in which our sites are used, performance and accessibility must remain our highest priorities; we must continually question each code addition, and improve our delivery and application techniques to ensure they’re best serving users’ needs. More info at: https://fronteers.nl/congres/2015/sessions/delivering-responsibly-scott-jehl
Scott Jehl is a designer and developer working at Filament Group. Scott is also an author and speaks regularly at conferences like An Event Apart. In this interview, Scott and I discuss progressive enhancement and his book, Responsible Responsive Design.
Scott Jehl is a designer and developer working at Filament Group. Scott is also an author and speaks regularly at conferences like An Event Apart. In this interview, Scott and I discuss progressive enhancement and his book, Responsible Responsive Design.
It's clear that responsive web design is the way to build a website in today's crazy world of mobile devices, but what's the best way to do so? How can you create a responsive site that's fast and snappy? Scott Jehl joins Jen Simmons to tell us about the latest in how to do RWD right.
Scott Jehl and Jeffrey Zeldman discuss the picture element: a container for multiple images. Making the emerging W3C standard picture element work in today's browsers. Polyfills and progressive enhancement. Responsible responsive design. Shim versus polyfill; srcset versus picture; the prefix wars. Balancing company projects and open source, community projects. Picturefill is a responsive images polyfill approach that web designers and developers can use today. Scott Jehl is a web designer and developer who works with the bright folks at Filament Group, where he creates websites and applications for a range of clients (including the 2012 responsive design of the Boston Globe). He is an active contributor to the open source community, frequently releasing ideas and projects on Github; a jQuery team member (most recently leading the development of the jQuery Mobile project); and the co-author of Designing With Progressive Enhancement (New Riders: 2010)
Scott Jehl and Jeffrey Zeldman discuss the picture element: a container for multiple images. Making the emerging W3C standard picture element work in today’s browsers. Polyfills and progressive enhancement. Responsible responsive design. Shim versus polyfill; srcset versus picture; the prefix wars. Balancing company projects and open source, community projects. Picturefill is a responsive images polyfill approach that web designers and developers can use today. Scott Jehl is a web designer and developer who works with the bright folks at Filament Group, where he creates websites and applications for a range of clients (including the 2012 responsive design of the Boston Globe). He is an active contributor to the open source community, frequently releasing ideas and projects on Github; a jQuery team member (most recently leading the development of the jQuery Mobile project); and the co-author of Designing With Progressive Enhancement (New Riders: 2010)
We discuss Scott's latest thinking about “responsible responsive design,” whether responsive design is destroying creativity on the web, working with CSS flexbox, what's new with the jQuery Mobile project, why people fear JavaScript and love jQuery, the size and management of Filament Group's multi-device test suite, the secret history of the jQuery logo, and much more. This episode of The Big Web Show is sponsored by Lynda.com, an online learning company with more than 77,000 video tutorials that teach software, creative, and business skills. Try lynda.com free for 7 days by visiting lynda.com/bigwebshow.
We discuss Scott's latest thinking about “responsible responsive design,” whether responsive design is destroying creativity on the web, working with CSS flexbox, what’s new with the jQuery Mobile project, why people fear JavaScript and love jQuery, the size and management of Filament Group's multi-device test suite, the secret history of the jQuery logo, and much more.
Responsive web design creates a new set of development demands. How should we best implement complex sites to load quickly and meet the needs of a wide range of devices? Scott Jehl joins Jen Simmons to talk about the South Street toolset and other Filament Group discoveries of best practices.
Scott Jehl joins Jeffrey Zeldman and Dan Benjamin to discuss the recent responsive resign of the Boston Globe, jQuery, the jQuery Mobile project, writing and speaking about web design, and his new book, Designing with Progressive Enhancement. Sponsored by HelpSpot and Rackspace.
Scott Jehl joins Jeffrey Zeldman and Dan Benjamin to discuss the recent responsive resign of the Boston Globe, jQuery, the jQuery Mobile project, writing and speaking about web design, and his new book, Designing with Progressive Enhancement.
Web design guru Scott Jehl from Boston's The Filament Group speaks on Access-Oriented Web Design: Building highly-interactive web apps that work for everyone. Scott specializes in website design and development, is a member of the jQuery and jQuery UI design teams, and runs WriteMaps, an application for planning websites. Please visit this podcast at http://webpub.mit.edu/2009/04/access-oriented-web-design/