Web development


Articles

Making an audio waveform visualizer with vanilla java script

Matthew Ström

Matthew Ström - 24 February 2024

An article on CSS Tricks

Web development

A Few Ways CSS Is Easier To Write In 2023 — Smashing Magazine

Smashing Magazine

Smashing Magazine - 24 February 2024

We’re living in somewhat of a CSS renaissance with new features, techniques, experiments, and ideas coming at us to an …

Web development

Using Netlify to build an email sign-up widget

Matthew Ström

Matthew Ström - 24 February 2024

An article on CSS Tricks

Web development

Native, Web or Hybrid App: Which One is Better?

Interaction Design Foundation

Interaction Design Foundation - 23 February 2024

Discover the pros and cons of native, hybrid, and web apps to guide your UX design and mobile development decisions. …

Web development

Web Development Is Getting Too Complex, And It May Be Our Fault — Smashing Magazine

Smashing Magazine

Smashing Magazine - 7 February 2024

An overwhelming number of frameworks and tooling available today gives the impression that web development has gotten perhaps too complex. …

Web development

CSS Blurry Shimmer Effect — Smashing Magazine

Smashing Magazine

Smashing Magazine - 25 January 2024

Taking inspiration from shadows, author Yair Even Or creates the same sort of thing, only with a blurring effect in …

Web development

Top Front-End Tools Of 2023 — Smashing Magazine

Smashing Magazine

Smashing Magazine - 11 January 2024

Useful front-end tools for CSS and JavaScript developers that were most popular last year and will help you speed up …

Web development

The View Transitions API And Delightful UI Animations (Part 2) — Smashing Magazine

Smashing Magazine

Smashing Magazine - 2 January 2024

The View Transitions API is a new — but game-changing — feature that allows us to do the types of …

Web development

The View Transitions API And Delightful UI Animations (Part 1) — Smashing Magazine

Smashing Magazine

Smashing Magazine - 27 December 2023

The View Transitions API is a new — but game-changing — feature that allows us to do the types of …

Web development

Preparing For Interaction To Next Paint, A New Web Core Vital — Smashing Magazine

Smashing Magazine

Smashing Magazine - 7 December 2023

Starting in March 2024, Interaction to Next Paint will formally replace First Input Delay as a Core Web Vital metric. …

Analytics Web development

Creating Accessible UI Animations — Smashing Magazine

Smashing Magazine

Smashing Magazine - 10 November 2023

Animation and accessibility are often seen as two separate powers at odds with one another. How is it possible to …

Accessibility Web development

Back-End & Web Development Trends For 2024

UX Planet

UX Planet - 23 October 2023

By Mary Moore, copywriter at Shakuro

Web development

What Are the Benefits of Hiring a Professional Web Design Company

UX Planet

UX Planet - 25 September 2023

Your market research was spot on. Your marketing messages are testing well. Your paid ads are working and your website …

Web development

The Future of Web Design - Emerging AI Technologies and Trends

UX Matters

UX Matters - 25 September 2023

By Jordan Smith In the fast-paced world of Web design, staying ahead of the curve is crucial to delivering exceptional …

Web development

10 AI website builders every UI/UX designer must try

UX Planet

UX Planet - 19 August 2023

AI website builders are making waves lately. I’ve seen some truly impressive ones pop up just recently. Imagine just typing …

Artificial intelligence Web development

Framer 101

Prototypr

Prototypr - 14 May 2023

I know you must be thinking of yet another tool to build the website. Trust me, in the world of …

Web development

How I Export Figma to Webflow

UX Planet

UX Planet - 23 February 2023

My Process of Exporting Figma Design to Webflow. Continue reading on UX Planet »

Interface design Web development

Launch Website in a day - Ultimate Workflow with Figma & Framer

UX Planet

UX Planet - 14 December 2022

1. Design in Figma

UI design Web development

Finding Common Patterns Across Frameworks – Ian Frost Weather

Brad Frost

Brad Frost - 6 February 2022

Here’s a break down how we build components with similar conventions across many different frameworks, written by my brother Ian …

Design systems Web development

Tools

Bodymovin

Bodymovin

An After Effects extension to export animations for web.

Animation Web development
Catalog

Catalog

Combine design documentation with real, live components in one single place, making collaboration between designers and developers seamless.

Design systems Web development
Flywheel

Flywheel

Whatever your work environment, Flywheel's powerful WordPress platform removes all the hassles of hosting, streamlines your processes, and lets you get back to doing your best work.

Web development
Fractal

Fractal

Build. Document. Integrate. Powerful component libraries & styleguides that fit the way you work.

Design systems Web development
HTML Sketchapp

HTML Sketchapp

HTML Sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.

Design systems Design-to-code Web development
Hugo

Hugo

Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.

Web development
Jekyll

Jekyll

Transform your plain text into static websites and blogs.

Web development
Keyframes

Keyframes

Keyframes helps you write better CSS. Dead simple visual tools to help you generate CSS for your projects.

Animation Web development
Lottie

Lottie

An iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.

Animation Web development
Netlify

Netlify

Netlify is everything you need to build fast, modern websites: continuous deployment, serverless functions, and so much more.

Web development
React Sketch.app

React Sketch.app

Render React components to Sketch; tailor-made for design systems

Design systems Design-to-code Web development
Storybook

Storybook

An open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

Design systems Web development