Smashing Magazine » Coding

For Professional Web Designers and Developers

Latest articles

Dreaming Of A Magical December (2020 Wallpapers Edition)

2020 was a year that was anything but ordinary, and, well, the upcoming holiday season will be different from what we all are used to, too. To cater for a little bit of holiday cheer in these weird times, artists and designers from across the globe got their creative juices flowing and created festive and inspiring wallpapers for December. Following...

Reactive Variables In GraphQL Apollo Client

In this article, we will look at how to set up reactive variables, how the GraphQL cache polices come into place in defining read and writes to the cache, and provide the ability for developers to add types that exist on the client-side alone so that we can structure queries for client-side variables same way we can for remote GraphQL data. After learning...

Copy Docs: Make Your Microcopy Full And Consistent, And Maintain It

Remember all of the times you had to multiply your Figma or Sketch frames just so you can demonstrate single-word changes? Or having to mingle with the .json file in VS code whenever you needed to update that button text? What about irritating typos due to a lack of grammar checking plugins in most of the graphic editors? I’m afraid that calling copy...

Playfulness In Code: Supercharge Your Learning By Having Fun

I’m often asked where the ideas come from. How do I know the things I do? Having ten years of experience in development helps, but what supercharged my learning was pushing myself to build the things that came into my head, however unusual. I developed an appetite for building things that aren’t ‘the norm.’ With that mindset, every idea becomes an opportunity...

Testing Vue Applications With The Vue Testing Library

In this article, we will look at testing Vue applications using the Vue Testing Library — a lightweight library that emphasizes testing your front-end application from the user’s perspective. The following assumptions are made throughout this article: The reader is familiar with Vue. The reader is familiar with testing application UI. Conventionally,...

A Comparison Of <code>async/await</code> Versus <code>then/catch</code>

JavaScript runs code line by line, moving to the next line of code only after the previous one has been executed. But executing code like this can only take us so far. Sometimes, we need to perform tasks that take a long or unpredictable amount of time to complete: fetching data or triggering side-effects via an API, for example. Rather than letting...

What A Time To Be Smashing!

For many of us, it didn't take long to get used to the idea of online conferences and workshops. They may not be as rewarding as in-person experiences are (and always will be), but they have their advantages, too. Online makes it possible for everyone to attend without leaving the comfort of their desks, as well as learn and network at their own individual...

A Thoughtful Way To Use React’s <code>useRef()</code> Hook

In React components, there are times when frequent changes have to be tracked without enforcing the re-rendering of the component. It can also be that there is a need to re-render the component efficiently. While useState and useReducer hooks are the React API to manage local state in a React component, they can also come at a cost of being called too...

Standardizing <code><select></code> And Beyond: The Past, Present And Future Of Native HTML Form Controls

Whether it’s an input to search a website or a text input field and submit button for comments on a blog or a checkbox to accept the terms and conditions of a website, form controls are some of the most common components and provide the foundation for interactivity on the web. They are everywhere online and have been since the beginning of HTML. They...

Making Sense Of TypeScript, In 50 Lessons

Every other day, one of your team members makes a case for switching to TypeScript. Maybe you rely on unreliable JavaScript libraries, or you have a large number of contributors, or the code base is difficult to maintain. The reasons are always similar, but so is the hesitance from the team. Why change the stack that seems to be working? That’s the...

Discover, share and read the best on the web

Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters! Get unfiltered news feeds or filter them to your liking.

Get Inoreader
Inoreader - Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters!