Tag: web-design

scroll link animations right way

How to use scroll-linked animations the right way


When it comes to scroll-linked animations, here are two takeaway tips: use Javascript observer patterns and CSS where possible.

Alvin Wan
Jun 13, 2021 ⋅ 8 min read

Balancing information density in web development


Balancing information density in an interface is challenging for app designers. Here’s how to do so based on your content and audience.

Brandon Dorn
Jun 2, 2021 ⋅ 6 min read
Budibase Logo

Getting started with Budibase


Budibase is a low-code, open-source platform for building web applications. You can use this quick guide to get started fast.

Gapur Kassym
Apr 12, 2021 ⋅ 3 min read
GitHub Logo

Using stacked pull requests in GitHub


Learn about stacked pull requests, when to use them, and how to convert a monolithic PR into a stacked one.

Simohamed Marhraoui
Apr 6, 2021 ⋅ 4 min read
Surge Logo

How to auto-deploy frontend applications to Surge using continuous deployment


Learn how to deploy frontend applications to Surge with Git hooks and Travis CI, a tool for continuous integration and deployment.

Okewole Oluwatobi
Feb 24, 2021 ⋅ 4 min read
semiotics in web design

Beyond the hashtag: Applying semiotics to web design


We can use signs and symbols to improve our web design by increasing accessibility and recognizability of our content for users.

Habdul Hazeez
Jan 27, 2021 ⋅ 9 min read
Cellphone on Desk With Animations Playing

How to design highly performant animations and micro-interactions


Here, you can learn how to design highly performant animations and micro-interactions to improve the UX of your site.

Rob O'Leary
Jan 20, 2021 ⋅ 10 min read
Figma Logo Over Painted Background

Using Figma variants for better error handling design


Modern design tools, like Figma, make it easier for design and development teams to collaboratively document error states.

Brandon Dorn
Jan 7, 2021 ⋅ 5 min read

Using React Spring for animation: Context and examples


Looking for examples of how to implement animations without causing a major performance bottleneck? React Spring may be what you need.

Peter Ekene Eze
Jan 7, 2021 ⋅ 5 min read
User Interaction Feedback: Designing A Ripple Effect

Designing a ripple effect for UI feedback


The ripple effect is one of the most intuitive ways to provide users with touch feedback.

Glad Chinda
Feb 4, 2020 ⋅ 10 min read
Web Design For The Apple Watch With Toucaan CSS

Web design for the Apple Watch with Toucaan CSS


With Toucaan CSS, you can easily scale your webpages down to the tiniest form factor of them all: the Apple Watch.

Marvin Danig
Jan 21, 2020 ⋅ 7 min read
Building A Design System With Grommet

Building a design system with Grommet and Storybook


Design systems are more than a buzzword. Learn why they’re important and how to build your own.

Emmanuel Yusufu
Sep 12, 2019 ⋅ 6 min read