Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“design” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Designing WordPress Themes for Printing217
wordpress, theming, print
Designing for Print With CSS (rac/sma)216
print, css
Design Principles: Visual Weight and Direction (sma)215
principles
Why You Should Include Your Developer in the Design Process (boa/sma)214
processes
Website Style Guide Resources213
websites, style-guides, pattern-libraries, documentation, overviews, link-lists
Progress Indicators Make a Slow System Less Insufferable (nng)212
progress-indicators, performance, user-experience
A Front-End Developer’s Ode to Specifications (sma)211
documentation, design-systems, processes
Before You Hire Designers (mon/ali)210
hiring
Design Principles: Connecting and Separating Elements Through Contrast and Similarity (sma)209
principles, contrast, colors
Junior Designers vs. Senior Designers208
career, processes, comparisons
Consistency (jus)207
consistency, user-experience
Designer’s Guide to DPI206
guides, print, pixel-density
Ten CSS One-Liners to Replace Native Apps (ali)205
css, layout
How Do You Design Interaction? (sma)204
interaction-design
Breaking Web Design Conventions = Breaking the User Experience (nng)203
conventions, usability, user-experience
I Don’t Like It (lau/ali)202
business-relations, communication
What Web Designers Can Learn From Art History201
art, colors
Design Principles: Space and the Figure-Ground Relationship (sma)200
principles, spacing
The Definitive Guide to Form Label Positioning199
guides, forms, labels, accessibility, positioning
A Different Letter to a Junior Designer (mal/ali)198
career
Creating Style Guides (ali)197
documentation, style-guides, pattern-libraries
Web Animation at Work (ali)196
css, animations
Getting Started With Pattern Libraries (ali)195
introductions, documentation, pattern-libraries, case-studies
A Word on Contemporary Web Design (j9t)194
information-design
Sass for Web Designers (sim)193
books, sass
Art Directed Articles—Still a Good Idea? (chr/css)192
trends, examples, responsive-design, link-lists
Flat UI and Forms (ali)191
forms, buttons, accessibility
Flat Design and Thin Is In (sma)190
flat-design
What Makes a Website Look Dated?189
The Web Designer’s Guide to Image Copyrights188
guides, images, licensing
Discovering Sketch187
tooling, sketch
Happy 10th Birthday CSS Zen Garden (cra)186
anniversaries, css, css-zen-garden
How Much Has the Web Really Changed? (vas/sma)185
web
Material Honesty on the Web (ali)184
Defensive Design183
books, user-experience, usability, errors
Andy Clarke: The Interview—Killing Contracts (mal/sma)182
interviews, business-relations, legal
Grid-Based Layouts 101181
layout, grids, adobe
Great Design Is Great Writing (kel)180
flat-design, writing
Exploration of Single-Page Websites (sma)179
navigation, landing-pages, examples
20 Inspirational Landing Page Designs178
landing-pages, examples, link-lists
Why Should Web Design Be a Profession? (sma)177
career
5 CSS Properties That Give Designers Fits176
css, floats, shadows, gradients, borders, navigation
Color Theory 101175
introductions, colors
Stefan Sagmeister Interview (sma)174
interviews
The Flat Design Era173
flat-design, link-lists
Homepage Design Changes (nng)172
homepages, history
Facilitating Great Design (ali)171
collaboration, processes
Website Design for Tablets and Mobile170
responsive-design, mobile
Repurposing vs. Optimized Design (nng)169
desktop, mobile, print, optimization, comparisons, user-experience
Web Design Manifesto 2012 (zel)168
manifestos, blogging
Stop Making Endless Design Changes167
processes
An Introduction to Modernizr for Designers (lou/web)166
introductions, modernizr
Multi-Device Layout Patterns165
responsive-design, design-patterns, layout, mobile, desktop
For a Future-Friendly Web (bra/ali)164
web, content
Why Transitions Are Important (sma)163
interaction-design, transitions
Responsive Navigation Patterns (bra)162
responsive-design, navigation, design-patterns
Redefining Hick’s Law (sma)161
principles
An Introduction to jQuery for Designers160
introductions, jquery
An Important Time for Design (ali)159
Top Minimalist Website Designs: Trends and Examples158
minimalism, trends, examples
Demystifying Design (ali)157
Elements of a Viral Launch Page (sma)156
landing-pages, marketing
A Few Design Trends (jas)155
trends
How to Become a Web Design Expert (boa/sma)154
how-tos, career
Mobile Design Is Not Only Responsive (hcr)153
responsive-design, mobile
Adapted (sim)152
responsive-design, mobile-first
5 Principles of User-Centered Interface Design151
principles, user-experience
Defending the Generalists in the Web Design Industry (boa/sma)150
career
The UX of Learning (ali)149
user-experience, learning
Emphasis in Design (jas)148
Responsive Web Design Techniques, Tools, and Design Strategies (vit/sma)147
responsive-design, techniques, tooling, strategies, link-lists
Following a Web Design Process (sma)146
processes, project-management
Defining Good Design (jas)145
usability, aesthetics
Getting Started With Defensive Web Design (sma)144
introductions, examples
Color Theory 101 (jas)143
introductions, colors
Designing for the Future Web (sma)142
mobile, seo
The Psychology of Color (jas)141
colors
Why User Experience Cannot Be Designed (sma)140
user-experience
The Art of the Single Page Web Site139
examples, link-lists
A Simpler Page (cra/ali)138
typography, readability, html, css, simplicity
Typography Is Not Your Brand, So Don’t Steal It (tim)137
typography, branding
If You’re in Online Marketing and Strategy, This Will Piss You Off (tim)136
marketing, processes, collaboration
The Future of Web Fonts Is Sooner Than It Used to Be135
fonts, woff
5 Quick Ways to Freshen Up Your Web Site Copy134
content, maintenance
Tips for Web Design That Crosses Cultures (css)133
localization, navigation, unicode, colors, seo
In Defense of Hard (pjo)132
simplicity, complexity
Transparency in Web Design (chr/css)131
transparency, css, png, images
Principles of Icon Design (jon)130
principles, icons, images
Grid-Based Web Design, Simplified (sma)129
layout, grids, css
The Dying Art of Design (sma)128
art
The Sad State of the Web Design Community (sma)127
community
The Art of the Web Background126
backgrounds, examples, link-lists
Less Ridiculous Standard Ad Sizes (chr/css)125
monetization
Subtle Contrast in Design124
contrast, colors
Principles of Design: Color123
principles, colors
Principles of Design: Contrast122
principles, contrast, colors
The Evolution of Web Design121
history, tables, flash, dhtml, css
Principles of Design: Proximity120
principles
The Death of the Blog Post (vit/sma)119
blogging
Print Design to Web Design: Comparative Analogies (chr/css)118
print, web, comparisons
20 Extraordinary Blogs With Unique Post Designs (sma)117
blogging, link-lists
Vital Tips for Effective Logo Design (sma)116
logos, images, tips-and-tricks
Informative and Usable Footers in Web Design (sma)115
navigation, usability, link-lists
The Battlefield of Design: Designers vs. Clients (boa)114
business-relations, collaboration, processes
Friends Don’t Let Friends Use Comic Sans113
fonts
Even Designers Are Using CSS3? (dal/aja)112
css
In Defense of Eye Candy (ali)111
decoration, user-experience
Do You Do Spec Work?110
business-relations, economics
8 Simple Typography Tips for Your Designs (sma)109
typography, css, tips-and-tricks
10 Principles of Readability and Web Typography (sma)108
typography, readability, principles
Is Minimalist Still in Vogue? You Bet107
minimalism
Graceful Blame (dav)106
career, community
Don’t Follow Web Design Trends: Set Them (sma)105
branding
Accessibility Experiment104
accessibility
Jina Bolton on Creating Sexy Stylesheets (jin)103
interviews, css
A Designer’s Guide to HTML Email (mis)102
guides, email, html
Use the Best Available Ampersand (sim)101
typography
7 Essential Guidelines for Functional Design (sma)100
guidelines
Compared to What? (j9t)99
information-design
Mark Boulton’s Freelance Design Secrets (mar)98
interviews, css
Fancy Form Design Using CSS (the)97
forms, accessibility, css
Web Design: 10 Additional Research Findings You Should Know (j9t)96
usability, research, conventions, best-practices
Design Rants (dav)95
typography, readability, responsive-design, semantics
Writing an Interface Style Guide (jin/ali)94
style-guides, design-systems, conventions, documentation
Andy Budd on Usability, Design, and the Death of CSS (and)93
interviews, usability, css
Web Design 101: Photoshop (dig)92
introductions, photoshop, adobe
Footers in Web Design: Creative Examples and Ideas (sma)91
navigation, examples
13 Reasons Why CSS Is Superior to Tables in Website Design90
layout, tables, css, comparisons
Ajaxian Roundup for March 2008: IE 8, Acid3, and Performance (dal/aja)89
browsers, javascript, dojo, dwr, extjs, prototypejs, jquery, css, performance, tooling, mobile, databases, comet, ajaxian, link-lists
The Web Beyond the Desktop (dav/dig)88
web, desktop, mobile, browsers
The 10 Design Theses of Dieter Rams (j9t)87
guidelines
Design Is in the Details (ali)86
Ajaxian Roundup for January 2008: JavaScript Turtles and IE 8 (dal/aja)85
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)84
principles, usability, performance, simplicity, whitespace, conventions, testing
Do Websites Need to Look Exactly the Same in Every Browser? (sim)83
websites, browsers
Understanding Web Design (zel/ali)82
typography
Better Web Forms: Redesigning eBay’s Registration (gar/dig)81
forms, case-studies
Monthly Ajaxian Roundup for September 2007: JavaScript Mashups Take a Step Forward (dal/aja)80
dojo, extjs, prototypejs, jquery, yui, browsers, javascript, offline, mobile, adobe, comet, ajaxian, link-lists
Web Design 101: Floats (vir/dig)79
introductions, floats, css
Are You a Web Designer or a Web Decorator? (j9t)78
career, decoration
80 Beautiful Typefaces for Professional Design (sma)77
fonts
Bulletproof Web Design, Second Edition (sim)76
books, xhtml, css
Typography and Web Advertising: Making Every Opportunity Count (dig)75
typography, monetization
Frameworks for Designers (ali)74
frameworks
Re: 55 Reasons to Design in XHTML/CSS73
xhtml, html, css
The Principles of Beautiful Web Design72
principles, processes, overviews
Icon Design: Sizing (dav)71
images, icons
1 + 1 = 3: Explaining Busyness and Background Noise on Websites (j9t)70
information-design
It’s in the Details: Seven Secrets of a Successful International Website (dig)69
internationalization, localization, ecommerce, colors
Web Design: 15 Important Research Findings You Should Know (j9t)68
usability, research, conventions, best-practices
Design Decisions: Basecamp Help (jas)67
The Ultimate Web Page (jus)66
tech-stacks, prioritization
Principles and Elements of Design (dig)65
principles
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