'slightly crazy idea'
some new tools built in
legal info: open source
'canvas support required'
'high level overview'
'cool and simple idea'
using HTML5 responsibly
'Show me the code'
'beautiful overlay windows'
April 2012
March 2012
February 2012
January 2012
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:
05/17/12
B.O.O.T.J.I.L
intertwingled
Phantasmaphile
(RSS)
[daily pointers archive]
Some rights reserved.
multiple effects
Rhinoslider: The most flexible jQuery slider/slideshow[CodeVisually < HTML5 Bookmarks]
legal info: open source
A Legal Issues Primer for Open Source and Free Software Projects - Software Freedom Law Center[michael-mccracken.net]
'canvas support required'
blur.js – "a jQuery plugin that produces psuedo-transparent blurred elements over other elements"(more info: <canvas> element)
using HTML5 responsibly
HTML5 PleaseLook up HTML5 features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
useful HTML5 resources
HTML Elements and Attributes (html5.org) » HTML5 — Edition for Web Developers (WHATWG) + (X)HTML5 Validatorcomparison of mobile devices
Mobile HTML5 - compatibility tables... – "trying to understand HTML5 compatibility on mobile and tablet browsers"'contributing to the platform'
Move The Web Forward | Guide to getting involved with standards and browser development'everything is changing'
WTF Mobile WebWe need better reasons. Real examples. Proof that what we are all doing is not working anymore. That's what this website is about. Examples convince. Seeing trends makes us smarter. The problem isn't insurmountable if it's known. So let's get to know the problem.
'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.
newly updated developer tool
Tilt 3D Firefox extensionTilt is a fun new Firefox extension focused on creating a 3D visualization of a webpage, drawn using WebGL. Since the DOM is essentially a tree-like representation of a document, this tool layers each node based on the nesting in the tree, creating stacks of elements, each having a corresponding depth and being textured according to the webpage rendering.
another day, another 'grid'
Fluid Baseline Grid - A sensible HTML5 and CSS3 development kitThe collection is growing.
'creating mobile web experiences'
Mobile Web Best PracticesThe mobile web landscape changes on a seemingly-daily basis. That's why this site doesn't try to be the definitive guide to creating for the mobile web. It simply serves as a guide to point people in the right direction and help them discover new tools and techniques.
honoring users' privacy prefs
Mozilla Publishes Developer Guide on DNT
Related:
Introduction to Do Not Track
'instant buttons'
CSS3 Buttonize FrameworkThe Buttonize Framework is a simple, light-weight CSS file with precompiled styles and colours for quick, modern looking buttons. It uses CSS3 for rounded corners and subtle gradients but with bulletproof fallbacks for older browsers.
OS X Automator resources
Mac OS X Automation » Mac OS X 10.7 Lion Automation Release Notes » Automator/Servicesview at various resolutions
ScreenflyScreenfly allows you to view your website on a variety of device screens and resolutions.
mobile mockup maker
mokk.meEasily create mobile web app mocks you can share,
test on multiple platforms, and use in production.
'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
'diagnostic CSS stylesheet'
Holmes - The CSS Markup Detectiveholmes.css is useful for checking the quality of your code (up to W3C HTML5 standards), nitpicking over ensuring markup is valid and semantic and accessility guidelines are met, and when you are tasked to fix up and debug an old, OLD website. It has a simple implementation and a mostly unobtrusive effect on your page. Not recommended for live enviroments.
(also available as simple bookmarklet)
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.
'quick references'
Cheat Sheets – "a selection of free, printable quick references for a variety of languages and web technologies'CSS grid framework pack
The Square GridWhat's in the Pack?
- Sketch sheets for printing (PDF).
- Design layout templates (for Photoshop, InDesign and Illustrator).
- Code files with explanations (CSS, HTML)
'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.
developed by whitehouse.gov
WhiteHouse.gov Releases Open Source Code (plugins for Drupal content management platform)make 'pretty-printed' snippets
Source code beautifier / syntax highlighter- convert code snippets to HTML
start fresh
PrimerCSS – "undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet"another CSS framework (3)
Atatonic CSS framework – "created to provide a stable grid and solid typography"extensions gallery & community
jetpack – "a Mozilla Labs project that enables anyone who knows HTML, CSS, and JavaScript to create powerful Firefox add-ons"'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 CSS framework (2)
BlueTrip CSS FrameworkBlueTrip gives you a sensible set of styles and a common way to build a website so that you can skip past the grunt work and get right to designing.
another CSS framework
SenCSsSenCSs supplies sensible styling for all repetitive parts of your CSS, allowing you to focus on actually developing your website's style.
find unused CSS selectors (2)
Dust-Me Selectors Firefox extension (requires that you accept an End-User License Agreement before installation can proceed)find unused CSS selectors
CSS Redundancy Checker – "Use this tool to find CSS selectors that aren't used by any of your HTML files and may be redundant."not fully tested yet
Blueprint: A CSS Framework – "Blueprint has not yet been tested in every browser. Please do not use this framework in any projects of grave importance at this time." [Basement.org]Related: Blueprints are not final – "I'm somewhat conflicted with its release because I don't think it should be used. Don't get me wrong, it's great, but don't use it."