May 2013
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
questions and viewpoints
Slant – "a collaboratively edited resource that helps you quickly make decisions"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.
for front end developers
The Accessibility Project – "A community-driven effort to make web accessibility easier."a 'lightweight alternative'
Tire – "a lightweight JavaScript library for modern browsers" [CodeVisually (ads)]'simple and familiar'
TideSDKCreate multi-platform desktop apps with HTML5, CSS3 and JavaScript
Note: This is not an endorsement.
'design your own grid'
CedvelCedvel aims to ease the grid design process and help you explore more alternatives. It is still far from being finished but you can test the prototype...
[CodeVisually (ads)]
'aimed at developers'
What Every Programmer Absolutely, Positively Needs to Know About Encodings and Character Sets to Work With Textuseful 'sniffing' tools
Palm Reader – What media queries can my device see right now? » MQtest.io – A simple tool to help identify which media queries your device responds to..htaccess file helper
.htToolThis is a small tool to help you with generating your .htaccess file. It's a collection of tips, tricks and techniques used in .htaccess files to provide functionality or boost performance.
Note: This is not an endorsement.
'seamless integration'
Wordsmith – "a jQuery plug-in that adds on-demand word definitions to your site"'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...
an old "new" browser primer
Learning IE8Listing and Demonstrating the "New" Features in Internet Explorer 8
Within the next 12 months, many Web developers will be dropping IE7. Many Web developers have also been ignoring some modern browser capabilities because, well, they weren't supported by their baseline browser. This site aims to list and demo the platform features that were introduced in IE8 years ago, so you can make the most of today's new baseline.
'aims to ease development'
Mobello | HTML5 framework for building mobile web app[CodeVisually (ads) > HTML5Bookmarks]
design/dev 'playground'
LiveweaveHTML5, CSS3 & JavaScript playground for web developers and designers
[CodeVisually (ads)]
web development tool
Softaculous AMPPSAMPPS is an easy to install software stack of Apache, Mysql, PHP, Perl, Python and Softaculous auto-installer that can be used on Desktops and office servers.
Note: This is not an endorsement.
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.
multiple effects
Rhinoslider: The most flexible jQuery slider/slideshow[CodeVisually (ads) < 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 Validator'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.
'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"validation tools
UITest.com: Validators, Checkers, Generators, and Tools for Sophisticated Web Development [gammatron (phase ii)]
The dailywebthing is intended
for a mature audience.
Some rights reserved.
daily pointers
AORTAL - the anti-portal,
here's today's daily pointers:
06/18/13
heaven spent
Apparently Nothing
Ian Bramham
[daily pointers archive]
random ageless
other projects
The dailywebthing is intended
for a mature audience.
Some rights reserved.