Articles by Smashing Magazine

  • UX Improvements For Keyboard Accessibility

    UX Improvements For Keyboard AccessibilityUX Improvements For Keyboard Accessibility Vitaly Friedman 2019-07-10T16:00:59+02:002019-07-11T01:35:14+00:00How can we provide an accessible user experience for keyboard-only and assistive technology users without affecting the experience for any other users? We’ve kindly asked Aaron Pearlman, Principal UX Designer at Deque Systems, to share some practical tools and techniques to ensure that we’re […]

    READ MORE
  • CSS Lists, Markers, And Counters

    CSS Lists, Markers, And CountersCSS Lists, Markers, And Counters Rachel Andrew 2019-07-09T12:30:59+02:002019-07-10T01:36:00+00:00Lists in CSS have particular properties which give us the standard list styling we expect. An unordered list gains a list bullet, of the type disc, and ordered lists are numbered. My interest in exploring lists in more detail came from some work I […]

    READ MORE
  • How To Build A Sketch Plugin With JavaScript, HTML And CSS (Part 2)

    How To Build A Sketch Plugin With JavaScript, HTML And CSS (Part 2)How To Build A Sketch Plugin With JavaScript, HTML And CSS (Part 2) Matt Curtis 2019-07-08T12:30:59+02:002019-07-09T01:35:49+00:00As mentioned in part 1, this tutorial is intended for people who know and use the Sketch app and are not afraid of dabbling with code as well. […]

    READ MORE
  • How To Build A Sketch Plugin With JavaScript, HTML And CSS (Part 1)

    How To Build A Sketch Plugin With JavaScript, HTML And CSS (Part 1)How To Build A Sketch Plugin With JavaScript, HTML And CSS (Part 1) Matt Curtis 2019-07-05T12:30:59+02:002019-07-06T01:35:35+00:00This tutorial is intended for people who know and use the Sketch app and are not afraid of dabbling with code. To profit from it the most, you […]

    READ MORE
  • How To Integrate Social Media Into Mobile Web Design

    How To Integrate Social Media Into Mobile Web DesignHow To Integrate Social Media Into Mobile Web Design Suzanne Scacca 2019-07-04T13:00:59+02:002019-07-05T01:35:37+00:00There are a number of reasons why social media is a popular form of socialization and communication today. For starters, it gives us a chance to connect with exponentially more people than in-person communities allow for […]

    READ MORE
  • Using Slots In Vue.js

    Using Slots In Vue.jsUsing Slots In Vue.js Joseph Zimmerman 2019-07-03T12:30:59+02:002019-07-04T01:36:13+00:00With the recent release of Vue 2.6, the syntax for using slots has been made more succinct. This change to slots has gotten me re-interested in discovering the potential power of slots to provide reusability, new features, and clearer readability to our Vue-based projects. What are […]

    READ MORE
  • How Sitejet Helps Your Agency Design Websites Faster Than Ever

    How Sitejet Helps Your Agency Design Websites Faster Than EverHow Sitejet Helps Your Agency Design Websites Faster Than Ever Suzanne Scacca 2019-07-02T12:00:59+02:002019-07-03T01:35:54+00:00(This is a sponsored article.) Spend enough time in a Facebook group for professional web developers and designers and the question will inevitably come up: “I was approached by a small client with a […]

    READ MORE
  • CSS Custom Properties In The Cascade

    CSS Custom Properties In The CascadeCSS Custom Properties In The Cascade Miriam Suzanne 2019-07-01T12:30:59+02:002019-07-02T01:36:25+00:00Last month, I had a conversation on Twitter about the difference between “scoped” styles (generated in a build process) and “nested” styles native to CSS. I asked why, anecdotally, developers avoid the specificity of ID selectors, while embracing “scoped styles” generated by […]

    READ MORE
  • The Joys Of July (2019 Wallpapers Edition)

    The Joys Of July (2019 Wallpapers Edition)The Joys Of July (2019 Wallpapers Edition) Cosima Mielke 2019-06-30T10:30:34+02:002019-07-01T01:36:19+00:00A scoop of their favorite ice cream, a bike ride in the summer rain, or listening to the frog concert by the nearby lake — a lot of little things and precious moments have inspired the design community to create […]

    READ MORE
  • Better Search UX Through Microcopy

    Better Search UX Through MicrocopyBetter Search UX Through Microcopy Andrew Millen 2019-06-28T12:30:59+02:002019-06-29T01:36:00+00:00It’s hard to overstate the importance of web search. Searching is as old as the Internet itself, and by some measures, even older. A well-designed search benefits both you and your users; it increases conversions, reduces bounce rates, and improves the user experience. Search […]

    READ MORE
  • Build A PWA With Webpack And Workbox

    Build A PWA With Webpack And WorkboxBuild A PWA With Webpack And Workbox Jad Joubran 2019-06-27T13:00:59+02:002019-06-28T01:35:57+00:00A Progressive Web App (PWA) is a site that uses modern technology to deliver app-like experiences on the web. It’s an umbrella term for new technologies such as the ‘web app manifest’, ‘service worker’, and more. When joined together, these […]

    READ MORE
  • What Web Designers Can Do To Speed Up Mobile Websites

    What Web Designers Can Do To Speed Up Mobile WebsitesWhat Web Designers Can Do To Speed Up Mobile Websites Suzanne Scacca 2019-06-26T14:00:59+02:002019-06-27T01:35:16+00:00I recently wrote a blog post for a web designer client about page speed and why it matters. What I didn’t know before writing it was that her agency was struggling to optimize their […]

    READ MORE
  • The Case For Brand Systems: Aligning Teams Around A Common Story

    The Case For Brand Systems: Aligning Teams Around A Common StoryThe Case For Brand Systems: Aligning Teams Around A Common Story Laura Busche 2019-06-25T15:00:59+02:002019-06-26T01:35:45+00:00There’s a disconnect. If you’ve been in business for enough time you’ve definitely felt it. Teams are pulling companies in different directions with internal processes and specialized frameworks for absolutely everything. They’re […]

    READ MORE
  • What I Learned From Designing AR Apps

    What I Learned From Designing AR AppsWhat I Learned From Designing AR Apps Gleb Kuznetsov 2019-06-24T12:00:59+02:002019-06-25T01:35:16+00:00The digital and technological landscape is constantly changing — new products and technologies are popping up every day. Designers have to keep track of what is trending and where creative opportunities are. A great designer has the vision to analyze […]

    READ MORE
  • Design Your Mobile Emails To Increase On-Site Conversion

    Design Your Mobile Emails To Increase On-Site ConversionDesign Your Mobile Emails To Increase On-Site Conversion Suzanne Scacca 2019-06-21T13:00:59+02:002019-06-22T01:35:36+00:00I find it interesting that Google has pushed so hard for web designers to shift from designing primarily for desktop to now designing primarily for mobile. Google’s right… but why only focus on designing websites to appeal to […]

    READ MORE
  • JAMstack Fundamentals: What, What And How

    JAMstack Fundamentals: What, What And HowJAMstack Fundamentals: What, What And How Vitaly Friedman 2019-06-20T14:30:59+02:002019-06-21T01:35:55+00:00We love pushing the boundaries on the web, and so we’ve decided to try something new. You probably have heard of JAMstack — the new web stack based on JavaScript, APIs, and Markup — but what does it mean for your workflow […]

    READ MORE
  • Optimizing Google Fonts Performance

    Optimizing Google Fonts PerformanceOptimizing Google Fonts Performance Danny Cooper 2019-06-20T11:00:16+02:002019-06-21T01:35:55+00:00It’s fair to say Google Fonts are popular. As of writing, they have been viewed over 29 trillion times across the web and it’s easy to understand why — the collection gives you access to over 900 beautiful fonts you can use on your website for […]

    READ MORE
  • How To Create A PDF From Your Web Application

    How To Create A PDF From Your Web ApplicationHow To Create A PDF From Your Web Application Rachel Andrew 2019-06-19T14:00:59+02:002019-06-20T01:35:26+00:00Many web applications have the requirement of giving the user the ability to download something in PDF format. In the case of applications (such as e-commerce stores), those PDFs have to be created using dynamic data, […]

    READ MORE
  • Unleash The Power Of Path Animations With SVGator

    Unleash The Power Of Path Animations With SVGatorUnleash The Power Of Path Animations With SVGator Mikołaj Dobrucki 2019-06-18T13:30:59+02:002019-06-19T01:35:35+00:00(This is a sponsored article.) Last year, a comprehensive introduction to the basic use of SVGator was published here on Smashing Magazine. If you’d like to learn about the fundamentals of SVGator, setting up your first projects, and […]

    READ MORE
  • Building A Component Library Using Figma

    Building A Component Library Using FigmaBuilding A Component Library Using Figma Emiliano Cicero 2019-06-17T14:00:16+02:002019-06-18T01:35:32+00:00I’ve been working on the creation and maintenance of the main library of our design system, Lexicon. We used the Sketch app for the first year and then we moved to Figma where the library management was different in certain aspects, making […]

    READ MORE