![Smashing Magazine](/img/default-banner.jpg)
- 188
- 163 228
Smashing Magazine
Germany
Приєднався 14 січ 2019
Smashing Magazine is more than an online magazine for the lovely people who make the web. We also do (online) conferences, workshops, meet-ups and interviews.
We post our (free) community videos here, but we do a loooot more. Check out smashingmagazine.com and smashingconf.com!
Brought to you with love, care and commitment to quality content - by the Smashing Family
We post our (free) community videos here, but we do a loooot more. Check out smashingmagazine.com and smashingconf.com!
Brought to you with love, care and commitment to quality content - by the Smashing Family
Smashing Hour with Dave Rupert — July 2024
In this Smashing Hour, Smashing's Geoff Graham spent an hour with our good friend Dave Rupert to talk about the web and more!
Переглядів: 352
Відео
Futureproofing Brands with RACHEL GOGEL at Smashing Meets Web Design - 18 June, 2024
Переглядів 1222 місяці тому
Futureproofing Brands with RACHEL GOGEL at Smashing Meets Web Design - 18 June, 2024
Designing Without Bias with JAY DEMETILLO at Smashing Meets Web Design - 18 June, 2024
Переглядів 1152 місяці тому
Designing Without Bias with JAY DEMETILLO at Smashing Meets Web Design - 18 June, 2024
Ask Me Anything, with Vitaly Friedman, June 2024
Переглядів 2062 місяці тому
Ask Me Anything, with Vitaly Friedman, June 2024
Custom Performance Metrics with TERRY O'SHEA at Smashing Meets Performance - May 7, 2024
Переглядів 2493 місяці тому
Custom Performance Metrics with TERRY O'SHEA at Smashing Meets Performance - May 7, 2024
Demystifying Web Performance in China with JODIE CHAN at Smashing Meets Performance - May 7, 2024
Переглядів 1653 місяці тому
Demystifying Web Performance in China with JODIE CHAN at Smashing Meets Performance - May 7, 2024
Panel hosted by VITALY FRIEDMAN at Smashing Meets Performance - May 7, 2024
Переглядів 1343 місяці тому
Panel hosted by VITALY FRIEDMAN at Smashing Meets Performance - May 7, 2024
RSCs and Performance Tracking with LAZAR NIKOLOV at Smashing Meets Performance - May 7, 2024
Переглядів 2123 місяці тому
RSCs and Performance Tracking with LAZAR NIKOLOV at Smashing Meets Performance - May 7, 2024
Smashing Hour with Andy Bell - April 2024
Переглядів 2193 місяці тому
Smashing Hour with Andy Bell - April 2024
Member Design Systems Discussion, April 2024
Переглядів 3014 місяці тому
Smashing Members discussion on Design Systems on April 4. Moderated by Smashing Magazine's Geoff Graham. Want to join the next discussion? Become a member, and you'll be invited to the next one. You can learn about our Smashing Membership on our website: www.smashingmagazine.com/membership/
Designing Search UX in 2024 with Vitaly Friedman, Feb 2024
Переглядів 7615 місяців тому
Designing Search UX in 2024 with Vitaly Friedman, Feb 2024
Smashing Hour with Nathan Curtis - March 2024
Переглядів 3165 місяців тому
Smashing Hour with Nathan Curtis - March 2024
A Global Design System with BRAD FROST at Smashing Meets the Future of Design Systems, Feb 2024
Переглядів 9656 місяців тому
A Global Design System with BRAD FROST at Smashing Meets the Future of Design Systems, Feb 2024
Measuring Design System Success in Production with ADAM LAGERHAUSEN at the Future of Design Systems
Переглядів 3266 місяців тому
Measuring Design System Success in Production with ADAM LAGERHAUSEN at the Future of Design Systems
Panel with VITALY FRIEDMAN, Smashing Meets Future of Design Systems, Feb 2024
Переглядів 1426 місяців тому
Panel with VITALY FRIEDMAN, Smashing Meets Future of Design Systems, Feb 2024
When Will AI Replace Us? with KEVIN COYLE at Smashing Meets the Future of Design Systems, Feb 2024
Переглядів 4686 місяців тому
When Will AI Replace Us? with KEVIN COYLE at Smashing Meets the Future of Design Systems, Feb 2024
Smashing Hour with Kevin Powell - February 2024
Переглядів 1,1 тис.6 місяців тому
Smashing Hour with Kevin Powell - February 2024
Usability vs. Security - Smart Interface Design Patterns (Smashing TV)
Переглядів 4,2 тис.8 місяців тому
Usability vs. Security - Smart Interface Design Patterns (Smashing TV)
Smashing Hour with Oliver Schöndorfer - Dec 2023
Переглядів 1788 місяців тому
Smashing Hour with Oliver Schöndorfer - Dec 2023
Panel with VITALY FRIEDMAN - Smashing Meets Goes Green, December 2023
Переглядів 808 місяців тому
Panel with VITALY FRIEDMAN - Smashing Meets Goes Green, December 2023
Reducing Digital Waste with GERRY MCGOVERN - Smashing Meets Goes Green, December 2023
Переглядів 1678 місяців тому
Reducing Digital Waste with GERRY MCGOVERN - Smashing Meets Goes Green, December 2023
Building a Greener Web with MICHELLE BARKER - Smashing Meets Goes Green, December 2023
Переглядів 4238 місяців тому
Building a Greener Web with MICHELLE BARKER - Smashing Meets Goes Green, December 2023
Smashing Hour with Ben Callahan - Nov 2023
Переглядів 1579 місяців тому
Smashing Hour with Ben Callahan - Nov 2023
Uplifting a Large Scale Design System with JOSÉ TORRE - SmashingConf Freiburg 2023
Переглядів 2329 місяців тому
Uplifting a Large Scale Design System with JOSÉ TORRE - SmashingConf Freiburg 2023
Modern Web Debugging with JECELYN YEEN - SmashingConf Freiburg 2023
Переглядів 2079 місяців тому
Modern Web Debugging with JECELYN YEEN - SmashingConf Freiburg 2023
Facilitating Safe and Inclusive Feedback with HARRISON WHEELER - SmashingConf Freiburg 2023
Переглядів 619 місяців тому
Facilitating Safe and Inclusive Feedback with HARRISON WHEELER - SmashingConf Freiburg 2023
Exploring the Anatomy of Design Systems with DAN DONALD - SmashingConf Freiburg 2023
Переглядів 2439 місяців тому
Exploring the Anatomy of Design Systems with DAN DONALD - SmashingConf Freiburg 2023
Design Beyond Breakpoints with CHRISTINE VALLAURE - SmashingConf Freiburg 2023
Переглядів 6139 місяців тому
Design Beyond Breakpoints with CHRISTINE VALLAURE - SmashingConf Freiburg 2023
Things You Don't Know About JavaScript in 2023 with CHRISTOPHE PORTENEUVE - SmashingConf Freiburg 23
Переглядів 3309 місяців тому
Things You Don't Know About JavaScript in 2023 with CHRISTOPHE PORTENEUVE - SmashingConf Freiburg 23
Better Type For The Web with ELLIOT JAY STOCKS - SmashingConf Freiburg 2023
Переглядів 2109 місяців тому
Better Type For The Web with ELLIOT JAY STOCKS - SmashingConf Freiburg 2023
Perfect webinar for something I needed to research for work. Thank you for presenting and in such an engaging and accessible manner too
I think Dave would still have access to his blog publish button 😂. I learned a lot from ship talk show, it was first of its kind in web dev space
Great lesson! Belvedere changed their website in the meantime? Thank you!
Really interesting.
The most useful piece of accessibility content I've seen!
This Dave, like a lot of Daves I know, are such chill solid dudes. Great interview!
Really interesting talk. Also, the technical implications were explained really entertaining 😊 … to get rid of the extra containers I experimented using the :has(.root > .contained) to set the container. But, working with art directed images (picture) seems not as easy, as the sources need to be described with media queries. With containers you will never really know, when the browser switches the image to a different source.
Where can I find this google doc?
Виталий, круто. Спасибо за этот воркшоп!
the king! just wear good headphones and the sound is fine.
my two favourite front-end persons 🙂
This video came out in 2020 (not 2023).. how have things changed since then Brad?? what would do differently now?
Hi Vitaly, I’ve been reading your newsletter for years, it’s one of the few newsletters I read EVERY time. And today I discovered your channel, equally excellent. Thank you for your generosity and insightful content.
Great lesson🎉
josh my css messaiah
Who is image on your shirt? Reminds me of Nenad Bach musician?
Love the "potions" detail on the tips/practices. That's a fun spin on the light/dark pattern topic. Bravo 👏👏👏
Дякую Віталію, чудовий матеріал, отримав декілька інсайтів для своїх проектів.
Great topic! Regarding the point about the randomization at the 4:33 mark, its purpose isn't to stop brute force attacks. Instead, it's designed to stop people from memorizing the pattern you enter. However, I agree with the point that making the process too difficult for users can lead them to find workarounds to simplify usage, such as shortening their passwords or disabling the access code altogether.
Fantastic as usual.
Is it somehow possible to get access to this google document even though I was not at the actual workshop?
docs.google.com/document/d/1EWoKJEe7oRc-T1la1DUp4wuph1IVOErqBQt6hvXBut8/edit
Thank you, Vitaliy!
Wonderful
Thank you, Vitaly for this interesting topic. Is really useful and opens so many questions... But one is still running on my head... Why Ikea removed the mapping prices to the paginations? (1:02:36) ...
Great presentation, a lot of useful patterns and food for thought!
Very interesting. I am a UX designer passionate about sustainable designs and this is very insightful. Thank you for doing this!
IA writer is a brilliant app. Now listening to Oliver, his background in philosophy, experiences and perspectives makes sense, why IA is the way it is. Thanks 🙏
Love it! But I just can't get the demo to work properly. I use the components in the figma file and the Doc linked in it - it will update pictures and show/hide things like the 'Open to Work' badge, but it won't change the texts (Names, Subtitle...)?
i hope you create more interesting and educational videos ❤ 😊
Great video :)
nice sound
finally JOSH
Can't hear the audio.
Can't hear the audio on this one.
Love this! Eye opening and give me a lot of ways to think how to make more responsive and automated designs without extensive coding.
why is the sound soo bad on these videos?
Because professional audio techs and proper equipment cost money... (i'm a pro sound tech)
why is the sound soo bad??
Are your headphones oooon?
Learned so much so quickly, not only in one video, but in a way that I understand all of it. Thanks!
I loved this talk by Maggie Appleton! She explained what LMs are in a clear and simple way, and her exploration of the tension between squish and structure was brilliant.
Omg useful tips and convinced researching 🎉🎉🎉
What a wonderful conversation. And it sparks 20 more!
0:00 A design system is like wellness in a post-covid world 2:48 What is a design system? 3:35 Flexibility aspect of a design system shown using Code Nast brand interface inventory 5:48 What is a button, really? The skeleton of a button. 7:12 Demo: themeable buttons 7:52 Demo: themeable kicker with real content 8:48 Themeable design system can support... 10:01 How to do this?; What we're used to, and the problem with what we're used to. 11:35 Design tokens intro; Design tokens in the context of multiple platforms, products, etc. 13:30 Design tokens properties ## A THREE-TIERED TOKEN SYSTEM 19:23 Summary of the token system ### TIER 1 14:40 Tier 1 Tokens: Definitions (raw ingredients) 15:38 Tier 1 Tokens from typography standpoint ### TIER 2 16:14 Tier 2 Tokens: Semantic Usage (middle/semantic/usage/theme layer) 17:25 Tier 2 Tokens: Semantic Typography ### TIER 3 18:04 Tier 3 Tokens: Design System component variables --- 20:00 Component library stays stable - overview 20:45 Component library stays stable - examples ## TOOLS 21:25 In Figma: Theemo; Themer 23:14 In code: Salesforce's Theo; Amazon's Style Dictionary 23:33 What do these tools do? ## DEMO TIME 28:00 Demo time (Storybook) 28:28 Code editor view 30:45 Summary 31:09 Code editor tour 31:45 Badge component example 32:26 Where does the magic happen?; Tier 1 tokens colors.json overview 33:30 Tool to inspect the token definitions 34:37 Naming conventions for Tier 1 typography presets 35:15 Tier 2 with e.g. supporting marketing subsites needs 36:49 Tier 2 Tools in a toolshed analogy 38:12 Tier 1 typography presets, Tier 2 typography presets peek; 39:47 Tier 2 color tokens --- 41:15 Wrapping up 42:35 Design tokens resource 42:53 The promise of design systems 43:37 When you're finished changing, you're finished. ## QUESTIONS 45:47 Question 1: is there a right or wrong time for a DS to be introduced? 48:27 Question 2: is it a technical or a human problem to let brands feel like they can express themslves?
really great speech! 👏
Wow, i totally forgot about the Css Zen garden
Yey thanks for uploading this session.
Christine is a mad genius. Adobe should be paying her just for existing.
This is awesome!!!
This is awesome!!!
Just wow!