Life is about deciding who you 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#
An Interview With Libby Nicholaou on Creative Residency (chr/css)282
interviews, creativity
An Interview With Una Kravets (una+/css)281
interviews, css, sass
All Talk and No Buttons: The Conversational UI (ali)280
interaction-design, conversational-design
7 Trends That Will Define Web Design in 2016279
trends, ai, mobile-first, layout, animations
The Power of Responsive Design Sprints (gri/clo)278
responsive-design, processes, agile
Influencing Web Layouts With Print Layouts (chr/css)277
print, css, shapes
Writing Is Design (pjo)276
writing
Blending Modes Demystified (ali)275
images, colors, effects, css
Design, White Lies, and Ethics (ali)274
testing
Styling Placeholder Texts (ppk)273
css, placeholders
The 10 Big Web Design Trends of 2015272
layout, trends, minimalism, scrolling, flat-design, animations, colors, backgrounds, typography
Frameworks (bee/ali)271
responsive-design
The Difference Between Responsive and Adaptive Design (geo/css)270
responsive-design, liquid-design, comparisons
Design + Performance (zem/btc)269
videos, performance, user-experience
Style Guide Best Practices (bra/btc)268
videos, documentation, style-guides, best-practices
9 Ways That Design Trends Are Holding You Back267
creativity
Object-Oriented UX (ali)266
user-experience, information-architecture
How to Create a Web Style Guide You’ll Be Proud Of265
how-tos, documentation, style-guides
Normalize (CSS) No More264
normalize-css
Hey Designers: Stop Being an Afterthought (rhj/sma)263
processes, collaboration, communication
A Brief History of Web Design (dav/btc)262
videos, history
Atomic Design (bra/btc)261
videos, atomic-design
Cheat Your Way With UX (btc)260
videos, user-experience
Making Minimalism Work in Mobile and Web259
prototyping, minimalism, desktop, mobile
Web Design Has as Much Soul Now as It Did Before258
aesthetics, economics
The Characteristics of Minimalism in Web Design (nng)257
minimalism, trends
Web Design Is Dead. No, It Isn’t. (vit/sma)256
tooling, web-platform
Web Design Is Dead (mas)255
tooling, mobile
Design Principles: Compositional, Symmetrical, and Asymmetrical Balance (sma)254
principles
The Roots of Minimalism in Web Design (nng)253
minimalism, history, tips-and-tricks
The Homepage Exception (han/ali)252
homepages, user-experience
Practical Techniques on Designing Animation (sar/sma)251
animations, techniques
Designing for Explicit Choice (sma)250
forms, examples
Meta-Moments: Thoughtfulness by Design (ali)249
user-experience
5 Ridiculously Common Misconceptions About UX248
user-experience
The Web’s Grain (fch)247
web
Content-First Design (ali)246
content
Design Principles: Compositional Flow and Rhythm (sma)245
principles
New Web Layout Ideas for 2015244
layout
An In-Depth Overview of Living Style Guide Tools (sma)243
documentation, style-guides, pattern-libraries, tooling, overviews
How to Automate Style Guide-Driven Development (sma)242
guides, style-guides, automation
Design Principles: Dominance, Focal Points, and Hierarchy (sma)241
principles, hierarchy
Why Developers and Designers Should Work Together240
collaboration, processes
The Love You Make (zel/ali)239
business-relations, career
Style Guide Generator Roundup (ali)238
documentation, style-guides, tooling, link-lists
The Big Web Design Trends for 2015237
trends
Web Design and Principles (j9t)236
principles
Designing WordPress Themes for Printing235
wordpress, theming, print
Designing for Print With CSS (rac/sma)234
print, css
Design Principles: Visual Weight and Direction (sma)233
principles
Why You Should Include Your Developer in the Design Process (boa/sma)232
processes
Website Style Guide Resources231
websites, style-guides, pattern-libraries, documentation, overviews, link-lists
Progress Indicators Make a Slow System Less Insufferable (nng)230
progress-indicators, performance, user-experience
A Front-End Developer’s Ode to Specifications (sma)229
documentation, design-systems, processes
Is Everyone a Designer?228
Before You Hire Designers (mon/ali)227
hiring
Design Principles: Connecting and Separating Elements Through Contrast and Similarity (sma)226
principles, contrast, colors
Junior Designers vs. Senior Designers225
career, processes, comparisons
Consistency (jus)224
consistency, user-experience
Designer’s Guide to DPI223
guides, print, pixel-density
Ten CSS One-Liners to Replace Native Apps (ali)222
css, layout
How Do You Design Interaction? (sma)221
interaction-design
Breaking Web Design Conventions = Breaking the User Experience (nng)220
conventions, usability, user-experience
I Don’t Like It (lau/ali)219
business-relations, communication
What Web Designers Can Learn From Art History218
art, colors
Design Principles: Space and the Figure-Ground Relationship (sma)217
principles, spacing
The Definitive Guide to Form Label Positioning216
guides, forms, labels, accessibility, positioning
A Different Letter to a Junior Designer (mal/ali)215
career
The Web Is a Rectangle214
responsive-design
Creating Style Guides (ali)213
documentation, style-guides, pattern-libraries
Web Animation at Work (ali)212
css, animations
Getting Started With Pattern Libraries (ali)211
introductions, documentation, pattern-libraries, case-studies
A Word on Contemporary Web Design (j9t)210
information-design
Should Designers Code?209
career
Sass for Web Designers (sim)208
books, sass
Art Directed Articles—Still a Good Idea? (chr/css)207
trends, examples, responsive-design, link-lists
Flat UI and Forms (ali)206
forms, buttons, accessibility
Flat Design and Thin Is In (sma)205
flat-design
What Makes a Website Look Dated?204
The Web Designer’s Guide to Image Copyrights203
guides, images, licensing
Flat Design as a New Foundation for the Web202
fundamentals, flat-design, responsive-design
Discovering Sketch201
tooling, sketch
Happy 10th Birthday CSS Zen Garden (cra)200
anniversaries, css, css-zen-garden
How Much Has the Web Really Changed? (vas/sma)199
web
Material Honesty on the Web (ali)198
Is Responsive Design Soulless?197
responsive-design, creativity
Defensive Design196
books, user-experience, usability, errors
Andy Clarke: The Interview—Killing Contracts (mal/sma)195
interviews, business-relations, legal
Grid-Based Layouts 101194
layout, grids, adobe
Great Design Is Great Writing (kel)193
flat-design, writing
Twas The Night Before Responsive192
responsive-design
Exploration of Single-Page Websites (sma)191
navigation, landing-pages, examples
20 Inspirational Landing Page Designs190
landing-pages, examples, link-lists
Why Should Web Design Be a Profession? (sma)189
career
5 CSS Properties That Give Designers Fits188
css, floats, shadows, gradients, borders, navigation
Color Theory 101187
introductions, colors
Stefan Sagmeister Interview (sma)186
interviews
The Flat Design Era185
flat-design, link-lists
Homepage Design Changes (nng)184
homepages, history
Facilitating Great Design (ali)183
collaboration, processes
Website Design for Tablets and Mobile182
responsive-design, mobile
Repurposing vs. Optimized Design (nng)181
desktop, mobile, print, optimization, comparisons, user-experience
Web Design Manifesto 2012 (zel)180
manifestos, blogging
Stop Making Endless Design Changes179
processes
An Introduction to Modernizr for Designers (lou/web)178
introductions, modernizr
Design Advice From Jony Ive177
principles
Multi-Device Layout Patterns176
responsive-design, design-patterns, layout, mobile, desktop
For a Future-Friendly Web (bra/ali)175
web, content
Why Transitions Are Important (sma)174
interaction-design, transitions
Responsive Navigation Patterns (bra)173
responsive-design, navigation, design-patterns
Redefining Hick’s Law (sma)172
principles
An Introduction to jQuery for Designers171
introductions, jquery
An Important Time for Design (ali)170
Skeuomorphic Design vs. Modern and/or Futuristic Design (mat)169
comparisons
Top Minimalist Website Designs: Trends and Examples168
minimalism, trends, examples
Demystifying Design (ali)167
Elements of a Viral Launch Page (sma)166
landing-pages, marketing
A Few Design Trends (jas)165
trends
How to Become a Web Design Expert (boa/sma)164
how-tos, career
Mobile Design Is Not Only Responsive (hcr)163
responsive-design, mobile
Adapted (sim)162
responsive-design, mobile-first
5 Principles of User-Centered Interface Design161
principles, user-experience
Defending the Generalists in the Web Design Industry (boa/sma)160
career
The UX of Learning (ali)159
user-experience, learning
Emphasis in Design (jas)158
Responsive Web Design Techniques, Tools, and Design Strategies (vit/sma)157
responsive-design, techniques, tooling, strategies, link-lists
Following a Web Design Process (sma)156
processes, project-management
Defining Good Design (jas)155
usability, aesthetics
Getting Started With Defensive Web Design (sma)154
introductions, examples
Color Theory 101 (jas)153
introductions, colors
Designing for the Future Web (sma)152
mobile, seo
The Psychology of Color (jas)151
colors
Why User Experience Cannot Be Designed (sma)150
user-experience
The Art of the Single Page Web Site149
examples, link-lists
A Simpler Page (cra/ali)148
typography, readability, html, css, simplicity
Typography Is Not Your Brand, So Don’t Steal It (tim)147
typography, branding
If You’re in Online Marketing and Strategy, This Will Piss You Off (tim)146
marketing, processes, collaboration
The Future of Web Fonts Is Sooner Than It Used to Be145
fonts, woff
5 Quick Ways to Freshen Up Your Web Site Copy144
content, maintenance
Tips for Web Design That Crosses Cultures (css)143
localization, navigation, unicode, colors, seo
In Defense of Hard (pjo)142
simplicity, complexity
Transparency in Web Design (chr/css)141
transparency, css, png, images
Principles of Icon Design (jon)140
principles, icons, images
Wabi Sabi: Natural Simplicity in Web Design139
simplicity, principles
Grid-Based Web Design, Simplified (sma)138
layout, grids, css
The Dying Art of Design (sma)137
art
The Sad State of the Web Design Community (sma)136
community
The Art of the Web Background135
backgrounds, examples, link-lists
How to Improve Usability With Fitts’ and Hick’s Laws134
how-tos, usability, principles, optimization
The 7 Components of Design133
concepts
Less Ridiculous Standard Ad Sizes (chr/css)132
monetization
Subtle Contrast in Design131
contrast, colors
Principles of Design: Color130
principles, colors
Principles of Design: Contrast129
principles, contrast, colors
The Evolution of Web Design128
history, tables, flash, dhtml, css
Principles of Design: Proximity127
principles
The Death of the Blog Post (vit/sma)126
blogging
Print Design to Web Design: Comparative Analogies (chr/css)125
print, web, comparisons
20 Extraordinary Blogs With Unique Post Designs (sma)124
blogging, link-lists
Vital Tips for Effective Logo Design (sma)123
logos, images, tips-and-tricks
Informative and Usable Footers in Web Design (sma)122
navigation, usability, link-lists
The Battlefield of Design: Designers vs. Clients (boa)121
business-relations, collaboration, processes
Friends Don’t Let Friends Use Comic Sans120
fonts
Even Designers Are Using CSS3? (dal/aja)119
css
In Defense of Eye Candy (ali)118
decoration, user-experience
Do You Do Spec Work?117
business-relations, economics
8 Simple Typography Tips for Your Designs (sma)116
typography, css, tips-and-tricks
10 Principles of Readability and Web Typography (sma)115
typography, readability, principles
Is Minimalist Still in Vogue? You Bet114
minimalism
Graceful Blame (dav)113
career, community
Don’t Follow Web Design Trends: Set Them (sma)112
branding
Accessibility Experiment111
accessibility
Design by Community (mar)110
redesigning, drupal, community, processes
Jina Bolton on Creating Sexy Stylesheets (jin)109
interviews, css
A Designer’s Guide to HTML Email (mis)108
guides, email, html
Use the Best Available Ampersand (sim)107
typography
7 Essential Guidelines for Functional Design (sma)106
guidelines
Web Design Is Not Print Design (mat)105
web, print
Compared to What? (j9t)104
information-design
Mark Boulton’s Freelance Design Secrets (mar)103
interviews, css
Fancy Form Design Using CSS (the)102
forms, accessibility, css
Web Design: 10 Additional Research Findings You Should Know (j9t)101
usability, research, conventions, best-practices
Design Rants (dav)100
typography, readability, responsive-design, semantics
Writing an Interface Style Guide (jin/ali)99
style-guides, design-systems, conventions, documentation
Andy Budd on Usability, Design, and the Death of CSS (and)98
interviews, usability, css
Web Design 101: Photoshop (dig)97
introductions, photoshop, adobe
Footers in Web Design: Creative Examples and Ideas (sma)96
navigation, examples
13 Reasons Why CSS Is Superior to Tables in Website Design95
layout, tables, css, comparisons
Ajaxian Roundup for March 2008: IE 8, Acid3, and Performance (dal/aja)94
browsers, javascript, dojo, dwr, extjs, prototypejs, jquery, css, performance, tooling, mobile, databases, comet, ajaxian, link-lists
The Web Beyond the Desktop (dav/dig)93
web, desktop, mobile, browsers
The 10 Design Theses of Dieter Rams (j9t)92
guidelines
Design Is in the Details (ali)91
Ajaxian Roundup for January 2008: JavaScript Turtles and IE 8 (dal/aja)90
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)89
principles, usability, performance, simplicity, whitespace, conventions, testing
Do Websites Need to Look Exactly the Same in Every Browser? (sim)88
websites, browsers
Understanding Web Design (zel/ali)87
typography
Better Web Forms: Redesigning eBay’s Registration (gar/dig)86
forms, case-studies
Monthly Ajaxian Roundup for September 2007: JavaScript Mashups Take a Step Forward (dal/aja)85
dojo, extjs, prototypejs, jquery, yui, browsers, javascript, offline, mobile, adobe, comet, ajaxian, link-lists
Web Design 101: Floats (vir/dig)84
introductions, floats, css
Are You a Web Designer or a Web Decorator? (j9t)83
career, decoration
80 Beautiful Typefaces for Professional Design (sma)82
fonts
Bulletproof Web Design, Second Edition (sim)81
books, xhtml, css
Typography and Web Advertising: Making Every Opportunity Count (dig)80
typography, monetization
Frameworks for Designers (ali)79
frameworks
Re: 55 Reasons to Design in XHTML/CSS78
xhtml, html, css
The Principles of Beautiful Web Design77
principles, processes, overviews
Icon Design: Sizing (dav)76
images, icons
1 + 1 = 3: Explaining Busyness and Background Noise on Websites (j9t)75
information-design
It’s in the Details: Seven Secrets of a Successful International Website (dig)74
internationalization, localization, ecommerce, colors
Web Design: 15 Important Research Findings You Should Know (j9t)73
usability, research, conventions, best-practices
Design Decisions: Basecamp Help (jas)72
Five Simple Steps to Designing With Colour (mar)71
colors
The Ultimate Web Page (jus)70
tech-stacks, prioritization
Web Designer’s Guide to Print Design (mar)69
guides, print
“Cascading Style Sheets: The Designer’s Edge” by Molly Holzschlag68
books, css
Principles and Elements of Design (dig)67
principles
“Color for Websites” by Molly Holzschlag66
books, colors
Content Is King65
content, metrics
Nine Tips for Designing Rich Internet Applications64
rich-internet-apps, tips-and-tricks
The Value of Graphic Design (jus)63
usability
Avoid Edge Cases by Designing Up Front (ali)62
processes
Good Designers Redesign, Great Designers Realign (cam/ali)61
branding, career
Top 5 Web Design Mistakes (nza)60
images, javascript, colors, fonts, mistakes
Scrolling and Scrollbars (nng)59
scrolling, usability
Zoom Layout (sto)58
layout, accessibility, zooming
Open Source Design? (dav)57
foss, html, css
The Principles of Design (dig)56
principles, fundamentals, link-lists
Information Architecture as an Extension of Web Design (dig)55
information-architecture, layout, hierarchy
Invasion of the Body Switchers (sib+/ali)54
accessibility, css
The End of Usability Culture (dig)53
usability, culture
Iterative Design (jus)52
processes
The Need for Web Design Standards (nng)51
usability, conventions
Fitts’s Law (dav)50
principles, usability
Are Web Sites Identical? (jon)49
Great CSS Design (dav)48
css, link-lists
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