Style versus design, revisited
december 2010 by cloudseer
STYLE VERSUS DESIGN READS like it was written this morning. In fact, I wrote the original version in 1999, when I had a monthly web design column going at Adobe.com. In 2005, Adobe asked if I’d mind updating the piece. I changed a couple of words and they agreed that the revision worked. For although the web had changed tremendously between 1999 and 2005, the issue I addressed in my article had not. This afternoon, while importing some old Ma.gnolia bookmarks into Pinboard, I came upon Adobe’s HTML version of the 2005 revision to “Style vs. Design.” I read it again, and tweeted the link. Within minutes, designers were responding. Many thought the piece was new. For what I said in that article over eleven years ago still rings true, although there are now more designers who see things as I do. It’s nice that a piece of writing about web design could remain relevant for over a decade. But it’s also a bit sad. See what you think.
Adobe
Design
The_Profession
Web_Design
Web_Design_History
shared
from google
december 2010 by cloudseer
UI Design Framework for Web Designers
july 2010 by cloudseer
Vincent (no last name given) has designed a beautiful, extremely useful, feature-rich interface design framework for web designers who create their initial design mock-ups in Adobe Illustrator. And it’s free for personal or commercial use (credit link required).
The set includes:
GUI library – Hundreds of vector elements for interface design
Minimal UI icons set – 260 vector icons for Illustrator
Styles library – 200 styles to apply in Illustrator
I’d pay cash money for the color schemes alone: 330 swatches harmonized with graphic styles for backgrounds, typography and other GUI interface elements.
The back-link requirement may be a deal breaker in some situations. I’d happily use these GUI icons on a personal project, but I might refrain on a client project if it seemed awkward to include a widget credit on the site. (It all depends on the client.)
That possible caveat aside, this is an extraordinary set of widgets and gizmos many web designers will want to have in their tool kit.
Adobe
Design
Tools
software
framework
vector
illustrator
icons
interface
credit
styles
breaker
shared
from google
The set includes:
GUI library – Hundreds of vector elements for interface design
Minimal UI icons set – 260 vector icons for Illustrator
Styles library – 200 styles to apply in Illustrator
I’d pay cash money for the color schemes alone: 330 swatches harmonized with graphic styles for backgrounds, typography and other GUI interface elements.
The back-link requirement may be a deal breaker in some situations. I’d happily use these GUI icons on a personal project, but I might refrain on a client project if it seemed awkward to include a widget credit on the site. (It all depends on the client.)
That possible caveat aside, this is an extraordinary set of widgets and gizmos many web designers will want to have in their tool kit.
july 2010 by cloudseer
Some questions about the "blocking" of HTML5
february 2010 by cloudseer
When people say that the publication of HTML5 “blocked” by Larry Masinter’s “formal objection”, what exactly do they mean?
Why does the private w3c-archive mailing list exist? Why can’t anyone reveal what happens on there? What are the consequences for doing so? Who gets to be on that list in the first place?
Can anyone raise a “formal objection”?
Is anyone calling for the HTML Working Group to be “rechartered”? If so, what does that involve?
If there are concerns about the inclusion of Canvas 2D in the specification, why were these not resolved earlier?
Some background reading. I was planning to fill in answers as they arrive, but I screwed up the moderation of the comments and got flooded with detailed responses—I strongly recommend reading the comments.
adobe
html5
larrymasinter
w3c
shared
from google
Why does the private w3c-archive mailing list exist? Why can’t anyone reveal what happens on there? What are the consequences for doing so? Who gets to be on that list in the first place?
Can anyone raise a “formal objection”?
Is anyone calling for the HTML Working Group to be “rechartered”? If so, what does that involve?
If there are concerns about the inclusion of Canvas 2D in the specification, why were these not resolved earlier?
Some background reading. I was planning to fill in answers as they arrive, but I screwed up the moderation of the comments and got flooded with detailed responses—I strongly recommend reading the comments.
february 2010 by cloudseer
Ahem
february 2010 by cloudseer
The first part of my post of 1 February was not an attack on Flash. It described a way of working with Flash that also supports users who don’t have access to Flash. I’ve followed and advocated that approach for 10 years. It has nothing to do with Apple’s recent decisions and everything to do with making content available to people and search engines.
It’s how our agency and others use Flash; we’ve published articles on the subject in our magazine, notably Semantic Flash: Slippery When Wet by Daniel Mall.
We do the same thing with JavaScript—make sure the site works for users who don’t have JavaScript. It’s called web development. It’s what all of us should do.
My point was simply that if you’re an all-Flash shop that never creates a semantic HTML underpinning, it’s time to start creating HTML first—because an ever-larger number of your users are going to be accessing your site via devices that do not support Flash.
That’s not Apple “zealotry.” It’s not Flash hate. It’s a recommendation to my fellow professionals who aren’t already on the accessible, standards-based design train.
THE SECOND PART OF MY POST wasn’t Flash hate. It was a prediction based on the way computing is changing as more people at varying skill levels use computers and the internet, and as the nature of the computer changes.
There will probably always be “expert” computer systems for people like you and me who like to tinker and customize, just as there are still hundreds of thousands of people who hand-code their websites even though there are dozens of dead-simple web content publishing platforms out there these days.
But an increasing number of people will use simpler computers (just as we’ve seen millions of people blog who never wrote a line of HTML).
THE THIRD PART OF MY POST wasn’t Flash hate. It was an observation that Google and Apple, as companies, have more to gain from betting on HTML5 than from pinning their hopes to Adobe. That’s not a deep insight, it’s a statement of the obvious, and making the statement doesn’t equate to hating Adobe or swearing allegiance to Google and Apple—any more than stating that we’re having a cold winter makes me Al Gore’s best friend.
(Although I like Gore, don’t get me wrong. I also like Apple, Google, and Adobe. My admiration for these companies, however, does not impede my ability to make observations about them.)
THE THIRD PART OF MY POST ALSO WASN’T a blind assertion that HTML5, with VIDEO and CANVAS, is ready to replace Flash today, or more adept than Flash, or more accessible than Flash. Flash is currently more capable and it is far more accessible than CANVAS.
We have previously commented on HTML5’s strengths and weaknesses (Exhibit A, Exhibit B, Exhibit C) and are about to publish a book about HTML5 for web designers. HTML5 is rich with potential; Flash is rich with capability and can be made highly accessible.
That it is unstable on Mac and Linux is one reason Apple chose not to include it in its devices; that this omission will change the way some developers create web content is certain. If the first thing it does is encourage them to develop semantic HTML first, that’s a win for everyone who uses the web.
Carry on.
Adobe
Apple
Flash
Google
Web_Design
Web_Design_History
Web_Standards
development
exhibit
hate
statement
canvas
accessible
javascript—make
shared
from google
It’s how our agency and others use Flash; we’ve published articles on the subject in our magazine, notably Semantic Flash: Slippery When Wet by Daniel Mall.
We do the same thing with JavaScript—make sure the site works for users who don’t have JavaScript. It’s called web development. It’s what all of us should do.
My point was simply that if you’re an all-Flash shop that never creates a semantic HTML underpinning, it’s time to start creating HTML first—because an ever-larger number of your users are going to be accessing your site via devices that do not support Flash.
That’s not Apple “zealotry.” It’s not Flash hate. It’s a recommendation to my fellow professionals who aren’t already on the accessible, standards-based design train.
THE SECOND PART OF MY POST wasn’t Flash hate. It was a prediction based on the way computing is changing as more people at varying skill levels use computers and the internet, and as the nature of the computer changes.
There will probably always be “expert” computer systems for people like you and me who like to tinker and customize, just as there are still hundreds of thousands of people who hand-code their websites even though there are dozens of dead-simple web content publishing platforms out there these days.
But an increasing number of people will use simpler computers (just as we’ve seen millions of people blog who never wrote a line of HTML).
THE THIRD PART OF MY POST wasn’t Flash hate. It was an observation that Google and Apple, as companies, have more to gain from betting on HTML5 than from pinning their hopes to Adobe. That’s not a deep insight, it’s a statement of the obvious, and making the statement doesn’t equate to hating Adobe or swearing allegiance to Google and Apple—any more than stating that we’re having a cold winter makes me Al Gore’s best friend.
(Although I like Gore, don’t get me wrong. I also like Apple, Google, and Adobe. My admiration for these companies, however, does not impede my ability to make observations about them.)
THE THIRD PART OF MY POST ALSO WASN’T a blind assertion that HTML5, with VIDEO and CANVAS, is ready to replace Flash today, or more adept than Flash, or more accessible than Flash. Flash is currently more capable and it is far more accessible than CANVAS.
We have previously commented on HTML5’s strengths and weaknesses (Exhibit A, Exhibit B, Exhibit C) and are about to publish a book about HTML5 for web designers. HTML5 is rich with potential; Flash is rich with capability and can be made highly accessible.
That it is unstable on Mac and Linux is one reason Apple chose not to include it in its devices; that this omission will change the way some developers create web content is certain. If the first thing it does is encourage them to develop semantic HTML first, that’s a win for everyone who uses the web.
Carry on.
february 2010 by cloudseer
related tags
accessible ⊕ adobe ⊖ Apple ⊕ breaker ⊕ canvas ⊕ credit ⊕ Design ⊕ development ⊕ download ⊕ exhibit ⊕ Flash ⊕ framework ⊕ ftp ⊕ Google ⊕ hate ⊕ html5 ⊕ icons ⊕ illustrator ⊕ interface ⊕ javascript—make ⊕ larrymasinter ⊕ photoshop ⊕ shared ⊕ software ⊕ statement ⊕ styles ⊕ The_Profession ⊕ Tools ⊕ vector ⊕ w3c ⊕ Web_Design ⊕ Web_Design_History ⊕ Web_Standards ⊕Copy this bookmark: