Yahoo! Universal Header Project

Role: Engineering Lead for the Project

• Accessibilty and keyboard navigation
• CSS3 effects for gradients, drop shadows
• 97 locales; Bi-directional support through CSS overrides at run time
• Dynamic personalization for profile image and notifications using JSONP
• Unobtrusive design allows for non-Javascript support
• Infinite themeing
• 3 form factors including standard, slim format, and off-network format using same markup components; 3 authentication states re-using the same markup components; 4 different search box experiences
• Consistent experience in A-grade browsers with progressive enhancement for modern browsers
• Works in fluid or fixed layouts (with min-width)
• 30,000+ unique combinations of components to support per-property/per-locale configurations
• Retrieval of CSS path, JS path and markup separately, so that JS can be lazy-loaded for enhanced performance
• Runtime determination of features, which allows JS and CSS to be loaded for only the features needed for that request
• Time-based, or rule-based targeting of the center marketing promotional area