CSS, javascript, DOM, design, comet, stomp, jquery, and everything web. |
| Sunday, 16 July 2006 00:35 | |||
|
jsgif - jsgif: A GIF player in JavaScript (step through animated gifs on the web with this bookmarklet) Online javascript beautifier liammclennan/JavaScript-Koans - GitHub - JavaScript Koans is an interactive learning environment that uses failing tests to introduce students to aspects of JavaScript in a logical sequence. mrdoob/three.js - GitHub - Javascript 3D Engine - engine can render using <canvas>, <svg> and WebGL. DailyJS: A JavaScript Blog Badass JavaScript - A showcase of awesome JavaScript code that pushes the boundaries of what's possible on the web. If you haven't found the power of CSS, you should sit and move through some of the css Zen Garden: The Beauty in CSS Design, George, I mean it... Then, please make sure you check out Google's Chrome Experiments - Home. Tutorial 9 - Liquid three column layout - all steps combined 24 ways: Absolute Columns css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers PatternCooler | Cool Seamless Background Pattern Designs for Web and Graphic Projects, Blogs, Twitter, MySpace, Mobile Phone Wallpapers - wow some very nice patterns, reminds me of esher a lot... kuler - color scheme selector. Typetester – Compare fonts for the screen Processing.js - a Javascript port of the Processing Visualization Language Protovis - a graphical toolkit for visualization PhiloGL: A WebGL Framework for Data Visualization, Creative Coding and Game Development JavaScript InfoVis Toolkit - The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web. ContextFree.js & Algorithm Ink: Making Art with Javascript « Aza on Design contextfree.js - contextfree - Project Hosting on Google Code Closure Library - Google Code - Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. JavaScriptMVC - JavaScriptMVC is an open-source framework containing the best ideas in enterprise JavaScript development. Bootstrap, from Twitter - HTML, CSS, and JS toolkit from Twitter. (twitter/bootstrap - GitHub) Baseline - a designer framework by ProjetUrbain.com - Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Blueprint: A CSS Framework | Spend your time innovating, not replicating - typographic with grid... Internet Explorer UA Style Sheets - lists and compares the different default style sheets used to render HTML in the four major versions of Internet Explorer; IE6, IE7, IE8, and IE9 Platform Preview. CSS3 Please! The Cross-Browser CSS3 Rule Generator John Resig - JavaScript Programmer AddyOsmani.com | jQuery & JavaScript Articles For The Community tmpvar/jsdom - GitHub - CommonJS implementation of the DOM intended to be platform independent and as minimal/light as possible while completely adhering to the w3c DOM specifications. SVGCanvas - SVGCanvas is a JavaScript implimentation of most of the Canvas drawing API which creates SVG grapics elements instead of drawing to a pixel buffer. Javascript micro templatingFat-Free Templating with Barebones Javascript - Windows LiveJohn Resig - JavaScript Micro-Templating HTML 5 Games / Javascript gamesDHTML Arkanoid V1.2B | Schillmania! -This is an attempt at recreating the classic "Arkanoid" in Object-Oriented Javascript/DHTML.Space Cannon 3D: A music-driven, 3D HTML5 / Javascript Game - using mrdoob/three.js - GitHub , echonest api. CSS cubes3D Cube using CSS transformations – Paul Hayes & FofR Online; web design portfolio and experimentsAjaxian » Fun with 3D CSS and video CSS 350 Brilliant CSS3/JavaScript Coding Techniques - Smashing Magazine11 Classic CSS Techniques Made Simple with CSS3 | Nettuts+ JSONJSON - Introducing JSONMastering JSON ( JavaScript Object Notation ) On Web Development: Converting XML to JSON JsonML (JSON Markup Language) XML.com: Converting Between XML and JSON Index of /download/prj/jsonxml - includes code from above article and some fixes. Jayrock: JSON and JSON-RPC for .NET E4X ECMAscript for XMLXML.com: Introducing E4XECMAScript for XML - Wikipedia, the free encyclopedia senocular.com -XML (E4X) - XML (E4X) out of an ActionScript 3 article. E4X Tutorial Ajaxian » CouchDB: Using E4X to get the XML back Web syntax highlighting / Web code editingSyntaxHighlighter - Alex Gorbatchev - javascript code syntax highlighter for the web.Pygments — Python syntax highlighter bespin: Summary - Mozilla bespin code, code ide from html5 canvas. Mozilla Labs » bespin - open extensible web-based framework for code editing that aims to increase developer productivity, enable compelling user experiences, and promote the use of open standards. CodeMirror - In-browser code editing made bearable. jquery tweets - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) Cloud9 IDE - Ajax.org - Cloud9 IDE is aiming to be the IDE for Javascript developers. (github) Lists of things CSSI dunno y, but the whole web designer field always has these lists...A List Apart - Good site on elements of design for web designers. 53 CSS-Techniques You Couldn't Live Without 10 Useful Web Application Interface Techniques | How-To | Smashing Magazine 50 Useful JavaScript Tools | Developer's Toolbox | Smashing Magazine 55+ Extremely Useful Online Generators for Designers AJAX Crawler - Collection of DHTML and AJAX Samples.: November 2008 15 Must Read Articles for CSS Beginners 10 Geeky Web Tricks with HTML5 and CSS3 | GeekDad | Wired.com Components, Widgets, and what have yous.Icons, Forms, Validation, Key support, etc all make and break the website usability. In this day in age, I believe in standing on the shoulders of giants. Don't re-invent your own datagrid if one is already out there! I'm in the process of choosing widgets for datagrids and menus.Data Grids with AJAX, DHTML and JavaScript | Developer's Toolbox | Smashing Magazine Some sites I'm currently looking at: Active Widgets - A very pretty looking set of widgets, however, it is all javascript based so I'm not sure what kind of work it would be to integrate this in my theme based widget code for my applications. Cool concepts on websitesUsing a pronunciation guide on your website! You should have the ability to get the pronunciation of whatever word you what on your website. The standard words are defined using a web dictionary and the dictionary's wav files. However, for things like product names, people's names, and accent studies you should record your own pronunciation so that others can hear how your say it. Interesting to think that you could do a survey on how people most pronounce a word. How cool! You could take a vote from the internet on the real way to say tomato, cache, linux, deamon, char *, or any other pet peeve that you think you know how to pronounce and others don't. Royal Pingdom » Javascript framework usage among top websites dojodojodojo offline MooToolsmootools - compact, modular, Object-Oriented JavaScript frameworkJonDesign's (Javascript) SmoothGallery 2.0: Improved Mootools Mojo for Images MooTools Tutorials and Resources Round-Up | Developer's Toolbox | Smashing Magazine MochaUI - A web applications user interface library - built on mootools moo.rd - A lightweight Mootools extension PrototypePrototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applicationsscript.aculo.us - web 2.0 javascript Example (YUI): AutoComplete Widget :: Flat-file Data Resizable Reloaded - A reusable component for resizing elements CSS slicing guide http://ajaxian.com/ Script Class Browsing Utility CSS compatibility - chasing the CSS dragonNice and Free CSS Templates - the simplest of CSS templates, but enough to get the job done.Position Is Everything - Modern browse bugs explained in detail! QuirksMode - sitemap Cascading Style Sheet Compatibility in Internet Explorer 7 IEBlog : Call to action: The demise of CSS hacks and broken pages CSS Cheat Sheet (V2) - Cheat Sheets - Added Bytes 12 Principles For Keeping Your Code Clean | CSS | Smashing Magazine Modernizr Using CSS3: Older Browsers And Common Considerations - Smashing Magazine yepnope.js | A Conditional Loader For Your Polyfills! - love the name. yep. nope. Development toolsWhen working with CSS, you'll find yourself needing something to highlight page elements so you can view CSS props. There are many good browser plugins for this sort of thing of course. Here are some that I have found useful over the years:Web Developer - very cool (Firefox, Flock, Mozilla and Seamonkey) plugin, works cross platform! Download details: Internet Explorer Developer Toolbar Firebug - Web Development Evolved Images, icons, and mediaGetting a nice visual look is important....which requires some work with images.famfamfam.com: Icons - silk and other icon sets which are free to use. 50 Extremely Useful And Powerful CSS Tools | CSS | Smashing Magazine Comet (bayeux)Comet (programming)Comet Daily » Blog Archive » Using REST Channels in Dojo HTTP Streaming - Ajax Patternsr/> Comet Daily » Blog Archive » Server-Centric Comet With ItsNat nComet is a .NET implementation of the Comet (reverse-AJAX push) architecture. This server-side pipeline uses long-lived client-initiated HTTP connections to push messages to the client. Once the client receives a response, it immediately opens another HTTP request, which the server holds until a message is ready. This architecture allows the server to push dynamic html/xml/json/etc to the browser, rather than the browser polling the server. The Bayeux Protocol - Bayeux is a protocol for transporting asynchronous messages (primarily over HTTP), with low latency between a web server. (The Dojo Foundation) cometd's svn is available at: http://svn.cometd.org/trunk/. Cometd dev blog - Vox jquerycomet - Google Code - use jquery with comet. HTTP Streaming - Ajax Patterns Comet Daily » Blog Archive » Comet is Always Better Than Polling - includes some pretty graphs. STOMP / AMQPStomp (Streaming Text Oriented Messaging Protocol) is a pub/sub wire protocol.Stomp - Protocol Apache ActiveMQ - apache powerful open source Enterprise Messaging and Integration Patterns provider. Orbited – Networking for the Web - python web router and firewall that allows you to integrate web applications with arbitrary back-end systems (XMPP,IRC,STOMP). uses twisted and morbidq. MorbidQ - a python STOMP broker, single node, uses twisted. Willow Chat – Networking for the Web - uses Orbited and implements a simple web chat in python. Comet Daily » Blog Archive » Scalable Real-Time Web Architecture, Part 2: A Live Graph with Orbited, MorbidQ, and js.io Gozirra - simple java STOMP client/server. Sprinkle - A STOMP messaging broker written in Python stomperl - Project Hosting on Google Code - Stomp broker with Erlang stompserver's stompserver-0.9.8 Documentation - ruby stomp server, this article talks about using it from a python client...Using Python and Stompserver to Get Started With Message Queues | Morethanseven juretta's objc-stomp at master - GitHub - objc stomp client Comet Daily » Blog Archive » Scalable Real-Time Web Architecture, Part 1: Stomp, Comet, and Message Queues RabbitMQ - Open Source Messaging [tutorial]How to: Django, Comet, Orbited, Stomp, MorbidQ, js.io | Thought Outflux | Anirudh Sanjeev Apache Qpid: Open Source AMQP Messaging - Index carrot - AMQP Messaging Framework for Python — Carrot v0.10.1 documentation HTML 5 WebSocketHome - KAAZING.ORG - Home - Kaazing GatewayComet Daily » Blog Archive » Comet Gazing: WebSocket jQueryThe jquery section of this page grew, and grew, and grew, until one day, I created another page for that content. jQuery.Doodle.js — A Sprite Library for Canvas | notebook BBC - Glow JavaScript Library - DOM manipulation, event handling, animations, and user interface widgets. ExtExt JS - Client-side JavaScript FrameworkGoogle AJAX APIs Blog: Ext-core ready to go Saki's Ext Examples Page Ext JS And PHP – Grid Panel Sample Javascript24 JavaScript Best Practices for Beginners - Nettuts+JSLint, The JavaScript Code Quality Tool CommonJS Spec Wiki - building up the JavaScript ecosystem for web servers, desktop and command line apps and in the browser. JavaScript Debug: A simple wrapper for console.log v8 - Project Hosting on Google Code - V8 is Google's open source JavaScript engine. V8 is written in C++ and is used in Google Chrome, the open source browser from Google. Server-side Javascript / HTTP server in JavascriptI pushed all my node.js content to:Node.js npm and that wonderful javascript world. Controls and what notsJavaScript Time Component | NoGray.com - nice time picker. click with analog hands.MooTools Events Calendar Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements phatfusion : roundedcorners - give div elements rounded corners easy. (mootools) Window.Growl 2.0 with MooTools 1.2beta2 - growl notifications for your browser. PubSubHubbubReal-Time Web Protocol PubSubHubbub Explainedpubsubhubbub - Project Hosting on Google Code BuildingAHub - pubsubhubbub - How to build a hub - Project Hosting on Google Code Open Data Protocol HTML 5 VideoHTML5 Video Player | Video JSHTML5 Video & Media JavaScript Library | Kaltura: Open Source Video Developer Community Projekktor Zwei - HTML5 video player Javascript regex randomnesss=s.replace(/(\n|\r)+$/, ''); // remove \n or \r s=s.replace(/^\s+|\s+$/g,""); // trim whitespace beginning and ending // http://cass-hacks.com/articles/code/js_url_encode_decode/ function URLEncode (clearString) { var output = ''; var x = 0; clearString = clearString.toString(); var regex = /(^[a-zA-Z0-9_.]*)/; while (x < clearString.length) { var match = regex.exec(clearString.substr(x)); if (match != null && match.length > 1 && match[1] != '') { output += match[1]; x += match[1].length; } else { if (clearString[x] == ' ') output += '+'; else { var charCode = clearString.charCodeAt(x); var hexVal = charCode.toString(16); output += '%' + ( hexVal.length < 2 ? '0' : '' ) + hexVal.toUpperCase(); } x++; } } return output; } function URLDecode (encodedString) { var output = encodedString; var binVal, thisString; var myregexp = /(%[^%]{2})/; while ((match = myregexp.exec(output)) != null && match.length > 1 && match[1] != '') { binVal = parseInt(match[1].substr(1),16); thisString = String.fromCharCode(binVal); output = output.replace(match[1], thisString); } return output; } Upload toolsPlupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus - developers of TinyMCE brings you Plupload, a highly usable upload handler for your Content Management Systems or similar.(flash,gears,html5,silverlight)Reactive RxReactive Extensions for .NET (Rx)Reactive Extensions for JavaScript: The Time flies like an arrow sample - Jeffrey rambles about Rx, .NET and programming in general. - Site Home - MSDN Blogs Jeffrey rambles about Rx, .NET and programming in general. - Site Home - MSDN Blogs Node JS Bindings for RxJS - Jeffrey rambles about Rx, .NET and programming in general. - Site Home - MSDN Blogs Expert to Expert: Brian Beckman and Erik Meijer - Inside the .NET Reactive Framework (Rx) | Going Deep | Channel 9 Dynamic fav icons using javascriptDynamic favicons - remysharp: Google Calendar favicon which renders the current day instead of a generic "31"360° MP3 player UI demo (SoundManager 2): Javascript + Canvas Visualization - fav icon is level meter! DEFENDER of the favicon | Mathieu 'p01' Henri | July 2008 HTML AudioSoundManager 2: JavaScript Sound For The WebBackboneBackbone.js - Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.unspace/faux - GitHub - Faux is a Javascript library for building Single Page Interface (or "SPI") applications with Backbone.js's Model, View, and Controller classes. raganwald's Profile - GitHub - Reg Braithwaite has quite a few examples of using faux and backbone.js together. QR codeQR code - Wikipedia, the free encyclopediaDid you know you could use google charts to make qr codes? "http://chart.apis.google.com/chart?cht=qr&chs=250x250&chl=http://dave.thehorners.com" templating stuffJavaScript Templates Engine PURE | BeeBole - Simple and ultra-fast templating tool to generate HTML from JSON data.underscore and functional javascriptdocumentcloud's underscore at master - GitHub - Functional Programming Aid for Javascript. Works well with jQuery.Javascript Functional programming with Underscore or ECMAScript5 | united-coders.com Canvas - SVGFishIE TankFabric.js Javascript Canvas Library Raphaël—JavaScript Library SVG To RaphaelJS Converter - Ready.Set.Raphael. Inkscape. Draw Freely. HTML slides (hypercard stacks)HTML5 Showcase for Web Developers: The Wow and the How - great html5 slides demo.html5wow - HTML5 Showcase for Developers: The Wow and the How - Google Project Hosting - source for htmlfivewow.com. HTML5 Terminal - great example in slide deck. dzslides - DZSlides is a one-page-template to build your presentation in HTML5 and CSS3. adamzap/landslide - GitHub - Generate a slideshow using the slides that power the html5-slides presentation Creating HTML 5 slide presentations using landslide HTML5 Rocks - A resource for open web HTML5 developers HTML5 Presentation
|
|||
| Last Updated on Thursday, 22 December 2011 11:21 |


