Web Design
The best lessons and design tools for professionals.
web Tools
Bubble
No-code platform for building database-driven web applications with visual workflows and user authentication
Coda
Mac code editor combining file management, text editing, and live preview for web designers building sites
Emmet LiveStyle
Browser and editor plugin for real-time bi-directional CSS editing between code and DevTools
FlutterFlow
No-code visual builder that generates Flutter code for creating native iOS and Android apps with drag-and-drop design
Framer
No-code website builder for designers to create and publish production sites with visual editing and animations
Framer.js
Code-based prototyping library using CoffeeScript for creating advanced animations and interactions
Hammer for Mac
Mac app for building static HTML sites with includes, SASS compilation, and auto-reload during development
Heroku
Platform-as-a-service for deploying web apps and prototypes with Git, supporting Ruby, Node.js, Python, and Java
ImageAlpha
Mac app that compresses PNG images with transparency using lossy compression for smaller file sizes
ImageOptim
Free Mac app for lossless image compression that reduces PNG, JPEG, and GIF file sizes without quality loss
JPEGmini
Photo compression software that reduces JPEG file sizes up to 80% with no visible quality loss
Webflow
Visual web development platform that lets designers build production-ready websites without writing code while maintaining full design control