Frontend Architecture
Viewing all posts categorized under Frontend Architecture.
Timeline
Filter by Year
ES6 / ECMAScript 2015 Finalization: Lexical Scopes, Arrow Functions, and Promises
A technical guide to the newly finalized ECMAScript 6 standard. We break down scoping mutations, arrow function binds, and natively supported promises.
React 0.13: Transitioning to ES6 Classes and Stateless Components
An in-depth look at the React 0.13 release in early 2015. We study the move away from mixins, the introduction of ES6 classes, and clean functional views.
Bootstrap 3 Grid Nesting: Structuring Complex Enterprise Dashboards Layouts
A design guide to nesting column layouts using Bootstrap 3.0 grids, detailing alignment configurations for enterprise interfaces.
CSS Grid Layout: The Future of Two-Dimensional Responsive Interface Alignments
Exploring the emerging CSS Grid Layout specification in late 2014, detailing two-dimensional alignment grids and template layouts.
TypeScript 1.0: Production-Grade Static Typing for Large JavaScript App Development
Exploring the formal release of TypeScript 1.0 in mid-2014. We analyze static typing, interface declarations, and compilation performance.
IndexedDB vs. LocalStorage: Choosing Client-Side Databases for Web Apps
A comparative review of client-side storage options in late 2014, comparing synchronous LocalStorage against transactional IndexedDB.
Web Workers: Running Asynchronous JavaScript Threads to Prevent UI Freezes
A guide to client-side multithreading with Web Workers in mid-2014, detailing background processing and message passing configurations.
Single Page Application Routing: Managing Client States with HTML5 History API
A guide to client-side routing using the HTML5 History API in mid-2014. We analyze pushState mechanics and state fallback solutions.
React.js: Understanding Virtual DOM and Component-Based UI Architectures
Exploring the rising adoption of React.js in early 2014, detailing the Virtual DOM reconciliation algorithm and component UI lifecycles.
Modular CSS Architectures: Organizing Styles with BEM, SASS, and SMACSS
Exploring CSS methodology standardizations in early 2014, comparing BEM class layouts and SMACSS category frameworks.
AngularJS $digest Loop: Optimizing Watchers and Databinding Performance
A deep dive into AngularJS performance tuning in late 2013. We analyze dirty checking, the digest loop, and watcher counts.
Responsive Images: Navigating the picture Tag, srcset, and Fluid Viewports
Exploring the emerging HTML5 responsive image draft specifications in late 2013, analyzing device-pixel ratios, srcset, and the picture tag.
PhoneGap Build: Compiling Cross-Platform Native Packages in the Cloud
Evaluating PhoneGap Build in mid-2013. We analyze the config.xml settings, cloud keystore credentials, and native code packaging.
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.
Web Performance: SPDY Protocol and the Foundation of HTTP/2
Exploring the adoption of Google's SPDY protocol in mid-2012, detailing multiplexing and header compression techniques.
Single Page Apps: Why AngularJS v1.0 is the Framework to Watch
Analyzing the landmark release of Google's AngularJS v1.0, detailing how two-way data binding and directives simplify SPA architectures.
TypeScript Announcement: static type safety for JavaScript scale
Analyzing Microsoft's announcement of TypeScript in June 2012. We look at static typing abstractions, class architectures, and JavaScript compilation.