Web development
Articles
Making an audio waveform visualizer with vanilla java script
Matthew Ström - 24 February 2024
An article on CSS Tricks
A Few Ways CSS Is Easier To Write In 2023 — 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 …
Using Netlify to build an email sign-up widget
Matthew Ström - 24 February 2024
An article on CSS Tricks
Native, Web or Hybrid App: Which One is Better?
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 Is Getting Too Complex, And It May Be Our Fault — 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. …
CSS Blurry Shimmer Effect — 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 …
Top Front-End Tools Of 2023 — 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 …
The View Transitions API And Delightful UI Animations (Part 2) — 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 …
The View Transitions API And Delightful UI Animations (Part 1) — 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 …
Preparing For Interaction To Next Paint, A New Web Core Vital — 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. …
Creating Accessible UI Animations — 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 …
Back-End & Web Development Trends For 2024
UX Planet - 23 October 2023
By Mary Moore, copywriter at Shakuro
What Are the Benefits of Hiring a Professional Web Design Company
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 …
The Future of Web Design - Emerging AI Technologies and Trends
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 …
10 AI website builders every UI/UX designer must try
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 …
Framer 101
Prototypr - 14 May 2023
I know you must be thinking of yet another tool to build the website. Trust me, in the world of …
How I Export Figma to Webflow
UX Planet - 23 February 2023
My Process of Exporting Figma Design to Webflow. Continue reading on UX Planet »
Launch Website in a day - Ultimate Workflow with Figma & Framer
UX Planet - 14 December 2022
1. Design in Figma
Finding Common Patterns Across Frameworks – Ian Frost Weather
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 …
Tools
Bodymovin
An After Effects extension to export animations for web.
Catalog
Combine design documentation with real, live components in one single place, making collaboration between designers and developers seamless.
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.
Fractal
Build. Document. Integrate. Powerful component libraries & styleguides that fit the way you work.
HTML Sketchapp
HTML Sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.
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.
Jekyll
Transform your plain text into static websites and blogs.
Keyframes
Keyframes helps you write better CSS. Dead simple visual tools to help you generate CSS for your projects.
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.
Netlify
Netlify is everything you need to build fast, modern websites: continuous deployment, serverless functions, and so much more.
React Sketch.app
Render React components to Sketch; tailor-made for design systems
Storybook
An open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.