Picture Wall - 339 pics

2025 year in review | Sean Voisen
My CSS selector strategy  •  Stuff & Nonsense
Are we stuck with the same Desktop UX forever? | Ubuntu Summit 25.10
Pikaday
Adam Argyle - 25 new & rad feature of CSS
Style your underlines | Adactio: Journal
Printing the web: making webpages look good on paper - Piccalilli
Falsehoods software teams believe about user feedback
What Leonardo Da Vinci Can Teach Us About Web Design — Smashing Magazine
CSS Relative Colors
HTTP response status codes - HTTP | MDN
Personal Software: The Unbundling of the Programmer?
Inclusively Hiding & Styling Checkboxes and Radio Buttons
CSS-Only Accessible Dropdown Navigation Menu | Modern CSS Solutions
SVG Tutorial: How to Code SVG Icons by Hand | Aleksandr Hovhannisyan
Mesh Gradient Generator (SVG/Figma export) [+inspo gallery]
Interactions by Nitish Khagwal
Problems solved by OpenType | Roel Nieskens | CSS Day 2024
CSS Text balancing with text-wrap:balance
Layout grids in the browser · Medienbäcker Thomas Günther
Beautiful focus outlines · Medienbäcker Thomas Günther
Exposed RSS – Chris Coyier
An HTML element id is a global variable
How I build a button component - Piccalilli
Styling Tables the Modern CSS Way - Piccalilli
Great Animations
How not to use box shadows
CSS Grid Areas
The Modern Guide For Making CSS Shapes — Smashing Magazine
Hardest Problem in Computer Science: Centering Things @ tonsky.me
93 Beautiful CSS box-shadow examples - CSS Scan
Better Sales Pages with better Typography - Pimp my Type
CSS Button Styles You Might Not Know | David Bushell
Designing better target sizes
Design-Pattern Guidelines: Study Guide
How SVG Fragment Identifiers Work | CSS-Tricks - CSS-Tricks
GitHub - paulirish/lite-youtube-embed: A faster youtube embed.
Modern iOS Navigation Patterns · Frank Rausch
Physical values and human perception
GitHub - abi/screenshot-to-code: Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
The Content Brick Method: A quicker way of creating a website structure | Octopus.do
Free SVG generators, color tools & web design tools
Introducing Fontimize| Subset Fonts to Exactly and Only Your Website's Used Characters ⸺ Dave on Design
The hidden depths of the input element - HTMHell
Template for accessibility guidelines - HTMHell
Design pattern for custom tooltips - HTMHell
On the
| Ben Myers
An Interactive Guide to CSS Grid
Why You Should Use px Units for margin, padding, & Other Spacing Techniques | Ashlee M Boyer
Re-Creating The Pop-Out Hover Effect With Modern CSS (Part 1) — Smashing Magazine
Stephanie Eckles - Scaling CSS Layout Beyond Pixels
Thinking on ways to solve color palettes
HTML: The good parts - Vadim Makeev
html - Valid to use (anchor tag) without href attribute? (buttons) - Stack Overflow
Accessible HTML Video “Facades”. One of the biggest problems in building… | by Jason Knight | Apr, 2023 | Medium
Typography Manual by Mike Mai
Day 3: Zoopla Theatre: Mark Overmeer - Apache in Pure Perl
16 little UI design rules that make a big impact - Adham Dannaway
Doodle Ipsum
Boilerform
CSS Masking - Ahmad Shadeed
3 useful CSS hacks | Kevin Powell
Hex Colors Aren't Great At Anything Except Being Popular - Chris Coyier
Henry From Online | Using Focal Points, Aspect Ratio & Object-Fit To Crop Images Correctly
CSS Position Sticky - How It Really Works! | by Elad Shechter | Medium
An Interactive Guide to Flexbox in CSS
Neumorphism/Soft UI CSS shadow generator
CSS Grid Generator
Responsive HTML/CSS Image Gallery Using “Columns”, No Extra Markup Needed! | by Jason Knight | CodeX | Nov, 2022 | Medium
AutoAnimate - Add motion to your apps with a single line of code
6+5 ways to make a two-column layout: from pretty reasonable to com­pletely wrong — Vadim Makeev
Web Development recently got a whole lot easier (and you might not have noticed yet) | by Janko Hofmann | Sep, 2022 | Medium
9 Side Hustle Tools That Will Blow Your Mind | by Nitin Sharma | The Startup | Aug, 2022 | Medium
UX Design Challenges | UX Tools
New in Chrome: CSS Overview | CSS-Tricks - CSS-Tricks
10 Useful Firefox Developer Tools You Should Know - Hongkiat
GitHub - n3r4zzurr0/svg-spinners: A collection of 24 x 24 dp SVG spinners! (CSS & SMIL)
Creative list styling
Creating Custom Icon Webfonts. Webfont icons — what typographers would… | by Jason Knight | CodeX | Aug, 2022 | Medium
Explore DOM Events 👩‍🔬
accent-color - CSS: Cascading Style Sheets | MDN
Loaders | UI Ball
Best Practices to Reduce Cognitive Effort on Checkout Forms
CSS { In Real Life } | Aspect Ratio is Great
22 CSS Libraries For Website Design | by Niemvuilaptrinh | Dec, 2021 | Medium
UI Design Best Practices for Better Scannability | Toptal
Web Design in 4 minutes
iPhone Templates - Eric Kennedy
Getting Deep Into Shadows | CSS-Tricks - CSS-Tricks
Form design: from zero to hero all in one blog post – Adam Silver – Designer, London, UK.
DoodleCSS
The power of CSS attribute selectors
CSS Shadow Palette Generator
Modern CSS Reset / Global Styles
The tortuous journey of enhancing our color palette | by Jérôme Benoit | Doctolib | Oct, 2021 | Medium
Tint and Shade Generator
Pure CSS Custom Styled Radio Buttons | Modern CSS Solutions
Jorge Arango | Information architect, author, and educator
A Universal Way to Set Up a Harmonious Line Spacing | by Onchky | Medium
9 Types of Top CSS Frameworks In 2021 - 1stWebDesigner
Why the GOV.UK Design System team changed the input type for numbers - Technology in government
Bulma: Free, open source, and modern CSS framework based on Flexbox
Concentric Circle Spinner - Frontend Horse
Negative Space – How Best to Use It in Website and App Design
Get illustrations for Websites and applications
The secret of CSS triangles. If you ever wanted to create triangles… | by Mathilde E. | Achiev | Medium
My current HTML boilerplate - Manuel Matuzović
How To Use Help Elements To Improve Your Designs — Smashing Magazine
Teach Yourself Graphic Design: A Self-Study Course Outline
Better in Black: Rethinking our Most Important Buttons | Spotify Design
How to pick more beautiful colors for your data visualizations - Datawrapper Blog
Design is more than problem solving | by Dennis Hambeukers | Design Leadership Notebook
Color Schemes | Modern Color Palette Collections 2020 & 2021
Open color is an open-source color scheme
Complete Guide to Libre Franklin • Beautiful Web Type
Sortable Table Columns | Adrian Roselli
7 Alternatives to the
Handling Text Over Images in CSS
MVC Tutorials Are Broken - DEV Community
8 Easy Ways to Improve Your Website Typography in Under 30 Minutes | Webdesigner Depot Webdesigner Depot » Blog Archive
ButtonBuddy - Accessible button contrast generator
50+ Fresh Resources for Designers, March 2016 | Webdesigner Depot Webdesigner Depot » Blog Archive
The Principles of UX Choreography
10 CSS Tricks You Need to Know About (Part 2) | by Before Semicolon | Jan, 2021 | Medium
Why Tailwind Isn't for Me - DEV Community
How to Favicon in 2023: Six files that fit most needs — Martian Chronicles, Evil Martians’ team blog
Optimizing Image Depth | CSS-Tricks
A Complete Guide to CSS Media Queries | CSS-Tricks
7 All-Too-Common Landing Page Errors You Must Avoid | Webdesigner Depot
Building Website Headers with CSS Flexbox
GitHub - xz/new.css: A classless CSS framework to write modern websites using only HTML.
Essential Cheat Sheet: Convert jQuery to JavaScript
17 Open Source Fonts You'll Actually Love | Webdesigner Depot
Introducing Mono Icons – Mono
7 Practical Tips for Better Microcopy | Learn UXD
The Designer's Guide to Letter-Spacing | Webdesigner Depot
Your Career in Web Development Starts Here | The Odin Project
Learn Z-Index Using a Visualization Tool
What to Use Instead of Number Inputs
Responsive Images the Simple Way - Cloud Four
CSS Viewport Units
Stop using Material Design text fields! - Matsuko Friedland
Learn Box Alignment
How the Illustration Design Trend Caught Fire & Why Every SaaS Is Rebranding
Visual Dividers in User Interfaces: Types and Design Tips | Tubik Studio
The Evolution of Material Design’s Text Fields - Google Design - Medium
Build a Classic Layout FAST in CSS Grid - YouTube
Optimizing images for the web - an in-depth guide - DEV Community 👩‍💻👨‍💻
5 Rules for Choosing the Right Words on Button Labels
Everything You Ever Wanted to Know About inputmode | CSS-Tricks
Designing button focus states for better usability - DEV Community 👩‍💻👨‍💻
Optimizing Google Fonts Performance — Smashing Magazine
Users Don’t Want Filters, They Want Better Content – Hopper – Medium
Fading out siblings on hover in CSS
10 Common Design Mistakes… and How to Avoid Them – Distillery Tech – Medium
How To Align Things In CSS — Smashing Magazine
Fixing MVC in Web Applications
You probably don’t need input type=“number”
Animating SVG with CSS – LogRocket
Making CSS Animations Feel More Natural
Elevation - Material Design
Everything You Need To Know About Alignment In Flexbox
Free Frontend - CSS Menus
What Happens When You Create A Flexbox Flex Container? — Smashing Magazine
CSS Duotone Generator
How to use Chrome DevTools like a Pro | The JotForm Blog
Understanding CSS Layout And The Block Formatting Context
How To Design Emotional Interfaces For Boring Apps — Smashing Magazine
Why you should use Google Font Superfamilies
The Best Place for Error Messages on Forms
The Top 14 Google fonts For Strong Headlines and Headings
How to Use CSS Gradients on the Web
13 Tenets Of User Experience — Smashing Magazine
How To Use Shadows And Blur Effects In Modern UI Design — Smashing Magazine
A Simple Web Developer's Color Guide — Smashing Magazine
The Art of Designing With Heart – Signal v. Noise
Dark Side of UI: When Dark Is Good for Users. – design4users
Is Web Typography Completely Broken? | Zell Liew
UX Reality Check: 14 Hard Truths About Users
The Value of Multi-Typeface Design – About face – Medium
50+ fresh resources for designers, March 2016 | Webdesigner Depot
Material Components
A Complete Guide to Flexbox
The 8 Commandments of Creating an Awesome User Experience - Daily UI Design Inspiration & Patterns - UI Garage
Progress Bars vs. Spinners: When to Use Which
Grid Navigation Effects with jQuery
Using Motion For User Experience On Apps And Websites
What’s New and What’s Changed in Bootstrap 4
Here’s a list of fun apps to build!
Using Gradients In User Experience Design
7 Practical Tips for Cheating at Design – Refactoring UI – Medium
Demystifying CSS alignment – Patrick Brosset – Medium
Web Typography: Designing Tables to be Read, Not Looked At · An A List Apart Article
More Padding, Please! – Wayfair Design – Medium
Writing-first Design
Skeuomorphism, Flat Design and The Rise of Type Design
2017 Design Trends Guide
Buttons in Design Systems – EightShapes – Medium
Build a Style Guide Straight from Sass
How to construct a design system
Static Site Generators Reviewed: Jekyll, Middleman, Roots, Hugo
Google Fonts - Cabin
Building Production-Ready CSS Grid Layouts Today
Twitter Redesign - Circles Explained
CSS3: Animations vs. Transitions
Better Form Design: One Thing Per Page (Case Study)
30 free Sketch plugins to grab right now
Material Design - Google
Front End Center — Why Inline SVG is Best SVG - YouTube
Build an awesome Hero Header - CSS Animation
GitHub - JustClear/blurify: blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.
Seeing Theory
Intro to the 8-Point Grid System – Built to Adapt – Medium
55 CSS Checkboxes
The Wireframe Perfectionist’s Guide
True Lies Of Optimistic User Interfaces
110 CSS Menu
An Introduction To Building And Sending HTML Email For Web Developers
How to Make Color Overlays Work in Your Design
Overview of SVG Animation Usage in Web Design
Toolbar
Material Design buttons
Experience Design Essentials: Animated Microinteractions In Mobile Apps
Stripe.com Navigation in CSS and jQuery | CodyHouse
How to design words – Medium
Low cost usability testing – Medium
Behance
https://www.zachleat.com/web/comprehensive-webfonts/
what's your favorite CSS "trick"? · GitHub
Why Aren’t You Asking Questions? · An A List Apart Article
Links vs. Buttons in Modern Web Applications
Viewport Unit Based Typography | Zell's blog
Why is Vertical Rhythm an Important Typography Practice? | Zell's blog
Advanced Search Form
Contact Form
Auto-Hide Sticky Header
CSS Pagination | CodyHouse
Float labels with css
Easings cheatsheet
typespiration.com - A showcase of web typography designs with ready-to-use CSS codes.
https://css-tricks.com/youtube-popup-buttons/
GitHub - florian/cookie.js: A tiny JavaScript library that simplifies cookies.
Principles Of Minimalist Web Design, With Examples – Smashing Magazine
Font Awesome, the iconic font and CSS toolkit
“Modern” homepage design increases pageviews and reader comprehension, study finds » Nieman Journalism Lab
Material Design Icons, Goodies And Starter Kits – Smashing Magazine
Color Theory For Designers: Creating Your Own Color Palettes – Smashing Magazine
All – PSD Repo
10 Material Design iOS components for OSX and iOS development
How to choose breakpoints — Web Fundamentals
How to Create a Simple CSS Dropdown Menu | Treehouse Blog
7 Rules for Creating Gorgeous UI (Part 1) — Medium
High Performance Animations - HTML5 Rocks
Design Considerations: Text on Images | CSS-Tricks
Aligning type to baseline the right way using SASS — Written In Code — Medium
Hybrid Mobile Apps: Providing A Native Experience With Web Technologies | Smashing Magazine
Code for America Style Guide
Using SVG to shrink your PNGs | Peter Hrynkow
6 Things I Learned About Print Stylesheets From HTML5 Boilerplate | Design Shack
6 Easy Ways to Make Your Website Tablet-Friendly
Pearsonified’s Golden Ratio Typography Calculator
Using X-UA-Compatible to Create Durable Enterprise Web Applications - The App Compat Guy - Site Home - MSDN Blogs
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
CSS Reference - CSS | MDN
CKEditor - WYSIWYG Text and HTML Editor for the Web
Framer: If you frame it, it's art.
Improving Usability with Fitts’ Law
10+ useful tools to simplify CSS3 development | CatsWhoCode.com
6 Useful CSS Button Recipes You Can Copy & Paste | Design Shack
Why Your Form Buttons Should Never Say Submit - UX Movement
The Anatomy of a Perfect Landing Page - Formstack
12 Free Repeating Pixel Patterns for Photoshop
Designing with Strong Simple Focal Points | Design Shack
Applying the Golden Ratio to your Web Designs | Design Shack
40 Useful Online Generators For Web Designers - Noupe Design Blog
Design for Hackers: Why Monet Never Used Black, & Why You Shouldn’t Either
15 Must Have Firefox Add-ons For CSS Developers
How to Write an Effective About Me Page | Onextrapixel - Showcasing Web Treats Without A Hitch
A List Apart: Articles: The Look That Says Book
25 Beautiful Image Styling Tutorials With CSS,jQuery
Google Font API - Google Code
50+ High-Quality Free PSD Web Templates » DJDESIGNERLAB – Find All Your Design Inspirations From This Laboratory
50 Examples of Black in Web Design – Black is Beautiful! - Speckyboy Design Magazine
A List Apart: Articles: Contrast is King
Free Printable Sketching, Wireframing and Note-Taking PDF Templates - Smashing Magazine
Using Git to Maintain Your Website | danielmiessler.com
The Mystery Of The CSS Float Property « Smashing Magazine
7 Key Principles That Make A Web Design Look Good « Noupe
Open Source E-Commerce Shopping Carts – Best Of | Tools
Style a List with One Pixel | CSS-Tricks
14 Brilliant Tools for Evaluating Your Design’s Colors
Typechart - Browse Web Type, Grab CSS.
A Detailed Look at the Z-Index CSS Property | Impressive Webs
Fixed vs. Fluid vs. Elastic Layout: What's The Right One For You? | How-To | Smashing Magazine
The CSS Box Model
Five Ways to Speed Up Page Response Times
Modal Windows In Modern Web Design | Design Showcase | Smashing Magazine
8 Layout Solutions To Improve Your Designs | How-To | Smashing Magazine
Make High-Impact Backgrounds for Your Designs with Photoshop
Style Your Ordered List
What is Vertical Align?
30 Exceptional CSS Navigation Techniques
The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible.
38 Free Elegant XHTML/CSS Website Templates | Graphics
The Golden Ratio in Web Design - NETTUTS
A List Apart: Articles: Setting Type on the Web to a Baseline Grid
How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds - PSDTUTS
Post/Redirect/Get - Wikipedia, the free encyclopedia
15 Tools to Help You Develop Faster Web Pages - Six Revisions
6 Quick’n'Dirty Photoshop Text Effects From Scratch - PSDTUTS
20 Useful Tools to Make Web Development More Efficient | Six Revisions
Shopping Cart Software - Free Ecommerce Shopping Cart - AgoraCart
Grid-Based Design: Six Creative Column Techniques | How-To | Smashing Magazine
24 ways: Compose to a Vertical Rhythm
Punctuation On The Web
Grid and Column Designs
A List Apart: Articles: How to Size Text in CSS
CSS Sprites: What They Are, Why They’re Cool, and How To Use Them - CSS-Tricks
What Beautiful HTML Code Looks Like - CSS-Tricks
CSS Specificity: Things You Should Know
A re-introduction to JavaScript - MDC
developerWorks : Web development : Technical library view
The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!) - Joel on Software
Eric's Archived Thoughts: Reset Reloaded
35 Designers x 5 Questions | Smashing Magazine
14 Tab-Based Interface Techniques | Smashing Magazine
A List Apart: Articles: The Trouble With EM ’n EN (and Other Shady Characters)
http://www.bittbox.com/
SEOmoz | 8 Web Design Tactics to Help You When You're Stuck
Worth1000.com | Photoshop Contests | Are you Worthy™ | tutorial
50 Beautiful CSS-Based Web-Designs in 2006 | Smashing Magazine
24 ways: Writing Responsible JavaScript
Digital Web Magazine - Packaging Design for Web-based Products
Inside the Marketing Mind | Marketing and self promotion ideas and tips: The potent power of proposals
SEO Tools « Sitening « Nashville Web Design & Web Development
Google Information for Webmasters
Veerle's blog
Veerle's blog - Comments
A List Apart: Articles: Sliding Doors of CSS