HTML5 canvas experiment
developer resource
'broad compatibility'
'simple way to get sliding'
interactive video framework
3D pixel editor
an overview of jQuery
search/sort lists (beta)
'explorable explanations'
December 2011
November 2011
October 2011
September 2011
August 2011
July 2011
June 2011
May 2011
April 2011
March 2011
February 2011
January 2011
December 2010
November 2010
October 2010
September 2010
August 2010
July 2010
June 2010
May 2010
April 2010
March 2010
February 2010
January 2010
December 2009
November 2009
October 2009
September 2009
August 2009
July 2009
June 2009
May 2009
April 2009
March 2009
February 2009
January 2009
December 2008
November 2008
October 2008
September 2008
August 2008
July 2008
June 2008
May 2008
April 2008
March 2008
February 2008
January 2008
December 2007
November 2007
October 2007
September 2007
August 2007
July 2007
June 2007
May 2007
April 2007
March 2007
February 2007
January 2007
December 2006
November 2006
October 2006
September 2006
August 2006
July 2006
June 2006
May 2006
April 2006
March 2006
February 2006
January 2006
December 2005
November 2005
October 2005
September 2005
August 2005
July 2005
June 2005
May 2005
April 2005
March 2005
February 2005
January 2005
December 2004
November 2004
October 2004
September 2004
August 2004
July 2004
June 2004
May 2004
April 2004
March 2004
February 2004
January 2004
December 2003
November 2003
daily pointers
AORTAL - the anti-portal,
here's today's daily pointers:
02/04/12
Without Many Feathers «
» » 0100101110101101
» » Eclectica Magazine
(RSS)
[daily pointers archive]
Some rights reserved.
'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"another 'readability' helper
TidyRead bookmarklet. Though a Firefox extension is also available, the bookmarklet version seems more simple and reliable (in my opinion). Similar bookmarklets are also available elsewhere.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 JavaScript[CSS Globe]