Start Performance Budgeting
October 2, 2018 If you're building a web experience and want to stay fast, a performance budget can be critical. For success, embrace performance budgets and learn to live within them. Network & CPU limits on mobile can require asking hard questions like, "what is really important to my users?" When we talk to Fortune 500 companies that put in the work to improve performance, perf metrics will oft
Author In ES6, Transpile To ES5 As A Build-step: A Workflow For Grunt
Author In ES6, Transpile To ES5 As A Build-step: A Workflow For Grunt April 29, 2013 Preface: This article assumes prior knowledge of Grunt, the JavaScript task runner and that you've heard of Traceur, the ES.next to ES5 transpiler by Google. Getting started guides are available for both projects. For information on the current state of ES6, read the current working draft spec. Today I used a Grun
Yeoman Update: announcing 1.0 beta 4, Windows support, Refreshed Angular, Backbone, Ember generators and more.
Yeoman Update: announcing 1.0 beta 4, Windows support, Refreshed Angular, Backbone, Ember generators and more. April 9, 2013 Today we're happy to announce the release of Yeoman 1.0 beta 4. A number of large updates have been made to the project since beta 3, covering scaffolding, performance improvements and overall stability. The community around the project has also been growing, tackling ideas
Improving Web App Performance With the Chrome DevTools Timeline and Profiles
Improving Web App Performance With the Chrome DevTools Timeline and Profiles December 9, 2012 We all want to create high performance web applications. As our apps get more complex, we may want to support rich animations and that ideal 60 frames a second that keep our apps responsive and snappy. Being aware of how to measure and improve performance can be a useful skill and in this short post, I'll
A Few New Things Coming To JavaScript
November 22, 2012 I believe the day-to-day practice of writing JavaScript is going to change dramatically for the better when ECMAScript.next arrives. The coming year is going to be an exciting time for developers as features proposed or finalised for the next versions of the language start to become more widely available. In this post, I will review some of the features I'm personally looking for
Tools For jQuery Application Architecture (Extended Slides) from #wdx
Hey guys. I just wrapped up my talk on Tools for jQuery Application Architecture over at Web Directions in London and wanted to make sure anyone interested had access to the slides. This is the extended version, which includes about 15 slides that weren't in the original deck, but may prove useful. Some of the topics I cover include: MVC & MVVM architecture patterns for client-side development Jav
Digesting JavaScript MVC - Pattern Abuse Or Evolution?
Digesting JavaScript MVC - Pattern Abuse Or Evolution? June 13, 2012 In my talk from London Ajax, we'll explore the current state of MVC in the JavaScript community, how Smalltalk-80's MVC differed and whether modern frameworks abuse (or evolve) the MVC pattern. We'll also look at a framework that tries to stick more closely to Smalltalk MVC and close up with a panel discussion. http://speakerdeck
JavaScript Style Guides And Beautifiers
May 3, 2012 Today we're going to explore JavaScript style guides, specifically: their importance, style guides worth reviewing and tools that can assist in automated code beautification or style enforcement. What exactly is a style guide? Before we begin, let us remind ourselves exactly what a code style guide is: A style guide or style manual is a set of standards for the writing and design of co
Understanding MVVM - A Guide For JavaScript Developers
April 10, 2012 MVVM (Model View ViewModel) is an architectural pattern based on MVC and MVP, which attempts to more clearly separate the development of user-interfaces (UI) from that of the business logic and behaviour in an application. To this end, many implementations of this pattern make use of declarative data bindings to allow a separation of work on Views from other layers. This facilitates
[O'REILLY]Developing Backbone.js Applications -
Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Today, these applications are everywhere and you need to know how to build them. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete pag
Auto-saving CSS And JavaScript Changes Locally From The Chrome Developer Tools
Auto-saving CSS And JavaScript Changes Locally From The Chrome Developer Tools December 16, 2011 [vimeo clip_id="33765496" width="535" height="301" title="1" byline="0" portrait="1"] Today we're going to take a look at how you can greatly simplify how you locally develop for the web.We all have our own workflow when it comes to working on the front-end, but there are some common steps we almost al
Writing Modular JavaScript With AMD, CommonJS & ES Harmony
Writing Modular JavaScript With AMD, CommonJS & ES Harmony When we say an application is modular, we generally mean it's composed of a set of highly decoupled, distinct pieces of functionality stored in modules. As you probably know, loose coupling facilitates easier maintainability of apps by removing dependencies where possible. When this is implemented efficiently, its quite easy to see how cha
basket.js - a simple script loader that caches scripts with localStorage
A simple (proof-of-concept) script loader that caches scripts with localStorage Tweet Version 0.5.0: basket.js (2.2 kB) basket.min.js* (0.7 kB gzipped) basket.full.min.js (3.8 kB gzipped) CDN-Usage * = Use this version if you want to manually handle the rsvp.js dependency If you're seeing this message, something has gone wrong. Please ensure you are testing this page using a HTTP server. Introduct
Understanding MVC And MVP (For JavaScript And Backbone Developers)
Understanding MVC And MVP (For JavaScript And Backbone Developers) January 13, 2012 Last updated: 16th Jan, 2012. Before exploring any JavaScript frameworks that assist in structuring applications, it can be useful to gain a basic understanding of architectural design patterns. Design patterns are proven solutions to common development problems and can suggest structural paradigms to help guide us
Backbone Fundamentals - A Free Work-In-Progress Book For Developers Of All Levels
Backbone Fundamentals - A Free Work-In-Progress Book For Developers Of All Levels December 23, 2011 About a week ago, I began working on a new article about Backbone.js. It was due to cover some concepts and insights intermediate or advanced users might appreciate, but I found myself wanting to reference topics beginners might need to know if they wanted to get the most out it. Quite a few of them
Essential JavaScript Namespacing Patterns
September 23, 2011 In this post, I'll be discussing both intermediate and advanced patterns and approaches for namespacing in JavaScript. We're going to begin with the latter as I believe many of my readers have some prior experience in this area. If however you're new to namespacing with the language and would like to learn more about some of the fundamentals, please feel free to skip to the sect
Polyfilling The HTML5 Gaps With JavaScript
Related links and resources Tweet A little about me JavaScript & UI Developer @ AOL jQuery [Bug Triage/Docs/Learning] teams Contribute to open source projects like Modernizr Wrote a few polyfills and shims I ♥ making the web better I occasionally battle the dark side. Why Do Polyfills Matter? First do it. Then do it right. Then do it better. Do it: Get your application or demo working using the na
Demystifying jQuery 1.7's $.Callbacks
October 21, 2011 A brand new feature introduced in jQuery 1.7 is $.Callbacks, which we'll be taking a look at today. $.Callbacks are a multi-purpose callbacks list object and if you've had a chance to play around with jQuery's $.Deferred functionality (Julian Aubourg and I wrote about it previously), you may be surprised to know that this is one of the core building blocks that make that feature p
Patterns For Large-Scale JavaScript Application Architecture
Today we're going to discuss an effective set of patterns for large-scale JavaScript application architecture. The material is based on my talk of the same name, last presented at LondonJS and inspired by previous work by Nicholas Zakas. Who am I and why am I writing about this topic? I'm currently a JavaScript and UI developer at AOL helping to plan and write the front-end architecture to our nex
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery 1.7 Beta Release Preview