Building A CSS Layout: Live Stream With Rachel Andrew Building A CSS Layout: Live Stream With Rachel Andrew Vitaly Friedman 2019-12-10T10:30:00+00:00 2019-12-10T15:35:55+00:00 We’re opening up our Smashing TV webinars to everyone, and today you can follow along as Rachel Andrew builds a layout using CSS Grid and Flexbox. In the session, Rachel will be building a component of a layout, talking through her thinking as she does so. Is Flexbox or Grid the right method to use? How will the … →

Struggling To Get A Handle On Traffic Surges Struggling To Get A Handle On Traffic Surges Suzanne Scacca 2019-12-10T10:00:00+00:00 2019-12-10T15:35:55+00:00 (This is a sponsored article.) When a traffic spike hits, you want your website to be able to ride the wave instead of drown beneath it. But how do you do that without constantly overspending on server resources in anticipation of a traffic surge that may or may not happen? Part of it comes down to knowing how to read … →

Brand Illustration Systems: Drawing A Strong Visual Identity Brand Illustration Systems: Drawing A Strong Visual Identity Yihui Liu 2019-12-09T12:30:00+00:00 2019-12-09T15:37:21+00:00 In the flood of online content, companies live or die by their brand image. A brand image has to express the company’s message and connect with users, who should instantly recognize it across different media, even away from the company’s website and marketing content. A strong brand image is like an anchor, helping ensure user attachment and fix value associations. … →

How To Design Profitable Sales Funnels On Mobile How To Design Profitable Sales Funnels On Mobile Suzanne Scacca 2019-12-06T11:00:00+00:00 2019-12-06T15:36:30+00:00 A sales funnel is a set of invisible steps you lay before visitors that takes them from the point of entry to the desired action. There are three stages in a sales funnel: Top of the funnel (TOF), Middle of the funnel (MOF), Bottom of the funnel (BOF). Why do we call these three stages a funnel? Because, together, they … →

Inspirational Website of the Week: Esperanto A fantastic interactive design that celebrates an exciting journey. Our pick this week. Get inspired CSS: An Art, a Science, a Nightmare (Everything You Should Know) In this excellent guide, Tania Rascia covers the practical parts of CSS that are important on a daily basis. Read it Our Sponsor Work with the Powerful Divi Theme Builder Learn how you can enjoy complete control over your entire website with the new and powerful Divi Theme … →

How To Build A Real-Time Multiplayer Virtual Reality Game (Part 2) How To Build A Real-Time Multiplayer Virtual Reality Game (Part 2) Alvin Wan 2019-12-05T11:00:00+00:00 2019-12-05T15:35:20+00:00 In this tutorial series, we will build a web-based multiplayer virtual reality game, where players will need to collaborate to solve a puzzle. In the first part of this series, we designed the orbs featured in the game. In this part of the series, we will add game mechanics and setup communication protocols between … →

Get Started With UI Design With These Tips To Speed Up Your Workflow Get Started With UI Design With These Tips To Speed Up Your Workflow Tomáš Čakloš 2019-12-04T10:00:00+00:00 2019-12-04T15:35:34+00:00 This article is about creating limits and rules to follow throughout the entire design process. There is an unlimited number of ways in which you can combine elements in a user interface — and so you’ll need to set some rules and boundaries, or else the design workflow might become … →

Meet “Inclusive Components”: Accessible, Bulletproof Front-End Patterns Meet “Inclusive Components”: Accessible, Bulletproof Front-End Patterns Vitaly Friedman 2019-12-03T12:00:00+00:00 2019-12-03T15:35:25+00:00 Front-end accessibility is still somewhat mysterious these days. How do we build accessible buttons and dropdowns? What about keyboard-friendly tooltips, tabs and notifications? Or inclusive accordions, sliders, data tables and modals? Let’s figure it out together. Meet Inclusive Components, our new handbook for building fully accessible digital products. Download a free sample PDF (1.1 MB). <img style="border-radius:11px;" srcset="https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/50529a0d-1825-4279-a1df-b0276d5ee68c/page01-b-opt.png 400w, https://res.cloudinary.com/indysigner/image/fetch/f_auto,q_auto/w_800/https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/50529a0d-1825-4279-a1df-b0276d5ee68c/page01-b-opt.png 800w, https://res.cloudinary.com/indysigner/image/fetch/f_auto,q_auto/w_1200/https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/50529a0d-1825-4279-a1df-b0276d5ee68c/page01-b-opt.png … →

Smashing TV Live: Privacy UX, A Session With Vitaly Friedman Smashing TV Live: Privacy UX, A Session With Vitaly Friedman Vitaly Friedman 2019-12-03T11:00:00+00:00 2019-12-03T15:35:25+00:00 Cookie consent prompts, push notifications, app install prompts, video autoplays and annoying pop-ups. Every time we enter a new site, it feels like a fight against all the annoying marketing messages endlessly streaming at us. If you’ve wondered why a product you looked up in a search engine one day keeps showing up in all your … →

Smashing Podcast Episode 4 With Heydon Pickering: What Are Inclusive Components? Smashing Podcast Episode 4 With Heydon Pickering: What Are Inclusive Components? Drew McLellan 2019-12-03T05:00:00+00:00 2019-12-03T15:35:25+00:00 In this episode of the Smashing Podcast, Drew McLellan talks to Heydon Pickering about his new book, Inclusive Components. Heydon is known for his work and writing on Accessibility, so what is Inclusive Design, and where do components come into play? Heydon eplains all this and more in this episode. You can listen below, … →