Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“design” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Top 10 Enduring Web-Design Mistakes (nng)305
mistakes, usability
The Movement Towards Motion in Website Backgrounds304
animations, backgrounds
Continue Normalising Your CSS (css)303
normalize-css, css, consistency
Landing Page Design: 15 Tips for High Conversions302
landing-pages, tips-and-tricks, user-conversion
Taking the Pattern Library to the Next Level (vit/sma)301
documentation, pattern-libraries, style-guides, design-systems
How We Use Prototyping, and How It Made Us More Efficient (sma)300
prototyping, processes, efficiency, case-studies
Communicating Animation (ali)299
communication, animations, interaction-design
Pixel Density, Demystified298
pixel-density
Advice From a Young Designer to Younger Designers (lil/btc)297
videos, career
Designing Meaningful Animation (vlh/btc)296
videos, animations, css
Crash Course: Learn the Sketch UI in Roughly 4 Minutes 20 Seconds (dxn)295
crash-courses, sketch
Never Show a Design You Haven’t Tested on Users (ali)294
usability, user-experience, testing
Web Designers, Can You Speak Web?293
html, css, browsers, concepts, link-lists
A Simple Web Developer’s Color Guide (sma)292
guides, colors, color-palettes
Building the UI for the New “The Times” Website291
collaboration, architecture, css, documentation, case-studies
Front-End Style-Guides: Definition, Requirements, Component Checklist (nng)290
style-guides, efficiency, consistency, user-experience, checklists
The Veil of Ignorance (mrm)289
accessibility, ethics
An Interview With Libby Nicholaou on Creative Residency (chr/css)288
interviews, creativity
An Interview With Una Kravets (una+/css)287
interviews, css, sass
All Talk and No Buttons: The Conversational UI (ali)286
interaction-design, conversational-design
7 Trends That Will Define Web Design in 2016285
trends, ai, mobile-first, layout, animations
The Power of Responsive Design Sprints (gri/clo)284
responsive-design, processes, agile
Influencing Web Layouts With Print Layouts (chr/css)283
print, css, shapes
Writing Is Design (pjo)282
writing
Blending Modes Demystified (ali)281
images, colors, effects, css
Design, White Lies, and Ethics (ali)280
testing
Styling Placeholder Texts (ppk)279
css, placeholders
The 10 Big Web Design Trends of 2015278
layout, trends, minimalism, scrolling, flat-design, animations, colors, backgrounds, typography
Frameworks (bee/ali)277
responsive-design
The Difference Between Responsive and Adaptive Design (geo/css)276
responsive-design, liquid-design, comparisons
Design + Performance (zem/btc)275
videos, performance, user-experience
Style Guide Best Practices (bra/btc)274
videos, documentation, style-guides, best-practices
9 Ways That Design Trends Are Holding You Back273
creativity
Object-Oriented UX (ali)272
user-experience, information-architecture
How to Create a Web Style Guide You’ll Be Proud Of271
how-tos, documentation, style-guides
Normalize (CSS) No More270
normalize-css
Hey Designers: Stop Being an Afterthought (rhj/sma)269
processes, collaboration, communication
A Brief History of Web Design (dav/btc)268
videos, history
Atomic Design (bra/btc)267
videos, atomic-design
Cheat Your Way With UX (btc)266
videos, user-experience
Making Minimalism Work in Mobile and Web265
prototyping, minimalism, desktop, mobile
Web Design Has as Much Soul Now as It Did Before264
aesthetics, economics
The Characteristics of Minimalism in Web Design (nng)263
minimalism, trends
Web Design Is Dead. No, It Isn’t. (vit/sma)262
tooling, web-platform
Web Design Is Dead (mas)261
tooling, mobile
Design Principles: Compositional, Symmetrical, and Asymmetrical Balance (sma)260
principles
The Roots of Minimalism in Web Design (nng)259
minimalism, history, tips-and-tricks
The Homepage Exception (han/ali)258
homepages, user-experience
Practical Techniques on Designing Animation (sar/sma)257
animations, techniques
Designing for Explicit Choice (sma)256
forms, examples
Meta-Moments: Thoughtfulness by Design (ali)255
user-experience
5 Ridiculously Common Misconceptions About UX254
user-experience
The Web’s Grain (fch)253
web
Content-First Design (ali)252
content
Design Principles: Compositional Flow and Rhythm (sma)251
principles
New Web Layout Ideas for 2015250
layout
An In-Depth Overview of Living Style Guide Tools (sma)249
documentation, style-guides, pattern-libraries, tooling, overviews
How to Automate Style Guide-Driven Development (sma)248
guides, style-guides, automation
Design Principles: Dominance, Focal Points, and Hierarchy (sma)247
principles, hierarchy
Why Developers and Designers Should Work Together246
collaboration, processes
The Love You Make (zel/ali)245
business-relations, career
Style Guide Generator Roundup (ali)244
documentation, style-guides, tooling, link-lists
The Big Web Design Trends for 2015243
trends
Web Design and Principles (j9t)242
principles
Designing WordPress Themes for Printing241
wordpress, theming, print
Designing for Print With CSS (rac/sma)240
print, css
Design Principles: Visual Weight and Direction (sma)239
principles
Why You Should Include Your Developer in the Design Process (boa/sma)238
processes
Website Style Guide Resources237
websites, style-guides, pattern-libraries, documentation, overviews, link-lists
Progress Indicators Make a Slow System Less Insufferable (nng)236
progress-indicators, performance, user-experience
A Front-End Developer’s Ode to Specifications (sma)235
documentation, design-systems, processes
Is Everyone a Designer?234
Before You Hire Designers (mon/ali)233
hiring
Design Principles: Connecting and Separating Elements Through Contrast and Similarity (sma)232
principles, contrast, colors
Junior Designers vs. Senior Designers231
career, processes, comparisons
Consistency (jus)230
consistency, user-experience
Designer’s Guide to DPI229
guides, print, pixel-density
Ten CSS One-Liners to Replace Native Apps (ali)228
css, layout
How Do You Design Interaction? (sma)227
interaction-design
Breaking Web Design Conventions = Breaking the User Experience (nng)226
conventions, usability, user-experience
I Don’t Like It (lau/ali)225
business-relations, communication
What Web Designers Can Learn From Art History224
art, colors
Design Principles: Space and the Figure-Ground Relationship (sma)223
principles, spacing
The Definitive Guide to Form Label Positioning222
guides, forms, labels, accessibility, positioning
A Different Letter to a Junior Designer (mal/ali)221
career
The Web Is a Rectangle220
responsive-design
Creating Style Guides (ali)219
documentation, style-guides, pattern-libraries
Why Your HTML and CSS Mastery Are Not Enough218
html, css, career, learning
Web Animation at Work (ali)217
css, animations
Getting Started With Pattern Libraries (ali)216
introductions, documentation, pattern-libraries, case-studies
A Word on Contemporary Web Design (j9t)215
information-design
Should Designers Code?214
career
Sass for Web Designers (sim)213
books, sass
Art Directed Articles—Still a Good Idea? (chr/css)212
art-direction, trends, examples, responsive-design, link-lists
Flat UI and Forms (ali)211
forms, buttons, accessibility
Flat Design and Thin Is In (sma)210
flat-design
What Makes a Website Look Dated?209
The Web Designer’s Guide to Image Copyrights208
guides, images, licensing
Flat Design as a New Foundation for the Web207
fundamentals, flat-design, responsive-design
Discovering Sketch206
tooling, sketch
Happy 10th Birthday CSS Zen Garden (cra)205
anniversaries, css, css-zen-garden
How Much Has the Web Really Changed? (vas/sma)204
web
Material Honesty on the Web (ali)203
Is Responsive Design Soulless?202
responsive-design, creativity
Defensive Design201
books, user-experience, usability, errors
Andy Clarke: The Interview—Killing Contracts (mal/sma)200
interviews, business-relations, legal
Grid-Based Layouts 101199
layout, grids, adobe
Great Design Is Great Writing (kel)198
flat-design, writing
Twas The Night Before Responsive197
responsive-design
Exploration of Single-Page Websites (sma)196
navigation, landing-pages, examples
20 Inspirational Landing Page Designs195
landing-pages, examples, link-lists
Why Should Web Design Be a Profession? (sma)194
career
5 CSS Properties That Give Designers Fits193
css, floats, shadows, gradients, borders, navigation
Color Theory 101192
introductions, colors
Stefan Sagmeister Interview (sma)191
interviews
The Flat Design Era190
flat-design, link-lists
Homepage Design Changes (nng)189
homepages, history
Facilitating Great Design (ali)188
collaboration, processes
Website Design for Tablets and Mobile187
responsive-design, mobile
Repurposing vs. Optimized Design (nng)186
desktop, mobile, print, optimization, comparisons, user-experience
Web Design Manifesto 2012 (zel)185
manifestos, blogging
Stop Making Endless Design Changes184
processes
An Introduction to Modernizr for Designers (lou/web)183
introductions, modernizr
Design Advice From Jony Ive182
principles
Multi-Device Layout Patterns181
responsive-design, design-patterns, layout, mobile, desktop
For a Future-Friendly Web (bra/ali)180
web, content
Why Transitions Are Important (sma)179
interaction-design, transitions
Responsive Navigation Patterns (bra)178
responsive-design, navigation, design-patterns
Redefining Hick’s Law (sma)177
principles
An Introduction to jQuery for Designers176
introductions, jquery
What Does Google’s Page Layout Algorithm Mean for Web Designers?175
layout, seo
An Important Time for Design (ali)174
Skeuomorphic Design vs. Modern and/or Futuristic Design (mat)173
comparisons
CSS Transitions: A Simple Way to Delight Your Visitors172
css, transitions
Top Minimalist Website Designs: Trends and Examples171
minimalism, trends, examples
Demystifying Design (ali)170
Elements of a Viral Launch Page (sma)169
landing-pages, marketing
A Few Design Trends (jas)168
trends
How to Become a Web Design Expert (boa/sma)167
how-tos, career
Mobile Design Is Not Only Responsive (hcr)166
responsive-design, mobile
Adapted (sim)165
responsive-design, mobile-first
5 Principles of User-Centered Interface Design164
principles, user-experience
Defending the Generalists in the Web Design Industry (boa/sma)163
career
The UX of Learning (ali)162
user-experience, learning
Emphasis in Design (jas)161
Responsive Web Design Techniques, Tools, and Design Strategies (vit/sma)160
responsive-design, techniques, tooling, strategies, link-lists
Following a Web Design Process (sma)159
processes, project-management
Defining Good Design (jas)158
usability, aesthetics
Getting Started With Defensive Web Design (sma)157
introductions, examples
Color Theory 101 (jas)156
introductions, colors
Designing for the Future Web (sma)155
mobile, seo
The Psychology of Color (jas)154
colors
Why User Experience Cannot Be Designed (sma)153
user-experience
The Art of the Single Page Web Site152
examples, link-lists
A Simpler Page (cra/ali)151
typography, readability, html, css, simplicity
Typography Is Not Your Brand, So Don’t Steal It (tim)150
typography, branding
If You’re in Online Marketing and Strategy, This Will Piss You Off (tim)149
marketing, processes, collaboration
The Future of Web Fonts Is Sooner Than It Used to Be148
fonts, woff
5 Quick Ways to Freshen Up Your Web Site Copy147
content, maintenance
Tips for Web Design That Crosses Cultures (css)146
localization, navigation, unicode, colors, seo
In Defense of Hard (pjo)145
simplicity, complexity
Transparency in Web Design (chr/css)144
transparency+opacity, css, png, images
Principles of Icon Design (jon)143
principles, icons, images
Wabi Sabi: Natural Simplicity in Web Design142
simplicity, principles
Grid-Based Web Design, Simplified (sma)141
layout, grids, css
The Dying Art of Design (sma)140
art
The Sad State of the Web Design Community (sma)139
community
The Art of the Web Background138
backgrounds, examples, link-lists
How to Improve Usability With Fitts’ and Hick’s Laws137
how-tos, usability, principles, optimization
The 7 Components of Design136
concepts
Less Ridiculous Standard Ad Sizes (chr/css)135
monetization
Subtle Contrast in Design134
contrast, colors
Principles of Design: Color133
principles, colors
Principles of Design: Contrast132
principles, contrast, colors
The Evolution of Web Design131
history, tables, flash, dhtml, css
Principles of Design: Proximity130
principles
The Death of the Blog Post (vit/sma)129
blogging
Print Design to Web Design: Comparative Analogies (chr/css)128
print, web, comparisons
20 Extraordinary Blogs With Unique Post Designs (sma)127
blogging, link-lists
Vital Tips for Effective Logo Design (sma)126
logos, images, tips-and-tricks
Informative and Usable Footers in Web Design (sma)125
navigation, usability, link-lists
The Battlefield of Design: Designers vs. Clients (boa)124
business-relations, collaboration, processes
Friends Don’t Let Friends Use Comic Sans123
fonts
Even Designers Are Using CSS3? (dal/aja)122
css
In Defense of Eye Candy (ali)121
decoration, user-experience
Do You Do Spec Work?120
business-relations, economics
8 Simple Typography Tips for Your Designs (sma)119
typography, css, tips-and-tricks
10 Principles of Readability and Web Typography (sma)118
typography, readability, principles
Is Minimalist Still in Vogue? You Bet117
minimalism
Graceful Blame (dav)116
career, community
Don’t Follow Web Design Trends: Set Them (sma)115
branding
Accessibility Experiment114
accessibility
Design by Community (mar)113
redesigning, drupal, community, processes
Jina Bolton on Creating Sexy Stylesheets (jin)112
interviews, css
A Designer’s Guide to HTML Email (mis)111
guides, email, html
Use the Best Available Ampersand (sim)110
typography
7 Essential Guidelines for Functional Design (sma)109
guidelines
Web Design Is Not Print Design (mat)108
web, print
Compared to What? (j9t)107
information-design
Mark Boulton’s Freelance Design Secrets (mar)106
interviews, css
Fancy Form Design Using CSS (the)105
forms, accessibility, css
Web Design: 10 Additional Research Findings You Should Know (j9t)104
usability, research, conventions, best-practices
Design Rants (dav)103
typography, readability, responsive-design, semantics
Writing an Interface Style Guide (jin/ali)102
style-guides, design-systems, conventions, documentation
Andy Budd on Usability, Design, and the Death of CSS (and)101
interviews, usability, css
Web Design 101: Photoshop (dig)100
introductions, photoshop, adobe
Footers in Web Design: Creative Examples and Ideas (sma)99
navigation, examples
13 Reasons Why CSS Is Superior to Tables in Website Design98
layout, tables, css, comparisons
Ajaxian Roundup for March 2008: IE 8, Acid3, and Performance (dal/aja)97
browsers, javascript, dojo, dwr, extjs, prototypejs, jquery, css, performance, tooling, mobile, databases, comet, ajaxian, link-lists
The Web Beyond the Desktop (dav/dig)96
web, desktop, mobile, browsers
The 10 Design Theses of Dieter Rams (j9t)95
guidelines
Design Is in the Details (ali)94
Ajaxian Roundup for January 2008: JavaScript Turtles and IE 8 (dal/aja)93
javascript, prototypejs, dojo, extjs, jquery, gwt, yui, dwr, gears, flash, air, json, browsers, standards, css, comet, security, ajaxian, link-lists
10 Principles of Effective Web Design (vit/sma)92
principles, usability, performance, simplicity, whitespace, conventions, testing
Do Websites Need to Look Exactly the Same in Every Browser? (sim)91
websites, browsers
Understanding Web Design (zel/ali)90
typography
Better Web Forms: Redesigning eBay’s Registration (gar/dig)89
forms, case-studies
Monthly Ajaxian Roundup for September 2007: JavaScript Mashups Take a Step Forward (dal/aja)88
dojo, extjs, prototypejs, jquery, yui, browsers, javascript, offline, mobile, adobe, comet, ajaxian, link-lists
Web Design 101: Floats (vir/dig)87
introductions, floats, css
Are You a Web Designer or a Web Decorator? (j9t)86
career, decoration
80 Beautiful Typefaces for Professional Design (sma)85
fonts
Bulletproof Web Design, Second Edition (sim)84
books, xhtml, css
Typography and Web Advertising: Making Every Opportunity Count (dig)83
typography, monetization
Frameworks for Designers (ali)82
frameworks
Re: 55 Reasons to Design in XHTML/CSS81
xhtml, html, css
The Principles of Beautiful Web Design80
principles, processes, overviews
Icon Design: Sizing (dav)79
images, icons
1 + 1 = 3: Explaining Busyness and Background Noise on Websites (j9t)78
information-design
It’s in the Details: Seven Secrets of a Successful International Website (dig)77
internationalization, localization, ecommerce, colors
Web Design: 15 Important Research Findings You Should Know (j9t)76
usability, research, conventions, best-practices
Design Decisions: Basecamp Help (jas)75
Five Simple Steps to Designing With Colour (mar)74
colors
The Ultimate Web Page (jus)73
tech-stacks, prioritization
Web Designer’s Guide to Print Design (mar)72
guides, print
“Cascading Style Sheets: The Designer’s Edge” by Molly Holzschlag71
books, css
Principles and Elements of Design (dig)70
principles
“Color for Websites” by Molly Holzschlag69
books, colors
Content Is King68
content, metrics
Nine Tips for Designing Rich Internet Applications67
rich-internet-apps, tips-and-tricks
The Value of Graphic Design (jus)66
usability
Avoid Edge Cases by Designing Up Front (ali)65
processes
Good Designers Redesign, Great Designers Realign (cam/ali)64
branding, career
Top 5 Web Design Mistakes (nza)63
images, javascript, colors, fonts, mistakes
Scrolling and Scrollbars (nng)62
scrolling, usability
Zoom Layout (sto)61
layout, accessibility, zooming
Open Source Design? (dav)60
foss, html, css
The Principles of Design (dig)59
principles, fundamentals, link-lists
Information Architecture as an Extension of Web Design (dig)58
information-architecture, layout, hierarchy
Invasion of the Body Switchers (sib+/ali)57
accessibility, css
The End of Usability Culture (dig)56
usability, culture
Iterative Design (jus)55
processes
Please Make Me Think! Are High-Tech Usability Priorities Backwards?54
usability
Rebranding the World Wide Web Consortium53
w3c, branding
The Need for Web Design Standards (nng)52
usability, conventions
Fitts’s Law (dav)51
principles, usability
Are Web Sites Identical? (jon)50
Great CSS Design (dav)49
css, link-lists
Redesigning Google’s Search Results Page48
google, search, redesigning
Top Ten Web Design Mistakes of 2003 (nng)47
mistakes, usability
WaSP Interviews Dan Cederholm (sim)46
interviews, standards, case-studies
CSS Based Design (ada)45
css, positioning, floats, xhtml
CSS Zen Garden: The Beauty in CSS Design (dav)44
websites, css, examples, css-zen-garden
CSS Zen Garden (dav)43
css, examples, css-zen-garden
Table-Less Design (dav)42
css, layout
Alternative Interfaces for Accessibility (nng)41
accessibility, usability
Progressive Enhancement and the Future of Web Design40
outlooks, progressive-enhancement, graceful-degradation, print
Inclusive Web Design for the Future (sch)39
slides, history, browsers, graceful-degradation, standards, strategies, comparisons
Credibility and CSS (sim)38
layout, css
Form Follows Function (ppk/dig)37
art, print, web
Top 10 Web Design Mistakes of 2002 (nng)36
usability, mistakes, retrospectives
What Is Liquid Design?35
liquid-design
Fluid Thinking (ppk/dig)34
liquid-design, graceful-degradation, css
CSS Design: Taming Lists (ali)33
lists, css
Debate—Design Is Dead!32
Debate—Design Is Not Dead!31
CSS Design: Going to Print (mey/ali)30
css, print
When Design Motivates (dig)29
Reading Design (ali)28
content, readability, typography
The Real History of the GUI27
history
Web Designer and Proud of It (ali)26
career
The Tao of Design (dig)25
To Use or Not to Use: An XHTML Roadmap for Designers (mho/dig)24
xhtml, html
Tips: Design for Accessible Web Sites23
accessibility, tips-and-tricks
Flash: 99% Bad (nng)22
flash, user-experience
What Makes Those Damn Clients So Difficult? (dig)21
business-relations, collaboration
When Web Pages Don’t Work20
user-experience, navigation, performance, graceful-degradation, usability, testing
End of Web Design (nng)19
content, interaction-design, information-architecture, usability
The Birth of Design Is Kinky (dig)18
case-studies
A Dao of Web Design (joh/ali)17
principles
Web Design Concerns16
accessibility, internationalization, frames, link-lists
Digital Fashion (dig)15
Ten Good Deeds in Web Design (nng)14
usability, best-practices, conventions
MIT Disabilities Resources: Universal Design and Web Accessibility (mit)13
accessibility, link-lists
Liquid Web Design: Build It Right and It Will Work No Matter What the Container (nic/dig)12
liquid-design
Web Design for Dyslexia11
accessibility, dyslexia
Disabled Accessibility: The Pragmatic Approach (nng)10
accessibility, processes
A Divided Approach to Web Site Design: Separating Content and Visuals for Rapid Results9
processes
Who Commits the “Top Ten Mistakes” of Web Design? (nng)8
performance, usability, mistakes
“Top Ten Mistakes” Revisited Three Years Later (nng)7
mistakes, frames, urls, scrolling, retrospectives
The Creative Process (ali)6
creativity, processes
Differences Between Print Design and Web Design (nng)5
web, print, comparisons
Unified Web Site Accessibility Guidelines (w3c)4
guidelines, accessibility, html, content, lists, tables, links, images, multimedia, frames, forms
Best Viewed With Any Browser3
browsers, support, principles
Art and the Zen of Web Sites2
web, colors, images, image-maps, tables, frames, java, javascript, monetization, testing, maintenance, tips-and-tricks
WWW: Beyond the Basics1
books, web, history, standards, programming, outlooks