tysone + javascript   141

Ghostweather R&D Blog: Teaching a Semester of D3.js
I spent last semester frantically putting together a course on D3.js for journalism students at the University of Miami at the same time as teaching it and grading it. Wow, teaching a semester course is hard. Teaching coding, especially to non-CS students, is a special challenge.
javascript  teaching  d3 
january 2016 by tysone
React.js Introduction For People Who Know Just Enough jQuery To Get By · React for Designers
If you're comfortable with JavaScript or any of the frontend frameworks like Backbone/Ember/Angular, this tutorial is NOT for you, and you'll be very frustrated with my writing style. There are tons of great tutorials you can learn from, including the official React tutorial.
javascript  tutorial  react 
july 2015 by tysone
Archie Markup Language (ArchieML)
ArchieML (or "AML") was created at The New York Times to make it easier to write and edit structured text on deadline that could be rendered in web pages, or more specifically, rendered in interactive graphics.
javascript  nytimes  totea 
march 2015 by tysone
writings/published/understanding-backbone.md at master · kjbekkelund/writings
I've seen many struggle when they first meet Backbone.js. In this blog post I will gradually refactor a bit of code from how I used to write JavaScript before, into proper Backbone.js code using models, collections, views and events. Hopefully this process will give you a firm understanding of the core abstractions in Backbone.js.
javascript  jquery  backbone  tutorial  toteach 
july 2014 by tysone
Native equivalents of jQuery functions
I think there are many developers who don’t realize that most of the jQuery methods they use have native equivalents that require the same or only a slighter larger amount of code to use. Below are a series of code samples showing some popular jQuery functions along with their native counterparts.
javascript  jquery  toteach 
may 2013 by tysone
D3.js 101
D3.js 101 - A Technical Intro
d3  javascript  toteach 
february 2013 by tysone
writings/published/understanding-backbone.md at master · kjbekkelund/writings · GitHub
I've seen many struggle when they first meet Backbone.js. In this blog post I will gradually refactor a bit of code from how I used to write JavaScript before, into proper Backbone.js code using models, collections, views and events. Hopefully this process will give you a firm understanding of the core abstractions in Backbone.js.
javascript  jquery  backbone  toteach 
january 2013 by tysone
Framer: Modern Prototyping
Framer is a modern prototyping tool. It can help you to quickly build and test complex interactions and rich animations for both desktop and mobile.
prototyping  javascript  sketching  totry 
january 2013 by tysone
Learning JavaScript Design Patterns
In this book we will explore applying both classical and modern design patterns to the JavaScript programming language.
javascript  toteach  toread 
september 2012 by tysone
JS: The Right Way
It’s important to know that JavaScript has some bad parts, but also have nice ones! And that nice parts make it worth. It’s a fun language to work with, and if you know how to use it in the “right way”, you can enjoy programming on it.
toteach  javascript  programming 
september 2012 by tysone
Javascript Fundamentals: Development for Absolute Beginners | Channel 9
Want to learn a different language? Over the course of 21 episodes, our friend Bob Tabor from www.LearnVisualStudio.net will teach you the fundamentals of Javascript programming. Tune in to learn concepts applicable to web based videogames, enhanced user interfaces, and dynamic web pages.
javascript  toteach  tutorial 
august 2012 by tysone
wysihtml5 - A better approach to rich text editing
wysihtml5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
html5  javascript  wysiwyg 
may 2012 by tysone
D3 Without SVG - Jim Vallandingham
Recently, the New York Times published an interactive visualization on the electorial map for the up-coming American presidential election. It features a bubble chart inspired interactive ‘game’ in which users can make their own predictions about which way undecided states will swing to see how the election might turn out.
d3  data  design  javascript  toteach 
may 2012 by tysone
Introduction to d3: Build an Animated Graph in 19 Lines of Code - Need for Air
The goal of this tutorial is to give an introduction to d3.js by using the example of a simple animated bar chart.
charts  d3  javascript  toteach 
may 2012 by tysone
Modern Web Development: The Webkit Inspector
This blog post attempts to remedy that, not only by walking you through the inspector’s feature set, but also highlighting certain techniques for bug hunting and feature development that I’ve found to be indispensable
toteach  debugging  javascript  performance  webkit 
april 2012 by tysone
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
Microjs.com helps you discover the most compact-but-powerful microframeworks, and makes it easy for you to pick one that’ll work for you.
javascript  resources 
april 2012 by tysone
Olark | Something People Want
Living inside other companies’ websites means a lot less control…and sometimes it feels a lot like running through a minefield. While we can sidestep some challenges with recent techniques, the fact remains that our code executes in a hostile environment. Here is a short list of real problems that we have seen in the wild:
april 2012 by tysone
JavaScript pattern and antipattern collection
A JavaScript pattern and antipattern code collection that covers function patterns, jQuery patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM and browser patterns (upcoming).
javascript  patterns  programming  reference  tips 
march 2012 by tysone
Tesseract is a JavaScript library for filtering large multivariate datasets in the browser. Tesseract supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records; we built it to power analytics for Square Register, allowing merchants to slice and dice their payment history fluidly.
javascript  data  visualization 
march 2012 by tysone
Wat — Destroy All Software Talks
The sarcasm in this talk does not represent anyone's actual opinion. For a more serious take on software, try Destroy All Software Screencasts: 10 to 15 minutes weekly, dense with information on advanced topics like Unix, TDD, OO Design, Vim, Ruby, and Git.
nonsense  funny  javascript  programming  ruby 
march 2012 by tysone
Using event capturing to improve Basecamp page load times - (37signals)
If only there were a way to catch the mousedown event just before it begins its ascent up the DOM…
javascript  37signals  performance 
march 2012 by tysone
Backbone patterns
This is a document with best practices in Backbone. This is a massive work-in-progress.
backbone  javascript  reference 
february 2012 by tysone
First, Understand Your Screen « James Pearce
As web developers, we will often need to know the screen size of the device we are displaying content on. Perhaps on the server, perhaps on the client, perhaps to be used as a clause in a media query. But how best to measure it?
css  responsive  javascript  mobile 
december 2011 by tysone
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  programming  toteach 
november 2011 by tysone
The Node Beginner Book » A comprehensive Node.js tutorial
The aim of this document is to get you started with developing applications with Node.js, teaching you everything you need to know about "advanced" JavaScript along the way. It goes way beyond your typical "Hello World" tutorial.
nodejs  toread  toteach  tutorial  javascript 
november 2011 by tysone
The Little Book on CoffeeScript - Introduction
CoffeeScript is a little language that compiles down to JavaScript. The syntax is inspired by Ruby and Python, and implements many features from those two languages. This book is designed to help you learn CoffeeScript, understand best practices and start building awesome client side applications. The book is little, only five chapters, but that's rather apt as CoffeeScript is a little language too.
toteach  coffeescript  javascript 
november 2011 by tysone
Loyal Opposition to Const, Private, Freeze, Non-Configurable, Non-Writable...
JavaScript should be about making it easier to write the right thing, and
not so much about making it harder to do the wrong thing. After all, the
former is purely positive, and the latter assumes that you know better than
the engineer who comes after you. In the real world, you often don't.
ashkenas  javascript  programming  language 
november 2011 by tysone
pjscrape: A web-scraping framework written in Javascript, using PhantomJS and jQuery
pjscrape is a framework for anyone who's ever wanted a command-line tool for web scraping using Javascript and jQuery. Built to run with PhantomJS, it allows you to scrape pages in a fully rendered, Javascript-enabled context from the command line, no browser required.
javascript  scraping  totry  from delicious
august 2011 by tysone
#28: script loading solution - Issues - paulirish/html5-boilerplate - GitHub
Latency exists on the internet. Concatenate, minify, and gzip your JS, and load it at the bottom of the page in as few HTTP requests as possible. Nuff said.
javascript  fisticuffs  ashkenas  from delicious
august 2011 by tysone
Candy — a JavaScript-based multi-user chat client
There are plenty of web-based chat clients out there. Most of them are built to emulate your instant messenger. They offer you tons of settings. They can join multiple networks, let you edit your profile, and even manage your message history.<br />
Candy is different. It's built for your community.
javascript  chat  totry  from delicious
august 2011 by tysone
Chosen - a javascript select thingy
Chosen is a javsacript plug-in makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
jquery  javascript  ui  totry  from delicious
july 2011 by tysone
Annoying.js: How to be an asshole • Javascript • Kilian Valkhof
In January I came across a website that had a whole slew of JavaScript that attempted to prevent you from selecting text, right clicking or dragging any content onto your desktop. I decided to copy the JavaScript and create a library with examples of JavaScript techniques you can use if you want to scare your visitors away, or want to piss them off. Annoying.js is the result.
javascript  annoying  from delicious
june 2011 by tysone
Tangle: a JavaScript library for reactive documents
Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn.
javascript  data  from delicious
june 2011 by tysone
Textify.it - Turn Images Into Text
Textify.it visualizes images using text. Lots of text.<br />
Drag and drop images on to the page to start,<br />
every image produces a unique result!
creative  javascript  from delicious
june 2011 by tysone
32 Javascript Alternatives with Pure CSS – Updated
The pure CSS techniques, outlined in this article, are neither new nor are they ground-breaking. What they do offer is CSS solutions to what would typically and traditionally be associated with Javascript, and as a demonstration that they do exist and could be quite easily used.
css  javascript  toteach  from delicious
may 2011 by tysone
D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.
totry  visualization  data  javascript  from delicious
march 2011 by tysone
Chris Shiflett: JavaScript and URLs
It's as if a bunch of people got together and decided that the problem with Flash sites is the technology, not the use of it. Everything I used to hate about Flash is back, this time in the form of JavaScript.
flash  javascript  html  webdev  favorite  from delicious
march 2011 by tysone
jQuery Waypoints
Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.
totry  jquery  javascript  from delicious
february 2011 by tysone
isolani - Javascript: Breaking the Web with hash-bangs
Excellent, excellent analysis of how URLs based on fragment identifier (a la Twitter/Gawker/Lifehawker) expose an unstable tottering edifice that crumbles at the first JavaScript error.
javascript  gawker  webdev  from delicious
february 2011 by tysone
fortes/history.js - GitHub
history.js provides an implementation of the HTML5 history API: history.pushState and history.replaceState functions, as well as the window.onpopstate event.
totry  javascript  from delicious
february 2011 by tysone
jQuery Fundamentals
The purpose of this book is to provide an overview of the jQuery JavaScript library; when you're done with the book, you should be able to complete basic tasks using jQuery, and have a solid basis from which to continue your learning.
jquery  javascript  toteach  resources  from delicious
january 2011 by tysone
a graph visualization library using web workers and jQuery
totry  visualization  jquery  javascript  from delicious
january 2011 by tysone
Interview: Jeremy Ashkenas Talks About CoffeeScript
Jeremy Ashkenas is the developer of CoffeeScript, a programming languages that compiles to JavaScript. Imagine JavaScript but with all the whitespace goodness of Python or Ruby.
ashkenas  javascript  programming  from delicious
january 2011 by tysone
Eloquent JavaScript -- interactive tutorial
Eloquent JavaScript is a book providing an introduction to the JavaScript programming language and programming in general.
toread  javascript  reference  from delicious
january 2011 by tysone
5 Things You Might Not Know about jQuery - O'Reilly Answers
jQuery is a very powerful library, but some of its powerful features are obscure, and unless you've ready the jQuery source code, or my new book jQuery Pocket Reference, you may not know about them. This article excerpts that book to describe five useful features of jQuery that you might not know about.
jquery  reference  javascript  from delicious
january 2011 by tysone
Head JS :: The only script in your HEAD
The HEAD section is the worst place to load scripts. It's painfully slow. The more and the bigger the worse it gets. Move the scrips to the bottom of the page and you cannot use HTML5 and CSS3 safely. Enter Head JS. The single best solution to this universal problem.
javascript  totry 
november 2010 by tysone
The Essentials of Writing High Quality JavaScript | Nettuts+
The brilliant Stoyan Stefanov, in promotion of his new book from O’Reilly, “JavaScript Patterns,” was kind enough to contribute an excerpt of the book for our readers, which details the essentials of writing high quality JavaScript, such as avoiding globals, using single var declarations, pre-caching length in loops, following coding conventions, and more.
javascript  toteach 
november 2010 by tysone
Lettering.JS | daverupert.com
Web Typography is exploding all over the web. We developed a lightweight, easy to use jQuery plugin for radical Web Typography.
css  typography  javascript 
september 2010 by tysone
Chrome Experiments - Arcade Fire
Choreographed windows, interactive flocking, custom rendered maps, real-time compositing, procedural drawing, 3D canvas rendering... this Chrome Experiment has them all. "The Wilderness Downtown" is an interactive interpretation of Arcade Fire's song "We Used To Wait" and was built entirely with the latest open web technologies, including HTML5 video, audio, and canvas.
html5  arcadefire  google  javascript 
august 2010 by tysone
SoundManager 2: Javascript Sound For The Web
By wrapping and extending the Flash and HTML5 Audio APIs, SoundManager 2 brings solid audio functionality to JavaScript.
audio  html5  javascript 
july 2010 by tysone
marcuswestin's store.js at master - GitHub
localStorage wrapper for all browsers without using cookies or flash. Uses localStorage, globalStorage, and userData behavior under the hood
totry  javascript  html5 
june 2010 by tysone
raganwald's JQuery-Combinators at master - GitHub
jQuery Combinators adds two very useful methods to every jQuery object: into and tap. These allow you to use your own functions as if they were built-in jQuery methods, which makes your code cleaner and more "jQuery-like."
jquery  javascript  totry 
june 2010 by tysone
Daring Fireball: Tynt, the Copy/Paste Jerks
It’s a bunch of user-hostile SEO bullshit.
javascript  publishing 
may 2010 by tysone
JSConf 2010 Slides « Devthought
For those of us who didn’t make it, I’ve compiled a list of slides + blog posts from the JSConf 2010 Track A speakers
javascript  toread  programming 
may 2010 by tysone
Uncover · David DeSandro
I am just beginning to uncover some sense of the role of interaction in web design. Typically, I framed the interactive element as facilitating the message of the work. But I now I see it more as the message itself.
artdirection  typography  inspiration  javascript  css 
april 2010 by tysone
TouchScroll, a scrolling layer for WebKit mobile « Uxebu.com – the Ajax and JavaScript Experts
TouchScroll, our scrolling layer for WebKit Mobile. It is JavaScript/CSS 3 based and allows for fixed elements like headers and toolbars on web pages when viewed on the iPhone or on Android. It works on the iPad, too.
iphone  css  javascript  webdesign 
april 2010 by tysone
The Man From Hollywood
The Man From Hollywood is a Kinetic Type experiment that makes use of Advanced CSS selectors and Webkit CSS properties*. The idea is based off of kinetic type videos that are usually created using After Effects, Flash, or other animation tools. Javascript is used, but minimally, really just to turn class names on and off. All of the animations are accomplished using CSS.
css3  javascript  motiongraphics 
april 2010 by tysone
313kb of JavaScript. Bold.
webdesign  music  javascript 
january 2010 by tysone
jQuery Lint – James Padolsey
jQuery Lint is a simple script you can download and use with jQuery. It works over the top of jQuery and diligently reports errors and any incorrect usage of jQuery. It will also, to some extent, offer guidance on best practices and performance concerns.
jquery  javascript  debugging  webdev 
january 2010 by tysone
« earlier      
per page:    204080120160

related tags

3d  37signals  ajax  analytics  animation  annoying  api  arcadefire  artdirection  ascii  ashkenas  assets  audio  backbone  bestpractices  bookmarklet  browsers  calendar  cartography  charts  chat  coffeescript  compiler  congress  creative  css  css3  d3  data  database  debugging  design  development  django  documentcloud  encoding  errors  espn  everyblock  experimental  favorite  fisticuffs  flash  flickr  forms  framework  funny  gawker  google  googlemaps  government  grid  howto  html  html5  innovation  inspiration  iphone  javascript  jquery  js  language  maps  mobile  mongodb  motiongraphics  music  mvc  nodejs  nonsense  npr  nytimes  opensource  optimization  patterns  performance  processing  programming  prototyping  publishing  qa  rails  react  reference  regex  resources  responsive  ruby  scraping  sdk  sketching  software  sparklines  standards  teaching  tips  toexplore  tools  toread  totea  toteach  totry  touse  tutorial  twitter  typography  ui  unicode  validation  video  visualization  webdesign  webdev  webkit  widgets  wysiwyg  yui 

Copy this bookmark: