UI / UX
Viewing all posts categorized under UI / UX.
Timeline
Filter by Year
Understanding CSS Specificity: How Browsers Compute CSS Rules
A deep dive into CSS specificity calculation algorithms, analyzing ID selectors, class weights, inline styles, and bad style patterns.
Bootstrap 3.0 Mobile-First Refactor: Designing Viewports from Mobile to Desktop
Analyzing the announced mobile-first refactor of Twitter Bootstrap 3.0, detailing its new responsive grid architecture and fluid typography.
The Responsive Web: Retrospective on Design Standardizations of 2012
A retrospective on responsive web design in late 2012, analyzing CSS layout standardizations, preprocessor adoptions, and mobile growth.
Responsive Design Tools: The Emergence of SASS, LESS, and Preprocessors
Exploring the adoption of CSS preprocessors SASS and LESS in late 2012, detailing variables, mixin imports, and CSS compilation.
Windows 8 and Surface RT: Microsoft's Risky Dual-OS Launch
Evaluating Microsoft's Windows 8 and Surface RT announcement, detailing the hardware limitations and developer constraints of Windows RT.
Android 4.1 Jelly Bean: Project Butter and Butter-Smooth UI
Analyzing the release of Android 4.1 Jelly Bean in mid-2012, detailing Google's 'Project Butter' graphics performance improvements.
CSS3 Flexbox: The Layout Specification Web Designers Waited For
Exploring the emerging CSS3 Flexible Box Layout (Flexbox) draft specification in late 2011, and how it simplifies responsive alignment design.
Siri and the Mobile Future: The Emergence of Voice User Interfaces
Analyzing the introduction of Siri on the iPhone 4S in October 2011, and discussing the design principles of Voice User Interfaces (VUI).
Windows 8 Metro UI: Microsoft's Radical Pivot to Touch Design
Analyzing Microsoft's Windows 8 Developer Preview in September 2011, focusing on the new Metro UI, WinRT, and its implications for C# developers.
Twitter Bootstrap: Standardizing Responsive Layouts for Frontend
Analyzing the release of Twitter Bootstrap in August 2011. We explore the 12-column grid system, LESS CSS integration, and responsive layout styling.
Designing Fluid Tablet Interfaces: UI/UX Lessons from the iPad 2
Analyzing tablet UI layouts following the announcement of Apple's iPad 2. We discuss designing split view controllers, hover states removal, and target constraints.
jQuery Mobile and the Mobile Web: Building Cross-Platform Touch UIs
Analyzing the newly announced jQuery Mobile framework. We look at HTML5 attributes, touch-optimized widgets, and cross-platform UI architectures.
WPF 4.0: Enterprise UI Design with MVVM Pattern and XAML
An exploration of Windows Presentation Foundation (WPF) 4.0 features, detailing best practices for implementing the Model-View-ViewModel (MVVM) pattern in desktop apps.
Responsive Web Design: Why Fluid Grids and Media Queries Are the Future of Mobile Web
Analyzing the revolutionary Responsive Web Design concept coined in May 2010. We look at media queries, flexible images, and fluid grid layouts.