Design
Single-Page Portfolio Sites: 8 Examples and How to Build One
Eight live single-page portfolios worth studying, and the structure, CSS scrolling and navigation patterns that make a one-page site work.
Topic
Design
Inspiration, visual trends, illustration and the design tools behind them.
Design
Adobe Illustrator Shortcuts Worth Learning
The Illustrator shortcuts that save the most time, for Mac and Windows: duplicate, lock, hide, fill and stroke keys, guides, shape tools…
Design
Web Design Trends With Live Examples
Ten web design trends with real, live examples and the modern CSS behind them, from bento grids and light-dark() to container queries,…
Design
How to Design Mini Icons in SVG
Draw 16px icons on a pixel grid, align strokes so they stay sharp, optimise the SVG and ship a currentColor sprite you…
Design
Landing Pages Inspiration: 9 Great Examples and the Patterns Behind Them
Nine live landing pages worth studying, from Linear to Plausible, plus the hero, call-to-action and trust patterns they share and a checklist…
Design
Photoshop Shortcuts That Aren’t in the Menus
The Photoshop shortcuts that never appear next to a menu item: marquee, brush, blend mode, layer and workspace tricks with Windows and…