90 posts from: Warped Visions
Simple Javascript template hack
(Indexed 2010-06-26):
One of the things that PHP/Apache does nicely that it has a simple, quiet syntax for template variables. The closer a template gets to looking like the original thing, the more you can focus on what it should look like, and how it should behave. With short tags, for example, there are only a handful of characters around your variables:Thats much nicer than:Unfortunately, things arent as nice in Javascript land. There are several template libraries available, but by default youre stuck concatenat...(truncated)...
Things I've learned
(Indexed 2010-06-12):
Ive been working on a number of projects this year. A lot of PHP, Javascript, and CSS, and a bit of Objective-C and web service stuff to tie it all together. Ive been toying with Android as well as some work BlackBerry stuff, but neither feel especially productive even though both are productive enough.[Image]
Link: phonegap / FrontPage
(Indexed 2010-05-10):
Phonegap is a toolkit for building webish applications for the iPhone. It includes a library that exposes most of the iPhone hardware to JavaScript and a template XCode project for building your HTML/CSS/JS into a real app for distribution in the App Store. You can also compile your apps for BlackBerry, Android, Palm, and Windows ...
Link: Cookies for JavaScript + jQuery
(Indexed 2010-04-14):
Cookies is a clean little Javascript library that can optionally hook into jQuery.
Link: Minimal Javascript UI kit
(Indexed 2010-04-09):
UKI is a minimalist Javascript UI kit. I love how Github is almost always a sign of a nifty toolkit.
Link: Google Caja
(Indexed 2010-03-29):
Caja is a source-to-source compiler for Javascript, which makes it easy to embed JavaScript generated by users securely in a web application.
Link: Textmate + JS + Lint
(Indexed 2010-03-04):
A Textmate bundle for running Lint on Javascripts from the bundles menu.
Link: HOWTO make web scripts load more quickly
(Indexed 2010-02-14):
HOWTO load scripts without blocking. Measurements and methods for loading scripts asynchronously, with specific browser caveats and tips.
Link: Node.js
(Indexed 2010-02-14):
Node.js is a Javascript server framework that does events nicely. Events are used to sequence asynchronous I/O, which has great potential for both serving web pages and serving up raw HTTP client requests (for things like Twitter).
Link: PKs Javascript quiz
(Indexed 2010-02-09):
Perfection Kills posted an excellent Javascript quiz. How well did you score?
Link: Picard, a JavaScript framework for web development
(Indexed 2010-02-07):
Picard is a clean little framework for web development with node.js.
Link: Binding Scope in JavaScript
(Indexed 2009-12-24):
Binding Scope in JavaScript, an overview of scope in javascript.
Link: ie7-js Project Hosting on Google Code
(Indexed 2009-10-09):
IE7 compatibility in a Javascript library: ie7-js (hosted at Google Code). Partially fixes transparent PNGs (no tiling or background positioning), and fixes many selector bugs (including the retarded double margin bugs!), peekaboo, form>button value posting, and many others. Does not add rounded corners, however.
Link: HTML Canvas
(Indexed 2009-10-09):
HTML Canvas is a Javascript library that uses Canvas to render HTML.
Link: jQuery tools 1.0
(Indexed 2009-09-01):
jQuery tools 1.0 has been released, a set of UI widgets based on the jQuery Javascript toolkilt. Adds reasonable implementations of the standard rich web controls, including tooltips, carousels, accordions, exposed elements, and so on.
Link: Modernizr
(Indexed 2009-08-30):
Modernizr is a Javascript library lets you use CSS3 and HTML5 elements not yet supported by different browsers. My luck with the library has been limited so far, but it does look useful for some of the more basic elements.
Running Javascript on the Server
(Indexed 2009-08-08):
Rhino is server side Javascript, built in Java, that can run on OS X and other unix-like platforms.
Link: Another great rant on S-exp vs XML, HTML, LaTeX
(Indexed 2009-07-15):
More great ranting: “S-exp vs XML, HTML, LaTeX (was: Why lisp is growing)”.
Link: JavaScript Malware Analysis
(Indexed 2009-05-24):
JavaScript Malware Analysis, a detailed analysis of a recent piece of twisted malware.
Link: axono.me
(Indexed 2009-05-21):
axono.me is a JavaScript library for drawing things in 2d and isometric pixels. It uses jQuery and looks like a great place to start for building simple strategy games.
Link: Sammy
(Indexed 2009-05-16):
Sammy is a small JavaScript URI routing library that works with jQuery, especially useful for single page applications. Think of it as the controller slice of MVC, where jQuery provides the view (and JavaScript the remaining model logic).
Link: JavaScript, The Good Parts
(Indexed 2009-05-15):
JavaScript: The Good Parts, a Google tech talk on the best bits of Javascript.
Phone browser web development
(Indexed 2009-04-02):
PhoneGap is a Javascript library for developing applications on iPhone, BlackBerry, and Android. Check out their wiki for tutorials and examples.
Pub/Sub Javascript library
(Indexed 2009-03-24):
jQuery Fling is a simple pub/sub library for web applications. It’s a clean tool for applications with a large number of notifications or other real-time events.
Anti-bozo notes for XML authors
(Indexed 2009-02-18):
Wondering HOWTO Avoid Being Called a Bozo When Producing XML? Also read: CDATA isn’t special. Now you know.
Google and Opera Javascript performance boosts
(Indexed 2009-02-05):
Some notes about improved regex performance in Google’s Chrome, and some early performance numbers from Opera’s new Javascript engine Carakan.
Embedding Googles V8
(Indexed 2008-10-03):
HOWTO embed Google’s V8 Javascript engine.
Understanding Javascript
(Indexed 2008-09-23):
An intense Javascript tutorial that covers the topics most people miss in the language.
A Javascript Primer
(Indexed 2008-09-11):
A very good re-introduction to Javascript, handy for those new to or rusty with the language.
Advanced Javascript effects
(Indexed 2008-08-25):
Some of the best Javascript effects I’ve seen to date. Reasonable CPU use, works in FF3 and Safari (but not IE6).
Javascript introspection
(Indexed 2008-08-25):
A example of introspection in Javascript. Way cool.
Javascript object member bindings
(Indexed 2008-07-02):
A great A List Apart article on the often misunderstood topic of Javascript member binding. Javascript is one of those powerful languages that is treated like a Basic-ish Java. It’s not. It’s more like a Perl-ish Lisp.
A weblog badge for your Google reader feeds
(Indexed 2008-06-16):
Here’s a scriptlet for displaying Google reader articles on your blog. It’s an excellent example of how to craft a small chunk of Javascript: it’s cleanly encapsulated object and unobtrusive. The only thing that could improve it would be a dash of Prototype | jQuery | Moo | Dojo.
Yegge talk on server-side Javascript
(Indexed 2008-06-15):
A longish, interesting writeup of a Steve Yegge presentation on server-side Javascript. It’s called Rhino, and is hosted in the JVM (which I don’t think is as bad as it sounds). Yegge comments on the stigmas around the JVM and Javascript itself. He asks the crowd about Javascript: Who here thinks ...
Python via Javascript
(Indexed 2008-06-10):
A Python introduction for Javascript programmers. One of the clearer Python overviews I’ve seen.
IE6 CSS/Javascript/Caching bug
(Indexed 2008-06-04):
I ran into a well-known, but odd IE6 caching bug this week. If caching is turned off for IE6 browsers, modifying DOM elements triggers the browser to reload any resources referenced by the changed elements. So if a script changes the class name of 5 elements and the CSS classes have a background ...
Wikipedia article on Javascript / EMCA script
(Indexed 2008-05-29):
Wikipedia has a great summary of the Javascript/ECMA language. It beats the pants off of the average ad-laden Javascript site, as it’s easy to read and covers a useful subset of the language.
XML, the 453.59237kg gorilla
(Indexed 2008-05-13):
Jeff Atwood on ‘XML: The Angle Bracket Tax‘ (via Yangman).
PNGs, Javascript, and compression
(Indexed 2008-05-11):
Hack of the week: compressing javascripts into PNGs and back again. Horribly excellent, isn’t it?
A new Javascript HTML parser
(Indexed 2008-05-06):
A pure Javascript HTML parser, by the author of jQuerry.
Doxygen for Javascript
(Indexed 2008-04-25):
JSDocToolkit is a tool like Doxygen for Javascript.
Crockfords Javascript resources
(Indexed 2008-04-08):
Douglas Crockford has a great set of Javascript resources on his site. Some good background reading for anyone learning Javascript.
Namespaces in Javascript?
(Indexed 2008-04-07):
A completely horribly hacky hack for namespaces in Javascript. Not that hacks (or horribly hacky hacks are bad).
100% HTML-coded game
(Indexed 2008-04-06):
A simple logic implemented entirely in HTML … no Javascript, no Flash, etc. It’s a a good example of FSM,1 and a great tangent hack.Not to be confused with the Flying Spaghetti Monster, also a product of HTML and poorly contrived state machines
JS database
(Indexed 2008-03-12):
How about a Javascript database? TaffyDB is a key/value store with database query semantics.
JSON versus XML for config?
(Indexed 2008-03-12):
David Ascher asks: JSON or XML for distributable Thunderbird configuration files? Both XML and JSON have weaknesses. I wonder if SQLite + a lightweight XUL editor would be better?
JS + more secure string interpolation
(Indexed 2008-02-04):
A thorough paper on Secure String Interpolation in Javascript.
HTML/XML to PDF converter
(Indexed 2008-02-03):
Ryan raves about a new HTML/XML + CSS and SVG to PDF tool from YesLogic. While it’s not cheap, it produces beautiful output compared to the Free tools I’ve used, and is free for non-commercial use. There’s even a Google techtalk about PrinceXML.
QT and Webkit
(Indexed 2007-12-14):
It looks like Trolltech is integrating Webkit into QT in a deep way. It’s available as a heavily updated widget, and they’re working to coerce their JavaScript core with Webkit’s. It’s not available in the official builds yet, it looks like they’re serious about the concept.Check out the source (git repository) and docs ...
Debate formatting, and the question of template mechanisms
(Indexed 2007-11-03):
Which is better, XML or Python for Python templates? I like the Php approach myself (intermixed language/template), as it matches the natural state of each language. The linked debate is interesting, but what I really like is the side-by-side format1.The “log in to vote” overlay is a bit confusing/noisy, however
Prototype.js improves object support
(Indexed 2007-10-11):
The prototype.js library adds some more depth, adding a cleaner, richer way to work with objects in Javascript. The more I use Javascript, the more I like it.I embedded the Mozilla JavaScript interpreter some years ago, and I remember fighting with porting the implementation (fixing several bugs on Alpha/Tru63). I also remember the ...
The Ext Javascript UI framework
(Indexed 2007-09-04):
Take a look at the Ext library documentation and examples. Ext is a Javascript UI framework that looks as good as any client-side kit I’ve seen (and the docs are fairly complete too). Also check out the World of Solitaire, an impressive DHTML Solitaire game.
Another solid rich web edit component
(Indexed 2007-08-17):
A slick rich edit component based on the YUI Javascript kit.Sponsor: text-link-ads.com - simple text ads for weblogs and feeds
Function names >= 70 characters suck
(Indexed 2007-08-01):
Member function name of the week:RequestProcessorFactoryFactory.RequestSpecificProcessor...(truncated)... way to go Apache XML-RPC team.Sponsor: text-link-ads.com - simple text ads for weblogs and feeds
Javascript games
(Indexed 2007-08-01):
A Javascript/browser game. It’s possible, and expect to see more of it in the future.
Javascript windows
(Indexed 2007-07-12):
Not that in-browser windows are a great idea, but here is a Javascript library for showing modal and non-modal Javascript/browser windows. The library includes window styling, dialogs, and performs quite well on my workstation.Sponsor: text-link-ads.com - simple text ads for weblogs and feeds
iPhone Ajax library
(Indexed 2007-07-11):
JoeHewitt talks about his iUI library, an iPhone-esque Javascript/Ajax library. The library page is here (via).
HyperScript
(Indexed 2007-07-06):
HyperScript, a joke library that shows how easy it is to generate HTML from Javascript, using a syntax similar to Perl’s CGI module.
JS Code highlighting
(Indexed 2007-07-04):
A simple Javascript code highlighter.Sponsor: Dreamhost.com - hosting warpedvisions.org since ‘97
Javascript rounded corners
(Indexed 2007-06-28):
A very slick rounded corners script. This stuff is looking better all the time.
Attack of the Clone, Clone wars, or Rails versus Javascript
(Indexed 2007-06-26):
TrimPath Junction is the Javascript “Rails” clone. Looks … interesting.Sponsor: text-link-ads.com - simple text ads for weblogs and feeds
Yegge ports Rails to Javascript (EMCA script)
(Indexed 2007-06-25):
John Lam reports that Steve Yegge ported Rails to JavaScript. Sounds like it’s part of the Google stack, and not a generalized tool (yet).
Fun javascript libraries and tools
(Indexed 2007-05-14):
A sliding tab view script (uses Prototype), a speedy web based (js) drawing tool, and a nice striped table script.
Another SVG/Javascript flash-replacement example
(Indexed 2007-04-18):
A good example of what’s possible with HTML, JavaScript and SVG. So many possibilities!
Another browser graphing library
(Indexed 2007-04-11):
The Prototype Javascript graphic library does basic SVG, Canvas, and VML rendering for web pages. Not to be confused with the other Javascript Prototype library.Sponsor: text-link-ads.com - simple text ads for weblogs and feeds
Javascript the new Flash?
(Indexed 2007-04-10):
I bumped into a few nifty Javascript tools today: a 6502 assembler and emulator, and a full charting tool — both written in Javascript.Sponsor: Dreamhost.com - hosting warpedvisions.org since ‘97
Php++, and why Rails isnt for me
(Indexed 2007-04-01):
Here’s an idea that I haven’t had a chance to hack at yet: Php++. Take the base language, clean it up using a simple pre-processor, and spit out regular Php. Think of it like Rails, but inverted. Instead of creating a few mini-languages to replace HTML/CSS/Javascript/SQL generation, find a way to string ...
Browser modalness
(Indexed 2007-02-21):
Modalbox is a Javascript library for doing wizards and similar dialogs in a browser.
Modifying Javascript builtins evil?
(Indexed 2006-12-29):
A case against using the prototype.js library.
A new frugal dictionary tool
(Indexed 2006-12-07):
Fast like ninja, it’s Ninjawords: a very goolgly, ajaxian, frugalistic, web-based dictionary (via Pete’sLinks).
AJAX and the back button
(Indexed 2006-11-18):
Fixing the Back Button and Enabling Bookmarking for AJAX Apps.
Alternative Javascript animation class design
(Indexed 2006-11-04):
Another approach for Javascript transitions and animations. It’s a fun topic to think about.
XML expert rants on XML
(Indexed 2006-11-02):
Erik Naggum intelligently rants about the weaknesses in XML. He says: XML, being the single suckiest syntactic invention in the history of mankind, offers you several layers at which you can do exactly the same thing very differently, in fact so differently that it takes effort to see that they are even related. ...
HTML/XML Vim extensions
(Indexed 2006-10-18):
Here’s a plugin to automatically close XML/HTML tags in Vim, and some general Vim HTML/XML tools and mappings.
Useful Javascript tips
(Indexed 2006-10-09):
Here’s a set of very useful Javascript tips. If you’re a webdev, learn Javascript well: it’s a powerful little tool.
Javascript graphing
(Indexed 2006-09-30):
MX Graph, uni-directed graphs in Javascript. I don’t recommend this library specifically, but expect good things in appication land from Javascript thingies. (Note the use of “thingies” is in retaliation of language like “leveraging”, as found on the MX Graph site).
One line of code: 4 languages
(Indexed 2006-09-29):
I was showing a friend a line of code I wrote tonight. It’s nothing special, just a progress indicator that is displayed when a form is posted. I realized, though, that the one line of code touched four different ‘languages’, and a larger number of areas of know-how:$('view').innerHTML = '<img src="/images/indicator.white.gif" />';Javascript. ...
SVG + Ajax Visio?
(Indexed 2006-08-21):
Ajaxio, a prototype ‘visio’ web application using Ajax and SVG. I was wondering a while back if this approach could work (I guess so).
A Prototype.js edit-in-place example
(Indexed 2006-06-08):
AJAX Edit In Place With Prototype, Version 0.2.0.
Graphing in Javascript
(Indexed 2006-06-08):
An example of animated directed graphs in Javascript. A bit CPU-hungry, but an example of what can be done.
Javascript grid control
(Indexed 2006-05-24):
An absurdly complete Javascript grid/tree view control.
A useful Javascript presentation
(Indexed 2006-05-23):
Re-introduction to Javascript, a very complete overview of the language.
Firebug overview and tutorial
(Indexed 2006-05-13):
Debugging With Firebug, a good introduction to Firebug, the handy Firefox Javascript debugger plugin.
Example use of prototype.js
(Indexed 2006-05-08):
An example of edit-in-place with prototype.js. Prototype is the excellent JavaScript library for hooking events and doing asynchronous HTTP.
Prototype.js guide
(Indexed 2006-04-25):
A Quick Guide to Prototype, the handy-dandy Javascript library for DOM access and asyncronous HTTP requests.
A specification for C# in XML
(Indexed 2006-04-17):
Charles Petzold writes about a C# Application Markup Language specification. XML is just so great.
Ajax Sketch
(Indexed 2006-04-03):
Ajax Sketch. And I was thinking about trying to write something like this the other day …
Php/Ajax form processing
(Indexed 2006-04-01):
A quick guide to AJAX and PHP form processing.
Ajax and templating
(Indexed 2006-03-18):
An article on Ajax; Templating; and the Separation of Layout and Logic. People seem to miss the fact that Php is already a templating language.
Ajax tests
(Indexed 2006-02-15):
Ajax proof of concepts. The site has a cool real-time translation tool.