Logo

Smashing Magazine

 http://www.smashingmagazine.com/

A Deep Dive Into object-fit And background-size In CSS

A DEEP DIVE INTO OBJECT-FIT AND BACKGROUND-SIZE IN CSS

We're not always able to load different-sized images for an HTML element. If we use a width and height that isn't proportional to the...

An Introduction To Quasar Framework: Building Cross-Platform Applications

AN INTRODUCTION TO QUASAR FRAMEWORK: BUILDING CROSS-PLATFORM APPLICATIONS

In this article, I will explain how to use Quasar Framework and its state-of-the-art UI to build a notes app. The app will get its...

 
 
 
How To Build A Real-Time Multi-User Game From Scratch

HOW TO BUILD A REAL-TIME MULTI-USER GAME FROM SCRATCH

As the pandemic lingered, the suddenly-remote team I work with became increasingly foosball -deprived. I thought about how to play...

Respecting Users' Motion Preferences

RESPECTING USERS' MOTION PREFERENCES

When working with motion on the web, it's important to consider that not everyone experiences it in the same way. What might feel smooth...

 
 
 
A Simple But Effective Mental Health Routine For Programmers

A SIMPLE BUT EFFECTIVE MENTAL HEALTH ROUTINE FOR PROGRAMMERS

After working on a coding project for a good couple of hours, many developers like myself tend to hit a wall. The level of creativity...

Building The SSG I've Always Wanted: An 11ty, Vite And JAM Sandwich

BUILDING THE SSG I'VE ALWAYS WANTED: AN 11TY, VITE AND JAM SANDWICH

 
 
 
Building An API With Gatsby Functions

BUILDING AN API WITH GATSBY FUNCTIONS

You've probably heard about Serverless Functions, but if you haven't, Serverless Functions provide functionality typically associated...

Smashing Podcast Episode 42 With Jeff Smith: What Is DevOps?

SMASHING PODCAST EPISODE 42 WITH JEFF SMITH: WHAT IS DEVOPS?

In this episode, we're talking about DevOps. What is it, and is it a string to add to your web development bow? Drew McLellan talks...

 
 
 
Solving CLS Issues In A Next.js-Powered E-Commerce Website

SOLVING CLS ISSUES IN A NEXT.JS-POWERED E-COMMERCE WEBSITE

Fairprice is one of the largest online grocery stores in Singapore. We are continuously looking out for areas of opportunities to improve...

Tips And Tricks For Evaluating UX/UI Designers

TIPS AND TRICKS FOR EVALUATING UX/UI DESIGNERS

When a company's digital representation lacks a dedicated UX/UI design team, it can be hard to produce something that stands out from...

 
 
 
Smart CSS Solutions For Common UI Challenges

SMART CSS SOLUTIONS FOR COMMON UI CHALLENGES

It's incredible to see what we can do with CSS today, especially if you still remember how difficult it once was to figure out stacking...

Upcoming Live Workshops On Front-End & UX

UPCOMING LIVE WORKSHOPS ON FRONT-END & UX

There are fantastic video courses out there, yet online workshops are just different. You can always ask a question live , you can...

 
 
 
Bridging The Gap Between Designers And Developers

BRIDGING THE GAP BETWEEN DESIGNERS AND DEVELOPERS

In the past couple of years, it's no secret that our design tools have exponentially evolved. With many having great component management...

Useful React APIs For Building Flexible Components With TypeScript

USEFUL REACT APIS FOR BUILDING FLEXIBLE COMPONENTS WITH TYPESCRIPT

Have you ever used React.createElement directly? What about React.cloneElement? React is more than just transforming your JSX into...

 
 
 
The Autofill Dark Pattern

THE AUTOFILL DARK PATTERN

A newspaper sign-up form had fields for name, email, and password. So, I started typing on the name field, and the autofill suggested...

Composable CSS Animation In Vue With AnimXYZ

COMPOSABLE CSS ANIMATION IN VUE WITH ANIMXYZ

 
 
 
Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions

BUILDING A STATIC-FIRST MADLIB GENERATOR WITH PORTABLE TEXT AND NETLIFY ON-DEMAND BUILDER FUNCTIONS

Freebie: COVID-19 Icon Set

FREEBIE: COVID-19 ICON SET

In the fight against the COVID-19 pandemic, scientists are tirelessly working on vaccines and medicine against COVID-19 in laboratories....

 
 
 
How To Build An Ethical User Research Practice At Any Organization

HOW TO BUILD AN ETHICAL USER RESEARCH PRACTICE AT ANY ORGANIZATION

Ethics are an important part of human-computer interaction because they keep people at the heart of the design process. Unethical practices...

Jamstack CMS: The Past, The Present and The Future

JAMSTACK CMS: THE PAST, THE PRESENT AND THE FUTURE

The world's first website was made from static HTML files created in a text editor. While it looks unassuming, it laid the foundation...

 
 
 



Facebook teases massive metaverse-related changes on the horizon

Facebook teases massive metaverse-related changes on the horizon

This could be the last time Facebook reports under "Facebook" ahead of its name change. What you need to know Facebook announces its Q3 2021 financial earnings. The company... Read more ...

Facebook says it's refocusing company on ‘serving young adults'

Facebook says it's refocusing company on ‘serving young adults'

Illustration by Alex Castro / The Verge Facebook CEO Mark Zuckerberg says he's redirected teams within his company to “make serving young adults their north star.” The comment... Read more ...

Nintendo Switch Online officially gets N64 and Sega Genesis games tonight

Nintendo Switch Online officially gets N64 and Sega Genesis games tonight

Last month, Nintendo made the surprise reveal that a selection of N64 and Sega Genesis games are heading to its Switch Online service. Now, that day has come. While Nintendo... Read more ...

FTC Study Confirms ISPs Collect a Scary Amount of Your Personal Data

FTC Study Confirms ISPs Collect a Scary Amount of Your Personal Data

Servers with CAT 5 cables on racks in a large computer server farm. Frustration with Big Tech is reaching a crescendo, and we could be headed for legislative efforts to reduce... Read more ...

Alien hunters have an update on a mysterious signal from the nearest...

Breakthrough Listen scientists took a closer look at data picked up when they pointed a high-powered telescope at Proxima Centauri. Read more ...

Stellantis and Samsung SDI form battery joint venture - Roadshow

Together, the two companies will manufacture battery cells in North America to power the automaker's vehicle-electrification plans. Read more ...

Facebook Papers: Here are the biggest takeaways from the leaked documents - CNET

A trove of leaked company documents supports ongoing criticism and mistrust of Facebook. Read more ...

HomePod and HomePod mini get Apple Music lossless: How to enable it

HomePod and HomePod mini get Apple Music lossless: How to enable it

In October 2021, Apple rolled out an update for the HomePod and HomePod mini speakers, adding support for Apple Music lossless playback and Dolby Atmos spatial audio. It's a... Read more ...

Daily Crunch: New productivity app Routine manages note-taking and task...

Daily Crunch: New productivity app Routine manages note-taking and task management

To get a roundup of TechCrunch's biggest and most important stories delivered to your inbox every day at 3 p.m. PDT, subscribe here . Hello and welcome to Daily Crunch for... Read more ...

Max Q: Nanoracks, Voyager and Lockheed Martin plan commercial space station

Max Q: Nanoracks, Voyager and Lockheed Martin plan commercial space station

And welcome back to Max Q. The era of commercial space stations is here. Read on for news from Nanoracks, Voyager and Lockheed Martin on their plans to launch a space station... Read more ...