Web, Mobile Design & Development

Showing the latest top articles for this topic.
24 hours 3 days 1 week 1 month 3 months
An Introduction To Quasar Framework: Building Cross-Platform Applications
smashingmagazine.com Oct 23, 2021
In this article, I will explain how to use Quasar Framework and its state-of-the-art UI (which follows Material guidelines) to build a notes app. The app will get its data from and store its data to Firebase. This tutorial is meant for anyone...
How To Build A Real-Time Multi-User Game From Scratch
smashingmagazine.com Oct 22, 2021
As the pandemic lingered, the suddenly-remote team I work with became increasingly foosball-deprived. I thought about how to play foosball in a remote setting, but it was clear that simply reconstructing the rules of foosball on a screen would not...
Respecting Users’ Motion Preferences
smashingmagazine.com Oct 21, 2021
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 and slick to some might be annoying or distracting to others — or worse, induce feelings of sickness, or even...
Building The SSG I’ve Always Wanted: An 11ty, Vite And JAM Sandwich
smashingmagazine.com Oct 20, 2021
I don’t know about you, but I’ve been overwhelmed by all the web development tools we have these days. Whether you like Markdown, plain HTML, React, Vue, Svelte, Pug templates, Handlebars, Vibranium — you can probably mix it up with some CMS data...
Foundation: the VFX secrets of Apple's epic sci-fi series
creativebloq.com Oct 19, 2021
Foundation is Apple TV+'s adaption of the seminal sci-fi book series by Isaac Asimov. The premise is ambitious, to say the least, and tells the story of a mathematician who develops an algorithm that can forecast future events, putting him into...
Comic art tips: 10 ways to work the Marvel way
creativebloq.com Oct 19, 2021
“I see success as something in the past, while I tend to view failure as a challenge to do better in the future. I suppose I’m driven by the concept of success as well, but I always tend to focus on things I could do better. Nothing ever feels as...
Building An API With Gatsby Functions
smashingmagazine.com Oct 19, 2021
You’ve probably heard about Serverless Functions, but if you haven’t, Serverless Functions provide functionality typically associated with server-side technologies that can be implemented alongside front-end code without getting caught up in...
Smashing Podcast Episode 42 With Jeff Smith: What Is DevOps?
smashingmagazine.com Oct 19, 2021
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 to expert Jeff Smith to find out. Drew McLellan: He’s a DevOps practitioner that focuses on attainable levels of...
Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)
smashingmagazine.com Oct 18, 2021
Fairprice is one of the largest online grocery stores in Singapore. We are continuously looking out for areas of opportunities to improve the user’s online shopping experience. Performance is one of the core aspects to ensure our users are having a...
7 Simple Ways to Boost Your Website’s CX
webdesignerdepot.com Oct 15, 2021
Many markets are saturated with competition; it’s no surprise that customers are expecting top-of-the-line experiences. Businesses must keep up with these ever-changing demands to remain competitive and drive forward. One way to ensure customers...
Smart CSS Solutions For Common UI Challenges
smashingmagazine.com Oct 14, 2021
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 contexts or why margins collapsed and why top: float didn’t work. In this post, we’ll look at just that:...
Useful React APIs For Building Flexible Components With TypeScript
smashingmagazine.com Oct 12, 2021
Have you ever used React.createElement directly? What about React.cloneElement? React is more than just transforming your JSX into HTML. Much more, and to help you level up your knowledge of lesser-known (but very useful) APIs the React library...
Composable CSS Animation In Vue With AnimXYZ
smashingmagazine.com Oct 9, 2021
In this article, you will learn how to use the AnimXYZ toolkit to create unique, interactive, and visually engaging animations in Vue.js and plain HTML. By the end of this article, you will have learned how adding a few CSS classes to elements in...
Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions
smashingmagazine.com Oct 8, 2021
Creating an interactive experience with fiction can be a chore with traditional content management tools. Writing the prose, creating the forms, combining them in the frontend — these are often the domain of three different people. Let’s make it...
A Guide To CSS Debugging
smashingmagazine.com Oct 6, 2021
We’ve all been there, at the end of completing CSS for a layout and — what’s that? Ah! An extra scrollbar! Or maybe an element is an unexpected color. And on some browsers, that new feature just doesn’t seem to be working. Debugging — regardless of...
4 Steps to Improve PageSpeed Insights Score and SEO
webdesignerdepot.com Oct 5, 2021
PageSpeed Insights is a free performance measurement tool provided by Google. It analyzes the contents of a web page for desktop and mobile devices. It provides a single number score (from 1 to 100) that summarizes several underlying metrics that...
How To Build An Expandable Accessible Gallery
smashingmagazine.com Oct 4, 2021
One of the use cases for using CSS Grid is to display a gallery of images, but a gallery on its own may not be that exciting. We could, for example, add a click effect to enlarge the image without affecting the grid to make it a little bit more...
Using Modern Image Formats: AVIF And WebP
smashingmagazine.com Sep 29, 2021
Images are the most popular resource type on the web and are often the largest. Users appreciate high-quality visuals, but care needs to be taken to deliver those hero images, product photos and cat memes as efficiently and effectively as possible....
iPhone model list: Your complete guide to the different iPhone generations
creativebloq.com Sep 28, 2021
Back in the day, buying an iPhone was relatively easy: There was one model with different storage sizes… and that was it. These days, it’s a baffling morass of shapes, sizes, configurations and colours. If you can’t tell your iPhone SE from your...
Improving The Accessibility Of Your Markdown
smashingmagazine.com Sep 28, 2021
Markdown is a small text to HTML conversion language. It was created by John Gruber in 2004 with the goal of making writing formatted text in a plain text editor easier. You can find Markdown in many places on the internet, especially in locations...
Surface Laptop 4
creativebloq.com Sep 27, 2021
Microsoft isn't just about software, as the Surface Laptop 4 proves convincingly. While Microsoft was once primarily known as a software maker behind the likes of Windows and Office, it’s recently been carving out a pretty impressive reputation as...
View more