Articles by Smashing Magazine

  • A Pain-Free Workflow For Issue Reporting And Resolution

    A Pain-Free Workflow For Issue Reporting And ResolutionA Pain-Free Workflow For Issue Reporting And Resolution Suzanne Scacca 2019-09-17T14:00:59+02:002019-09-18T01:35:13+00:00(This is a sponsored post.) Errors, bugs and other issues are bound to arise in web development. Even if they aren’t outright errors, clients often have feedback about how something was designed, where it was placed or how […]

    READ MORE
  • Monthly Web Development Update 9/2019: Embracing Basic And Why Simple Is Hard

    Monthly Web Development Update 9/2019: Embracing Basic And Why Simple Is HardMonthly Web Development Update 9/2019: Embracing Basic And Why Simple Is Hard Anselm Hannemann 2019-09-13T13:17:00+02:002019-09-14T01:34:47+00:00Editor’s note: Please note that this is the last Monthly Web Development Update in the series. You can still follow the Web Development Reading List on Anselm’s site at https://wdrl.info. […]

    READ MORE
  • A Re-Introduction To Destructuring Assignment

    A Re-Introduction To Destructuring AssignmentA Re-Introduction To Destructuring Assignment Laurie Barth 2019-09-12T14:00:59+02:002019-09-13T01:35:00+00:00If you write JavaScript you’re likely familiar with ES2015 and all the new language standards that were introduced. One such standard that has seen incredible popularity is destructuring assignment. The ability to “dive into” an array or object and reference something inside of it […]

    READ MORE
  • Moving Your JavaScript Development To Bash On Windows

    Moving Your JavaScript Development To Bash On WindowsMoving Your JavaScript Development To Bash On Windows Burke Holland 2019-09-11T12:30:59+02:002019-09-12T01:37:43+00:00I’m one of those people who can’t live without their Bash terminal. This sole fact has made it difficult for me to do frontend work on Windows. I work at Microsoft and I’m on a Mac. It wasn’t […]

    READ MORE
  • Webflow: The Web Development Platform Of The Future

    Webflow: The Web Development Platform Of The FutureWebflow: The Web Development Platform Of The Future Nick Babich 2019-09-10T12:30:59+02:002019-09-11T01:38:03+00:00(This is a sponsored article.) Time-to-market plays a crucial role in modern web design. Most product teams want to minimize the time required to go from the idea to a ready-to-use product without sacrificing the quality of the […]

    READ MORE
  • Machine Learning For Front-End Developers With Tensorflow.js

    Machine Learning For Front-End Developers With Tensorflow.jsMachine Learning For Front-End Developers With Tensorflow.js Charlie Gerard 2019-09-09T14:00:59+02:002019-09-10T01:35:52+00:00Machine learning often feels like it belongs to the realm of data scientists and Python developers. However, over the past couple of years, open-source frameworks have been created to make it more accessible in different programming languages, including JavaScript. In […]

    READ MORE
  • Smashing Magazine Is Thirteen!

    Smashing Magazine Is Thirteen!Smashing Magazine Is Thirteen! Rachel Andrew 2019-09-06T12:00:59+02:002019-09-07T01:37:00+00:00This week, Smashing Magazine turned thirteen years old. The web has changed a lot since Vitaly posted his first article back in 2006. The team at Smashing has changed too, as have the things that we bring to our community — with conferences, books, and our […]

    READ MORE
  • Inspired Design Decisions: Alexey Brodovitch

    Inspired Design Decisions: Alexey BrodovitchInspired Design Decisions: Alexey Brodovitch Andrew Clarke 2019-09-05T13:30:59+02:002019-09-06T01:34:48+00:00Before writing Art Direction for the Web, I began to study Alexey Brodovitch when I became fascinated by editorial and magazine design. I was drawn to his precision, in particular, the way Brodovitch brought photographs and text together. Then, I became intrigued by his […]

    READ MORE
  • Overflow And Data Loss In CSS

    Overflow And Data Loss In CSSOverflow And Data Loss In CSS Rachel Andrew 2019-09-04T12:30:59+02:002019-09-05T01:35:47+00:00CSS is designed to keep your content readable. If you consider an HTML document that is marked up with headings and paragraphs (with no CSS applied), it displays in the browser in a readable way. The headings are large and bold, and […]

    READ MORE
  • Automating Website Deployments Through Buddy

    Automating Website Deployments Through BuddyAutomating Website Deployments Through Buddy Leonardo Losoviz 2019-09-03T12:30:00+02:002019-09-04T01:35:01+00:00(This is a sponsored article.) Managing the deployment of a website used to be easy: It simply involved uploading files to the server through FTP and you were pretty much done. But those days are gone: Websites have gotten very complex, involving many tools […]

    READ MORE
  • Moving From Sketch To Figma: A Case Study Of Migrating Design Systems

    Moving From Sketch To Figma: A Case Study Of Migrating Design SystemsMoving From Sketch To Figma: A Case Study Of Migrating Design Systems Buzz Usborne 2019-09-02T12:30:59+02:002019-09-03T01:34:50+00:00For the past year, every time I got frustrated with Sketch, a colleague of mine suggested I try Figma. Then, when I wrote an article about building our design system […]

    READ MORE
  • Blissful Thoughts And Embracing Change (September 2019 Wallpapers Edition)

    Blissful Thoughts And Embracing Change (September 2019 Wallpapers Edition)Blissful Thoughts And Embracing Change (September 2019 Wallpapers Edition) Cosima Mielke 2019-08-31T09:00:00+02:002019-09-01T01:37:56+00:00Lush green slowly turning into yellows, reds, and browns in the Northern hemisphere; nature awakening from its slumber in the Southern part of the world: September is a time of change. A chance to leave old […]

    READ MORE
  • VuePress: Documentation Made Easy

    VuePress: Documentation Made EasyVuePress: Documentation Made Easy Ben Hong 2019-08-30T13:00:59+02:002019-08-31T01:35:24+00:00When it comes to any project that requires any user interaction (e.g., end users, maintainers, etc.), there is one critical factor that makes the difference between success and failure: good documentation. This holds true regardless of how small or large your project is. After all, short […]

    READ MORE
  • Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative?

    Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative?Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative? Arthur Leonov 2019-08-29T13:30:59+02:002019-08-30T01:37:11+00:00Whenever you hear of “mobile navigation”, what’s the first thing that comes to mind? My guess would be the hamburger slide-out menu. This design pattern had been in use since the first responsive design […]

    READ MORE
  • Beyond The Browser: Getting Started With Serverless WebAssembly

    Beyond The Browser: Getting Started With Serverless WebAssemblyBeyond The Browser: Getting Started With Serverless WebAssembly Robert Aboukhalil 2019-08-28T13:30:59+02:002019-08-29T01:35:45+00:00Now that WebAssembly is supported by all major browsers and more than 85% of users worldwide, JavaScript is no longer the only browser language in town. If you haven’t heard, WebAssembly is a new low-level language that runs […]

    READ MORE
  • Figma Tips To Kick-Start Your Design Workflow

    Figma Tips To Kick-Start Your Design WorkflowFigma Tips To Kick-Start Your Design Workflow Philippe Hong 2019-08-27T13:30:59+02:002019-08-28T01:35:08+00:00I have made the switch to Figma almost two years ago and I have no regrets so far. In one of my previous blog posts on the topic, I made an in-depth review of Figma, and I’m glad I could […]

    READ MORE
  • Creating A Shopping Cart With HTML5 Web Storage

    Creating A Shopping Cart With HTML5 Web StorageCreating A Shopping Cart With HTML5 Web Storage Matt Zand 2019-08-26T14:30:59+02:002019-08-27T01:37:20+00:00With the advent of HTML5, many sites were able to replace JavaScript plugin and codes with simple more efficient HTML codes such as audio, video, geolocation, etc. HTML5 tags made the job of developers much easier while enhancing […]

    READ MORE
  • Faster Image Loading With Embedded Image Previews

    Faster Image Loading With Embedded Image PreviewsFaster Image Loading With Embedded Image Previews Christoph Erdmann 2019-08-23T13:30:59+02:002019-08-24T01:37:22+00:00Low Quality Image Preview (LQIP) and the SVG-based variant SQIP are the two predominant techniques for lazy image loading. What both have in common is that you first generate a low-quality preview image. This will be displayed blurred and later […]

    READ MORE
  • Testing Made Easier Via Framework Minimalism And Software Architecture

    Testing Made Easier Via Framework Minimalism And Software ArchitectureTesting Made Easier Via Framework Minimalism And Software Architecture Ryan Kay 2019-08-22T13:00:59+02:002019-08-23T01:36:05+00:00Like many other Android developers, my initial foray into testing on the platform lead me to be immediately confronted with a demoralizing degree of jargon. Further, what few examples I came across at the time (circa […]

    READ MORE
  • Bringing A Better Design Process To Your Organization

    Bringing A Better Design Process To Your OrganizationBringing A Better Design Process To Your Organization Eric Olive 2019-08-21T13:30:59+02:002019-08-22T01:35:21+00:00As user experience (UX) designers and researchers, the most common complaint we hear from users is: “Why don’t they think about what I need?” In fact, many organizations have teams dedicated to delivering what users and customers need. […]

    READ MORE