April 2013
March 2013
February 2013
January 2013
December 2012
November 2012
October 2012
September 2012
August 2012
July 2012
June 2012
May 2012
April 2012
March 2012
alternative to 'mailto' links
Squaresend – "turns your mailto links into delightful feedback forms"Related:
Contact Forms with Pure JavaScript
Note: Requires registration for 'freemium' account. This is not an endorsement.
toggled navigation
Responsive NavResponsive navigation plugin without library dependencies and with fast touch screen support.
'a sense of infinity'
Collage.js – "Framework for creating live, dynamic, and interactive collages."a 'lightweight alternative'
Tire – "a lightweight JavaScript library for modern browsers" [CodeVisually (ads)]'seamless integration'
Wordsmith – "a jQuery plug-in that adds on-demand word definitions to your site"'mobile-friendly'
The Personal PageA free, simple, one-page website to identify yourself to the world
'pain in the arse'
Why You Should Be Bothered About Twitter's t.co Url Shortener And A Way To Bypass It, from the creator of Twitter Mafia (for laughs)"Simple n' Easy"
Chirp.js — Tweets on your website, simply.Note: Offered on an "Name your price" basis - "Enter a '0' if you're low on the dough."
'drag-and-drool'
gridster.jsThis is it, the mythical drag-and-drop multi-column grid has arrived. Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns...
'aims to ease development'
Mobello | HTML5 framework for building mobile web app[CodeVisually (ads) > HTML5Bookmarks]
to support retina displays
Retina.js | Retina graphics for your website
Related documentation:
Supporting High-Resolution Screens
design/dev 'playground'
LiveweaveHTML5, CSS3 & JavaScript playground for web developers and designers
[CodeVisually (ads)]
rich text editor for textareas
wysihtml5 - A better approach to rich text editingwysihtml5 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.
Note: This is not an endorsement.
for UK web developers
Simple EU Cookie Law Permission Prompt[CodeVisually (ads)]
Note: This is not an endorsement.
multiple effects
Rhinoslider: The most flexible jQuery slider/slideshow[CodeVisually (ads) < HTML5 Bookmarks]
'canvas support required'
blur.js – "a jQuery plugin that produces psuedo-transparent blurred elements over other elements"(more info: <canvas> element)
'broad compatibility'
Announcing jQuery Mobile 1.0A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.
Firefox 7 kills 'window.resizeTo()'
Among my most useful bookmarklets are those I use to resize my main browser window. With Firefox 7, they no longer work. Some config changes made them work again, but only temporarily. This does not necessarily benefit the user. In some cases, it interrupts one's workflow.
Others have noticed the problem as well:
- Resizing windows in firefox with javascript does not work after updating to 7.0, why?
- javascript:self.resizeTo stopped working
- Javascript's 'window.resizeTo' isn't working
I don't like it when a site attempts to resize my window and never revisit such sites. But as a user, I want the freedom to quickly resize my own window to various specific sizes as needed and this change in Firefox 7 stops me from doing so – not a good decision in my opinion.
clean Google Reader theme
everySub user script(for Firefox, Safari*, and Chrome*)
[Trivium]
*I've only tested it in Firefox. /joe.jenett
'proof-of-concept' for now
αlphaPun.ch[Introducing alphaPun.ch]Alphapun.ch is a tool that, given a transparent PNG or GIF file, will trace the opaque bits and create masks for them. You can use these masks to allow a user to click through the transparent bits of an image. Alphapun.ch outputs HTML, CSS and JavaScript for you to include on your site.
Note: This is not an endorsement.
'turntable + mixer experiment'
The Wheels Of Steel: Turntables in your browser (a web-based DJ prototype)'beautiful at any size'
Skeleton: A Beautiful Boilerplate for Responsive, Mobile-Friendly Developmentdevelopers' scripting resources
Microjs: Micro-Frameworks and Micro-Libraries» Mozilla Developer Network: JavaScript
a sensible boilerplate approach
320 and upMany CSS Media Queries boilerplates start with a desktop-specific stylesheet, then add queries and styles for progressively smaller viewports. This means that even the small browsers load desktop layout styles and potentially large assets, even when these are set to display:none;.
'320 and Up' starts with a tiny screen stylesheet that contains only reset, colour and typography styles. Media Queries then load assets and layout styles progressively and only as they're needed. Think of this as responsible responsive design.
'share your ideas' (bookmarklet)
MarkUpDraw on any webpage with MarkUp to quickly share your thoughts.
'lean, mean CSS'
{+}eCSStenderSay goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.
Note: This is not an endorsement.
handy 'userscript'
TinyURL Decoder for Greasemonkey (requires Greasemonkey extension for using with Firefox)layouts 'collapse intelligently'
Less Framework – "An HTML5-powered CSS framework for building smart website layouts for varying screen widths."new take on an old game
Browser Pong...designed to take advantage of emerging HTML5 features (including Audio elements), intentionally breaking compatibility with older browser versions and substandard contemporaries such as Internet Explorer. Good for Macintosh. Best in Safari 4, Chrome 4, FireFox 3.5, and Opera 10 in that order.
charting library
Highcharts - Interactive JavaScript charts for your webpage(free for non-commercial use)
'Personal Information Cockpit'
Picok (requires installation on server)Note: This is not an endorsement.
conditional CSS (for intermediate/advanced coders)
Modernizr – "a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies"interesting scripting+css approach
Dynamic Layout – "a simple JavaScript library that allows you to easily adjust page layout based on the current browser width"'a bridge to Flash' for developers
SoundManager 2: Javascript Sound for the Web – "enables web developers and front-end engineers to programmatically control sound in a cross-browser/platform way"developer resources
Endihm – "a resource for articles, guides and tutorials focusing on CSS, HTML, Javascript & PHP"caution: plugin vulnerability
When PDFs Attack!We have received reports of a significant problem relating to Adobe Acrobat files and Cross Site Scripting (XSS). A weakness was discovered in the way that the Adobe Reader browser plugin can be made to execute JavaScript code on the client side...See article for details.
You can avoid this problem by implementing a work around in your browser so that it does not use the Acrobat Reader plugin.
Update (1/5/07): A supposedly more secure, new version of Adobe Reader is available. Beware of optional additional software installation, which is checked by default. [BBC]
step-by-step tutorial
Create your own drop down menu with nested submenus using CSS and a little JavaScriptjust click the kittens...
KittenAuth "is a new system for human-checking that forgoes all the useless random string crap that people cannot read, and replaces the whole lot with pictures of cute animals."standalone site or app on CD
Server2Go – "a Webserver that runs out of box without any installation"
The dailywebthing is intended
for a mature audience.
Some rights reserved.
daily pointers
AORTAL - the anti-portal,
here's today's daily pointers:
random ageless
other projects
The dailywebthing is intended
for a mature audience.
Some rights reserved.