Smashing Magazine — For Web Designers And Developers_News & Media

Skip to main contentJump to all topicsJump to list of all articlesArticlesGuidesBooksEventsMembershipJob BoardNewsletterPodcastsWrite for usAdvertise with usMoreLessMenuLessArticlesGuidesBooksEventsMembershipJob BoardNewsletterPodcastsWrite for usAdvertise with usAccessibilityUXCSSJavaScriptPerformanceDesignFigmaWallpapersReactVueRound-UpsWeb DesignGuidesBusinessCareerPrivacyJump to all articles ↬Josh ComeauwroteYou Don’t Need A UI FrameworkMay 3, 2022inCSS,UI,ToolsDevelopers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it.Continue reading ↬Cosima Mielke/Apr 30, 2022inWallpapersMake A Wish (May 2022 Desktop Wallpapers Edition)Steve Sewell/Apr 29, 2022inPerformance,JavaScript,AppsHow Partytown Eliminates Website Bloat From Third-Party ScriptsEmail NewsletterUseful front-end & UX tips, delivered once a week.With tools to help you get your work done better. Subscribe and get Vitaly’s Smart Interface Design Checklists PDF — in your inbox. ?On front-end & UX. Trusted by 176.000 folks.Accessible Front-End ComponentsReliable accessible UI components: :focus styles, modals, date pickers, navigation, tables, buttons, SVGs.Explore Accessible ComponentsCSS Generators & ToolsUseful CSS tools for animations, shadows, cubic-bezier curves, easing gradients, filters, overlays, type scales.Explore CSS GeneratorsFront-End Boilerplates & Starter KitsHTML boilerplates, CSS resets, forms, dev themes, gitignore, CSS snippets, static sites, style guides.Explore Front-End BoilerplatesSee All GuidesLatest PostsNathan SmithwroteCTA Modal: How To Build A Web ComponentIn this article, Nathan Smith explains how to create modal dialog windows with rich interaction that will only require authoring HTML in order to be used. They are based on Web Components that are currently supported by every major browser.April 28, 2022inApps,HTML,BrowsersVitaly FriedmanwroteBoosting UX With Design KPIsWe should be able to measure how well a particular design solves a particular problem. Let’s explore design KPIs that capture user’s experience, how to measure them and how to keep both users and business stakeholders happy, over time.April 27, 2022inUX,Design,BusinessCeara CrawshawwrotePreventing Bad UX Through Integrated Design WorkflowsWhen bad UX has lingered in a product for so long, it can feel like a mountain to overcome. In this article, Ceara Crawshaw shares her advice on how you can invoke joy and assure the quality in the work done on product teams.April 26, 2022inUX,Workflow,CommunicationJhey TompkinswroteWhat If Our Sliders Actually Slid?In this article, Jhey Tompkins explores one of GreenSocks’ newest plugins alongside React to create an impractical whimsical spin on a well-known native element: .April 25, 2022inHTML,Coding,TechniquesJoin 1,916 Smashing MembersA friendly community for people who design and build the web. With books, workshops, goodies and early-birds — for just 1 coffee a month. Take a look around.Join the community↬Already have an account? Sign in!Georgy MarchukwroteTesting The CLI The Way People Use ItHave you ever wondered, why do people write CLI tools? When is a good time to think about yours? Today we’ll touch on these questions, along with some tips to remember when creating one. However, all of this serves as a prelude to the real topic: end-to-end testing of CLI tools.April 22, 2022inApps,Tools,CodingVitaly FriedmanwroteDesigning Better Navigation With Navigation QueriesIn UX, we can use navigation queries, evaluation journeys, A-Z index and tap-ahead autocomplete to help users get where they want to be, faster. Let’s find out how.April 21, 2022inUX,Navigation,Design PatternsCosima MielkewroteProductivity Tips And Tools For A More Efficient WorkflowWho doesn’t love a good timesaver? In this post, we compiled useful productivity tips and tools that help you speed up routine tasks, enhance your development workflow, and stay organized.April 20, 2022inWorkflow,Tools,ResourcesEkene EzewroteJamstack Rendering Patterns: The EvolutionIn this article, Ekene Eze shares his thoughts about the direction of the web in 2022, and what solutions we can expect to see come up in the ecosystem to significantly improve the Jamstack experience.April 19, 2022inJamstack,Next.js,JavaScriptSee More Latest ArticlesThat’s The Smashing Family.Smashing Magazine is so much more than articles.Smashing Books14 printed books and 67 eBooks. Written for web developers, designers and marketeers.Jump to books↬Free airmail shipping wordlwide. No ifs or buts.Smashing WorkshopsOnline workshops with experts. Broken into 2.5h-segments, with interactive, live sessions.Jump to workshops↬2.5h live sessions, with video recordings and Q&A.Smashing Job BoardHelping designers and developers find great jobs, and connect with great companies.Jump to jobs↬Freelancers and full-time, in front-end & UX.Smashing MembershipA friendly community for people who design and build the web. With discounts, goodies and fancy cats.Jump to Membership↬For just 1 coffee a month.Smashing NewsletterWeekly tips on front-end & UX, delivered straight to your inbox. Just practical stuff that you can use.Jump to Newsletter↬You can unsubscribe with 1 click any time.Winter – Spring 2022 • New WorkshopsBoost Your Skills Online,On Front-End & DesignMeet Smashing Workshops, with practical, actionable insights from experts — live. With interactive exercises, slides, video recordings and a friendly Q&A. Explore all speakers and topics→Community LinksPerson Of The WeekMarek Sotak (@sotak) is a maker and founder with a background in front-end development and a passion for user experience. He founded Inline Manual, a digital adoption platform that allows marketing and content teams to create in-app guidance on the fly, and built Kairo, a cute and engaging time, habit and goal tracking dashboard, to help users stay in the flow. Thank you for sharing and caring, dear Marek!Misko HeverywroteHydration Is OverheadMay 4, 2022 —Hydration is a solution to add interactivity to server-rendered HTML. However, often hydration is an overhead. Misko Hevery explains why and how we can do better.Trine FalbewroteEthical Design NetworkMay 3, 2022 —Founded by Trine Falbe, The Ethical Design Network is a space for digital professionals to share, discuss, and self-educate about ethical design — with a Slack community, useful resources, and a lovely newsletter.Marcus HerrmannwroteAccessible VueMay 2, 2022 —Marcus Herrmann’s free eBook Accessible Vue teaches you the core concepts of web app accessibility, tips and tricks, best practices, strategies, and how to implement inclusive components in Vue 2 and 3.Elise LivingstonwroteDocumenting AccessibilityApril 29, 2022 —Adding accessibility information to all design documents can help build an accessibility-focused culture in a UX team. Elise Livingston shares practical guidelines for documenting accessibility in your design files.Roel NieskenswroteWakamai FondueApril 28, 2022 —Built by Roel Nieskens, Wakamai Fondue answers the question “What can my font do?” Drop a font, and the tool will tell you about the features in the font and give you all the CSS you need to use these features in your project.Val GeislerwroteHow To Design A Pricing PageApril 27, 2022 —How to design a pricing page that converts? Val Geisler dives deep into the science behind pricing pages to explore what it takes to create successful pricing pages.More links on TwitterBrowse All Smashing Magazine TopicsAccessibilityAndroidAnimationAppsCSSDesignDesign PatternsDesign SystemsE-CommerceFreebiesGraphicsHTMLIllustratorInspirationiOSJavaScriptMobilePattern LibrariesPerformancePhotoshopPluginsReactResponsive DesignService WorkersSketchTypographyUIUsabilityUser ExperienceWallpapersWeb DesignWordPressWorkflowWith a commitment to quality content for the design community.Founded by Vitaly Friedman and Sven Lennartz. 2006–2022.Smashing is proudly running on Netlify.Fonts by Latinotype.✎ Write for usContact usAbout us (Impressum)Privacy policyMembership loginDelivery timesAdvertiseBack to top