TRMW + javascript   130

DOM, HTML5, & CSS3 Performance « Paul Irish
In this 30min video I cover:
Reflows, what they are and how to avoid them
Hardware accelerated CSS, how to trigger it
Letting the browser optimize animation for you with requestAnimationFrame
Web Workers
Benchmarking
Build scripts
frontend  performance  css3  html5  javascript  reflow 
4 weeks ago by TRMW
rmurphey/js-assessment
A test-driven approach to assessing JS skills
javascript 
5 weeks ago by TRMW
JavaScript Patterns
A JavaScript pattern and antipattern collection that covers function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM and browser patterns (upcoming).
javascript  patterns 
5 weeks ago by TRMW
JavaScript Semicolon Insertion
Regardless of your preferences in semicolon usage, you must know the rules to write JavaScript professionally. If you remember a few simple rules, all of which are explained here, you will be able to understand how any program you might encounter will be parsed, and will be an expert on JavaScript automatic semicolon insertion, or ASI.
javascript  reference 
5 weeks ago by TRMW
joelambert/CSS-Animation-Store
An easy interface to access CSS Animations with Javascript
javascript  css3  cssanimation 
7 weeks ago by TRMW
ControlJS
ControlJS is a JavaScript module for making scripts load faster.
javascript  performance  async 
8 weeks ago by TRMW
LABjs Script Loader :: Home
LABjs by default will load (and execute) all scripts in parallel as fast as the browser will allow. However, you can easily specify which scripts have execution order dependencies and LABjs will ensure proper execution order. This makes LABjs safe to use for virtually any JavaScript resource, whether you control/host it or not, and whether it is standalone or part of a larger dependency tree of resources.
javascript  performance  async 
8 weeks ago by TRMW
Spine
Build Awesome JavaScript MVC Applications
javascript  mvc  framework 
9 weeks ago by TRMW
Responsive web design from the future — Warpspire
Responsive web design is about a lot more than the size of your screen. This talk is about about how GitHub handles links, the url bar, partial page updates, and explains why I think the HTML5 history API is the most important thing to happen to front end development since Firebug.
github  performance  html5  javascript  presentation 
10 weeks ago by TRMW
TodoMVC
A project which offers the same Todo application implemented using MV* concepts in most of the popular JavaScript MV* frameworks of today.
mvc  javascript  framework 
11 weeks ago by TRMW
QUnit - jQuery JavaScript Library
QUnit is a powerful, easy-to-use, JavaScript test suite. It's used by the jQuery project to test its code and plugins but is capable of testing any generic JavaScript code (and even capable of testing JavaScript code on the server-side).
javascript  testing  jquery 
12 weeks ago by TRMW
A mobile web application tech stack | Boris Smus
In particular, this post is about the set of frameworks that I found to be instrumental in developing my most recent project. I'll go over some of the most important framework types, each of which could be expanded into an article in its own right. This is not meant to be an extensive comparison of existing offerings, just a slice of technologies that I experimented with most recently.
mobile  mvc  javascript 
12 weeks ago by TRMW
Backbone and Ember | Boris Smus
Nice comparison. Basically concludes that Ember is a more complete solution, but may not be as performant for large apps, and is opinionated.
javascript  backbone  emberjs  framework 
12 weeks ago by TRMW
Backbone Boilerplate
A set of best practices and utilities for building Backbone.js applications.
backbone  javascript 
12 weeks ago by TRMW
Chaplin
Chaplin is an example architecture for JavaScript applications using the Backbone.js library. The code is derived from moviepilot.com, a large single-page application.
javascript  framework  backbone 
12 weeks ago by TRMW
Morris.js
Making good-looking graphs shouldn't be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy.
charts  javascript  raphaeljs  jquery 
12 weeks ago by TRMW
Functional JavaScript with CoffeeScript and Node
CoffeeScript is famous for smoothing out JavaScript's rough edges, but it has other advantages worth exploring. In this article, Andrew Glover shows you how CoffeeScript's cleaner syntax makes it easer to leverage functional constructs in JavaScript libraries, especially for server-side programming in Node.js. He concludes with a series of short demonstrations in using Underscore.js, a utility library for JavaScript, to handle collections in CoffeeScript and Node.
coffeescript  nodejs  javascript 
12 weeks ago by TRMW
d3.js
D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document.
javascript  visualization  data  framework  svg  library  html5  js 
february 2012 by TRMW
Put that data-* attribute away, son...You might hurt someone
I welcome the data-* attribute. It’s a simple and immediately useful method to add custom semantic data to HTML documents. Just avoid using it to litter implementation-specific crap into your documents.
javascript  html5  Semantics 
february 2012 by TRMW
The Tree Slider - GitHub
The new HTML5 History API (which really has nothing to do with HTML — it's a JavaScript API) allows us to manage the URL changes while CSS3 transitions handle the sliding. Permalinks are always maintained, your back button works as expected, and it's much faster than waiting for a full page load.
github  html5  pushstate  javascript  history 
february 2012 by TRMW
Old tricks for new browsers – a talk at jQuery UK 2012 ✩ Mozilla Hacks – the Web developer blog
Developers seem to forget a few very simple techniques that allow you to write very terse and simple to understand JavaScripts that don’t rely on jQuery. Amongst others, the most powerful ones are event delegation and assigning classes to parent elements and leave the main work to CSS.
jquery  javascript 
february 2012 by TRMW
Eloquent JavaScript: A Modern Introduction to Programming
Eloquent JavaScript is a book providing an introduction to the JavaScript programming language and programming in general.
javascript  learning  books 
february 2012 by TRMW
Javascript Koans - koans to learn Javascript (the good bits)
Based on Edgecase's fantastic Ruby koans, the goal of the Javascript koans is to teach you Javascript programming through testing.
javascript  tutorial  learning 
february 2012 by TRMW
flotr2
Flotr2 is a fork of the popular Flotr library and offers a great canvas-based way to render attractive charts and graphs. Flotr2 brings library agnosticism and mobile/touch event support to the table and clocks in at under 25KB!
canvas  charts  javascript  library  graphing 
february 2012 by TRMW
Hogan.js
Hogan.js is a 2.5k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates.
javascript  templates  twitter 
february 2012 by TRMW
Google JavaScript Style Guide
JavaScript is the main client-side scripting language used by many of Google's open-source projects. This style guide is a list of dos and don'ts for JavaScript programs.
google  javascript  styleguide 
january 2012 by TRMW
Humane JS
A simple, modern, framework-independent, well-tested, unobtrusive, notification system. Utilizes CSS transitions when available, falls back to JS animation when not. Includes mobile support.
javascript  library  notifications 
december 2011 by TRMW
KeyboardJS Demo
KeyboardJS is a library for binding to keys or key combos. Its available as an AMD module or a standard Library.
javascript  library  keyboard 
december 2011 by TRMW
Using jQuery .on() and .off() – AndiSmith.com
In this article, I’ll give you a short introduction to both these handlers, and how you can move from your existing code of .bind(), .live() or .delegate() to .on() and .off().
jquery  javascript  events 
november 2011 by TRMW
JavaScript Guide - MDN
Nice overview of the many JS references on MDN.
javascript  learning 
november 2011 by TRMW
Efficient JavaScript - Dev.Opera
This article will show several simple changes that can be made to improve the performance of your Web applications.
javascript  performance 
november 2011 by TRMW
JavaScript Garden
JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes, subtle bugs, as well as performance issues and bad practices that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.
javascript  learning 
november 2011 by TRMW
Web 2.0 Development and Business Lessons: You Don't Know JavaScript
Good overview of skills the author deems required for various skill levels.
javascript 
november 2011 by TRMW
Moment.js - A lightweight javascript date library
A lightweight javascript date library for parsing, manipulating, and formatting dates.
javascript  library 
november 2011 by TRMW
Javascript Closures
Recommended by Cody Lindley in his "Javascript Enlightenment" ebook.
javascript  closures  reference 
november 2011 by TRMW
A List Apart: Articles: Expanding Text Areas Made Elegant
An expanding text area is a mutli-line text input field that expands in height to fit its contents. Here, I’m going to show you a better solution to the problem, which sizes the textarea using only the smallest snippet of JavaScript magic along with some cunning CSS.
javascript  forms 
november 2011 by TRMW
« earlier      

Copy this bookmark:



description:


tags: