Building Reusable React Components Using TailwindBuilding Reusable React Components Using Tailwind Tilo Mitra 2020-05-25T11:00:00+00:002020-05-26T01:39:27+00:00In this post, we’ll look at several different ways you can build reusable React components that leverage Tailwind under the hood while exposing a nice interface to other components. This will improve your code by moving from long lists of class names […]
READ MOREHow To Design A Brand Logo (With Ease)How To Design A Brand Logo (With Ease) Suzanne Scacca 2020-05-22T10:30:00+00:002020-05-23T01:38:37+00:00As a web designer, you may find yourself in a position where a client wants you to design their brand logo. If you’re feeling up to the task, there are some things you need to know first. For […]
READ MOREInspired Design Decisions With Max Huber: Turning Mundane Subjects Into Exciting Visual CommunicationInspired Design Decisions With Max Huber: Turning Mundane Subjects Into Exciting Visual Communication Andrew Clarke 2020-05-22T09:00:00+00:002020-05-23T01:38:37+00:00Years ago, I wished I could work on advertising projects for household names because I thought that above-the-line work would bring creative satisfaction. I’ve been lucky to work […]
READ MOREUnderstanding Machines: An Open Standard For JavaScript FunctionsUnderstanding Machines: An Open Standard For JavaScript Functions Kelvin Omereshone 2020-05-21T10:30:00+00:002020-05-22T01:37:49+00:00As developers, we always seek ways to do our job better, whether by following patterns, using well-written libraries and frameworks, or what have you. In this article, I’ll share with you a JavaScript specification for easily consumable functions. […]
READ MOREHow To Make Performance Visible With GitLab CI And Hoodoo Of GitLab ArtifactsHow To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts Anton Nemtsev 2020-05-20T10:30:00+00:002020-05-21T01:36:40+00:00Performance degradation is a problem we face on a daily basis. We could put effort to make the application blazing fast, but we soon end up where we […]
READ MORECan Data Visualization Improve The Mobile Web Experience?Can Data Visualization Improve The Mobile Web Experience? Suzanne Scacca 2020-05-19T11:30:00+00:002020-05-20T01:37:14+00:00It can be tough to prioritize the mobile experience when it often feels like a compromise. Don’t include as much text. Remove some of your images. Stay away from features that get in the mobile visitor’s way. It’s […]
READ MORESmashing Podcast Episode 16 With Ben Frain: How Can I Optimize My Home Workspace?Smashing Podcast Episode 16 With Ben Frain: How Can I Optimize My Home Workspace? Drew McLellan 2020-05-19T05:00:00+00:002020-05-20T01:37:14+00:00In this episode of the Smashing Podcast, we’re talking about shaping our physical spaces when working from home. What can you do to take a step […]
READ MOREHow To Create A Mobile App In Expo And Firebase (For iOS And Android)How To Create A Mobile App In Expo And Firebase (For iOS And Android) Chafik Gharbi 2020-05-18T13:00:00+00:002020-05-19T01:37:32+00:00Maybe you’ve heard of or worked with React, the JavaScript framework developed by Facebook. The social media company took it even further by releasing React Native, […]
READ MORELearning Resources In Challenging Times: Online Workshops, Meetups And EventsLearning Resources In Challenging Times: Online Workshops, Meetups And Events Iris Lješnjanin 2020-05-15T14:30:00+00:002020-05-16T01:36:22+00:00In these current strange times of isolation and social distancing (with almost all events and conferences being cancelled), it can be quite difficult to feel connected to family, friends and colleagues. Here at Smashing, […]
READ MOREAccessible Images For When They Matter MostAccessible Images For When They Matter Most Carie Fisher 2020-05-15T09:30:00+00:002020-05-16T01:36:22+00:00When it comes to informing the public about critical health issues, timing is everything. The information you consume today could save your life tomorrow. And with more than 65% of the population being visual learners — meaning they learn and […]
READ MORESmashing Meets! Free Online Meetups On May 18th And 19th 2020Smashing Meets! Free Online Meetups On May 18th And 19th 2020 Rachel Andrew 2020-05-14T13:00:00+00:002020-05-15T01:37:18+00:00We’re having a meetup! Join us for Smashing Meets — two free online meetups with speakers, activities, and plenty of chances to make new friends. Just like a real meetup, though you’ll […]
READ MOREStyling Components In ReactStyling Components In React Shedrack Akintayo 2020-05-14T10:00:00+00:002020-05-15T01:37:18+00:00Styling React components over the years has improved and become much easier with various techniques and strategies. In this tutorial, we’re going to learn how to style React components using four major styling strategies — with examples on how to use them. In the process, I […]
READ MOREHow To Convince Others Not To Use Dark PatternsHow To Convince Others Not To Use Dark Patterns Paul Boag 2020-05-13T12:00:00+00:002020-05-14T01:37:32+00:00You are a smart, well-informed person. After all, you are reading Smashing Magazine so you must be. That means you are probably already convinced that you should avoid dark patterns. Maybe you have even read the […]
READ MOREMeet “Click!”: Encourage Clicks Without Shady TricksMeet “Click!”: Encourage Clicks Without Shady Tricks Vitaly Friedman 2020-05-12T11:00:00+00:002020-05-13T01:37:04+00:00The web has become a noisy place with millions of companies trying to get users’ attention. No wonder many of them apply increasingly desperate techniques to encourage users to act on their websites. We’ve seen an explosion of dark patterns […]
READ MOREMicro-Typography: How To Space And Kern Punctuation Marks And Other SymbolsMicro-Typography: How To Space And Kern Punctuation Marks And Other Symbols Thomas Bohm 2020-05-12T10:30:00+00:002020-05-13T01:37:04+00:00This article is for anyone who works with typography, in any medium, and it is especially for those designers who are keen to give users the best reading experience possible. Jeffrey Zeldman […]
READ MORESetting TypeScript For Modern React Projects Using Webpack And BabelSetting TypeScript For Modern React Projects Using Webpack And Babel Blessing Krofegha 2020-05-11T10:30:00+00:002020-05-12T01:37:12+00:00In this era of software development, JavaScript can be used to develop almost any type of app. However, the fact that JavaScript is dynamically typed could be a concern for most large enterprise companies, […]
READ MOREHow To Build A Vue Survey App Using Firebase Authentication And DatabaseHow To Build A Vue Survey App Using Firebase Authentication And Database David Atanda 2020-05-08T11:00:00+00:002020-05-09T01:36:41+00:00In this tutorial, you’ll be building a Survey App, where we’ll learn to validate our users form data, implement Authentication in Vue, and be able to receive survey data using […]
READ MOREReducing Design RiskReducing Design Risk Eric Olive 2020-05-07T10:30:00+00:002020-05-08T01:38:11+00:00Lean, agile, do more with less. Again, and again, design culture urges us to move quickly and trim research and design operations to the point where design becomes a mere thread in the larger corporate spool. Author and designer Nikki Anderson explains the consequences of this pressure to […]
READ MOREA Complete Guide To Mechanical KeyboardsA Complete Guide To Mechanical Keyboards Ben Frain 2020-05-06T10:30:00+00:002020-05-07T01:37:14+00:00About six years ago, a colleague I’ll call Tom, because that’s his name, forwarded me a link to the ‘WASD CODE’; a keyboard focused on the needs of programmers, designed with the help of Stack Overflow’s Jeff Atwood. I had no idea […]
READ MOREMeet SmashingConf Live: Our New Interactive Online ConferenceMeet SmashingConf Live: Our New Interactive Online Conference Vitaly Friedman 2020-05-05T12:50:00+00:002020-05-06T01:36:27+00:00In these strange times when everything is connected, it’s too easy to feel lonely and detached. Yes, everybody is just one message away, but there is always something in the way — deadlines to meet, Slack messages to […]
READ MORE