CSS3: Love vendor prefixes, resize full-screen backgrounds
july 2010 by cloudseer
Learn to love vendor prefixes and create full-screen backgrounds that resize to fit the viewport in Issue No. 309 of A List Apart for people who make websites:
Prefix or Posthack
by ERIC MEYER
Vendor prefixes: Threat or menace? As browser support (including in IE9) encourages more of us to dive into CSS3, vendor prefixes such as -moz-border-radius and -webkit-animation may challenge our consciences, along with our patience. But while nobody particularly enjoys writing the same thing four or five times in a row, prefixes may actually accelerate the advancement and refinement of CSS. King of CSS Eric Meyer explains why.
Supersize that Background, Please!
by BOBBY VAN DER SLUIS
Background images that fill the screen thrill marketers but waste bandwidth in devices with small viewports, and suffer from cropping and alignment problems in high-res and widescreen monitors. Instead of using a single fixed background size, a better solution would be to scale the image to make it fit different window sizes. And with CSS3 backgrounds and CSS3 media queries, we can do just that. Bobby van der Sluis shows how.
Illustration by Kevin Cornell for A List Apart Magazine.
A_List_Apart
CSS
CSS3
Design
Publications
Publishing
Responsive_Web_Design
Standards
State_of_the_Web
Web_Design
Web_Design_History
Web_Standards
spec
prefixes
prefix
posthack
supersize
vendor
sluis
backgrounds
bobby
shared
from google
Prefix or Posthack
by ERIC MEYER
Vendor prefixes: Threat or menace? As browser support (including in IE9) encourages more of us to dive into CSS3, vendor prefixes such as -moz-border-radius and -webkit-animation may challenge our consciences, along with our patience. But while nobody particularly enjoys writing the same thing four or five times in a row, prefixes may actually accelerate the advancement and refinement of CSS. King of CSS Eric Meyer explains why.
Supersize that Background, Please!
by BOBBY VAN DER SLUIS
Background images that fill the screen thrill marketers but waste bandwidth in devices with small viewports, and suffer from cropping and alignment problems in high-res and widescreen monitors. Instead of using a single fixed background size, a better solution would be to scale the image to make it fit different window sizes. And with CSS3 backgrounds and CSS3 media queries, we can do just that. Bobby van der Sluis shows how.
Illustration by Kevin Cornell for A List Apart Magazine.
july 2010 by cloudseer
Tumblr v. Posterous
february 2010 by cloudseer
Business Insider: Why Tumblr Is Kicking Posterous’s Ass
Posted via web from Does This Zeldman Make My Posterous Look Fat?
Blogs_and_Blogging
Design
Publications
Publishing
Tools
architecture
posterous
kicking
tumblr
insider
posted
business
make
shared
from google
Posted via web from Does This Zeldman Make My Posterous Look Fat?
february 2010 by cloudseer
Search Party
september 2009 by cloudseer
Triple Issue No. 292 of A List Apart, for people who make websites, is all about search.
Testing Search for Relevancy and Precision
by JOHN FERRARA
Despite the fact that site search often receives the most traffic, it’s also the place where the user experience designer bears the least influence. Few tools exist to appraise the quality of the search experience, much less strategize ways to improve it. But relevancy testing and precision testing offer hope. These are two tools you can use to analyze and improve the search user experience.
Internal Site Search Analysis: Simple, Effective, Life Altering!
by AVINASH KAUSHIK
Your search and clickstream data is missing a key ingredient: customer intent. You have all the clicks, the pages people viewed, and where they bailed, but not why they came to the site. Your internal site-search data contains that missing ingredient: intent. Learn five ways to analyze your internal site-search data—data that’s easy to get, to understand, and to act on.
Beyond Goals: Site Search Analytics from the Bottom Up
by LOU ROSENFELD
Top-down analytics are great for creating measurable goals you can use to benchmark and evaluate the performance of your content and designs. But bottom-up analysis teaches you something new and unexpected about your customers—something goal-driven analysis can’t show you. Discover the kinds of information users want, and identify your site’s most urgent mistakes.
Illustration by Kevin Cornell.
A_List_Apart
Publications
Publishing
Search
UX
Web_Design
shared
from google
Testing Search for Relevancy and Precision
by JOHN FERRARA
Despite the fact that site search often receives the most traffic, it’s also the place where the user experience designer bears the least influence. Few tools exist to appraise the quality of the search experience, much less strategize ways to improve it. But relevancy testing and precision testing offer hope. These are two tools you can use to analyze and improve the search user experience.
Internal Site Search Analysis: Simple, Effective, Life Altering!
by AVINASH KAUSHIK
Your search and clickstream data is missing a key ingredient: customer intent. You have all the clicks, the pages people viewed, and where they bailed, but not why they came to the site. Your internal site-search data contains that missing ingredient: intent. Learn five ways to analyze your internal site-search data—data that’s easy to get, to understand, and to act on.
Beyond Goals: Site Search Analytics from the Bottom Up
by LOU ROSENFELD
Top-down analytics are great for creating measurable goals you can use to benchmark and evaluate the performance of your content and designs. But bottom-up analysis teaches you something new and unexpected about your customers—something goal-driven analysis can’t show you. Discover the kinds of information users want, and identify your site’s most urgent mistakes.
Illustration by Kevin Cornell.
september 2009 by cloudseer
ALA 290: Motown & JavaScript
august 2009 by cloudseer
In Issue No. 290 of A List Apart, for people who make websites…
The Case for Content Strategy—Motown Style
by MARGOT BLOOMSTEIN
Over the past year, the content strategy chatter has been building. Jeffrey MacIntyre gave us its raison d’être. Kristina Halvorson wrote the call to arms. Panels at SXSW, presentations at An Event Apart, and regional meetups continue to build the drum roll. But how do you start humming the content strategy tune to your own team and to your prospective clients? Listen up and heed Aretha Franklin. No, really.
JavaScript MVC
by JONATHAN SNOOK
As JavaScript takes center stage in our web applications, we need to produce ever more modular code. MVC (Model-View-Controller) may hold the key. MVC is a design pattern that breaks an application into three parts: the data (Model), the presentation of that data to the user (View), and the actions taken on any user interaction (Controller). Discover how MVC can make the JavaScript that powers your web applications more reusable and easier to maintain.
A_List_Apart
Publications
Publishing
Scripting
Standards
content
content_strategy
javascript
shared
from google
The Case for Content Strategy—Motown Style
by MARGOT BLOOMSTEIN
Over the past year, the content strategy chatter has been building. Jeffrey MacIntyre gave us its raison d’être. Kristina Halvorson wrote the call to arms. Panels at SXSW, presentations at An Event Apart, and regional meetups continue to build the drum roll. But how do you start humming the content strategy tune to your own team and to your prospective clients? Listen up and heed Aretha Franklin. No, really.
JavaScript MVC
by JONATHAN SNOOK
As JavaScript takes center stage in our web applications, we need to produce ever more modular code. MVC (Model-View-Controller) may hold the key. MVC is a design pattern that breaks an application into three parts: the data (Model), the presentation of that data to the user (View), and the actions taken on any user interaction (Controller). Discover how MVC can make the JavaScript that powers your web applications more reusable and easier to maintain.
august 2009 by cloudseer
related tags
architecture ⊕ A_List_Apart ⊕ backgrounds ⊕ Blogs_and_Blogging ⊕ bobby ⊕ business ⊕ content ⊕ content_strategy ⊕ CSS ⊕ CSS3 ⊕ Design ⊕ insider ⊕ javascript ⊕ kicking ⊕ make ⊕ posted ⊕ posterous ⊕ posthack ⊕ prefix ⊕ prefixes ⊕ Publications ⊕ Publishing ⊕ Responsive_Web_Design ⊕ Scripting ⊕ Search ⊕ shared ⊕ sluis ⊕ spec ⊕ Standards ⊕ State_of_the_Web ⊕ supersize ⊕ Tools ⊕ tumblr ⊕ UX ⊕ vendor ⊕ Web_Design ⊕ Web_Design_History ⊕ Web_Standards ⊕Copy this bookmark: