mezzoblue § css Zen Garden ? Design List
Saved on
Links tagged with “webdev”
-
-
Juicy Studio: Access Key Companion
Saved on
<br />
-
Monday By Noon
Saved on
Established as a resource for Web developers and designers who want to read and write about their trade. Monday By Noon works to bring articles based on many aspects of the Web, with a focus on Web standards, semantics, accessibility notes, and thoughts
-
Microformats Extensions
Saved on
This Dreamweaver Extension enables you to add hCalendar, hCard and XFN data to your documents by Drew McLellan.
-
Cascading Style Cheatsheet
Saved on
Most Useful CSS Properties with Examples
-
Lightbox JS v2.0
Saved on
Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
-
Interesting Facts About Domain Names
Saved on
-
CSS Rounded Corners 'Roundup'
Saved on
by Smiley Cat Web Design
-
Google Maps API Version 2
Saved on
-
Web Authoring Statistics by Google
Saved on
-
CSS Image Flicker In Internet Explorer
Saved on
by iBloom Studios
-
Mini Pixel Icons
Saved on
Over 320 mini pixel icons! All Free! These mini icons are designed at 14x14px with transparent background.
-
Reflection.js
Saved on
Allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean.
-
Solutoire.com - Ajax Resources
Saved on
-
The Scrutinizer
Saved on
a service that allows you to analyze, assess and validate any link using various tools and testers on the web
-
URL Trends
Saved on
Website Optimization Reports, Search Engine Ranking Trends and Online Competitive Research
-
Mapstraction - a javascript library to hide differences between mapping APIs.
Saved on
Mapstraction is a library which provides a common API for Google, Yahoo! and Microsoft’s javascript mapping APIs to enable switching from one to another as smoothly as possible.
-
CSS Superscript Lineheight Adjustment
Saved on
-
Veerle's Interesting Links
Saved on
A load of useful web development links by Veerle.
-
jQuery Visual Documentation
Saved on
-
The Sound of the Accessible Title Tag Separator
Saved on
"best practices" to take into consideration when constructing the title tag
-
Document titles and title separators
Saved on
-
Styling Checkbox and Radio Graphics With Only CSS
Saved on
-
8 steps to serving better (X)HTML
Saved on
by Tantek
-
First Principles of Interaction Design
Saved on
The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments or the web.
-
Web Page Analyzer
Saved on
-
Ten things your web sites should be doing - [Digital Web Magazine]
Saved on
-
Special Characters (1) [Webmonkey]
Saved on
-
CSS Negotiation and a Sanity Saving Shortcut [Left Justified]
Saved on
-
SiteScore - Test Your Website
Saved on
-
Site Valet
Saved on
-
How to Develop with CSS [Phrogz]
Saved on
-
HERA: Accessibility Review
Saved on
-
Design Considerations for Web-based Applications [LukeW]
Saved on
-
AlphaFilter()
Saved on
-
CSS, Accesibility and Standards Links
Saved on
A whole bunch of links to some of the vast resources out there from dezwozhere.com
-
Accessibility: Simple Facts About a Tricky Subject [@media by Joe Clark]
Saved on
-
Pixy.cz [Petr Stantcek]
Saved on
-
Nested Tables
Saved on
About the (ab)use of tables as layout tools in webpages.
-
Web Standards ROI [7 Nights]
Saved on
-
mootools
Saved on
mootools is a very compact, modular, Object-Oriented javascript framework.
-
Automatic pullquotes with JavaScript and CSS
Saved on
Automatic pullquotes with a minimum amount of extra markup.
-
Web Browser CSS Support
Saved on
This document is a section of the web browser standards support document. It includes detailed information about CSS support in major web browsers.
-
tools.microformatic.com
Saved on
Tools for microformats by Drew McLellan
-
Firefox Extension Tutorial ? Business Logs
Saved on
How to create a Firefox extension using XUL, CSS, and Javascript.
-
Microformats Cheat Sheet
Saved on
by ILoveJackDaniels.com
-
Web Accessibility in UK Small Businesses
Saved on
An enquiry into the acceptance of accessible web content and web design standards by UK small businesses by Andy Higgs.
-
Dean Edwards' Packer
Saved on
A JavaScript Compressor/Obfuscator
-
Google AJAX Search API
Saved on
- Add a dynamic search box to your site that includes Google Web, Video, News, Maps, and Blog search results.<br />
-
Rex Swain's HTTP Viewer
Saved on
See exactly what an HTTP request returns to your browser
-
10 Things That Will Make Or Break Your Website
Saved on
These are the top 10 things I learned from attending the Future of Web Apps Conference 2006 in San Francisco
-
Link Thumbnail
Saved on
A little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they’re going. When that curious mouse pointer hovers over a link pointing to somewhere outside of your sit
-
Nikita the Spider
Saved on
Bulk/Batch HTML Validation, Link Checking and more… Nikita is a service that validates and link checks your entire Web site and reports on what she finds. All you have to do is give Nikita your home page URL and she’ll take it from there.
-
Microformats Bookmarklet
Saved on
Allows you to select which individual contacts or events you want to save.
-
microformatique
Saved on
A blog about microformats and ?data at the edges?
-
Fade Away - InnerFade with jQuery
Saved on
InnerFade is a small plugin for the jQuery-JavaScript-Library. It’s designed to fade you any element inside a container in and out.
-
Gravatar - Globally Recognized Avatar
Saved on
A gravatar, or globally recognized avatar, is quite simply an 80×80 pixel avatar image that follows you from weblog to weblog appearing beside your name when you comment on gravatar enabled sites. Avatars help identify your posts on web forums, so why no
-
Details on our CSS changes for IE7
Saved on
From the IE Blog, a list of CSS features and changes for IE7.
-
OSX style searchbox
Saved on
A cross-browser OSX-styled GUI searchbox.
-
Sliding Doors Meets CSS Sprites
Saved on
Combining the ideas behind Dave Shea’s CSS Sprites with Douglas Bowman’s Sliding Doors.
-
CSSCreator Divitis
Saved on
What is Divitis and how to cure it.
-
CSS/Web Standards Links
Saved on
A list of web standards references by Andy Budd.
-
CSS Help Pile Directory
Saved on
A directory of external references from every CSS Help Pile post.
-
Styling Dates
Saved on
Design Melt Down has collected some notable samples of calendar date modules that seems to be all the rage with the bloggers these days.
-
What are microformats?
Saved on
Tantek Celik Presentation at Technica Plenary W3C Cannes
-
Dark Eye
Saved on
A new breed of ?living? web design showcase. You’re in control: you rate, review and submit sites that instantly appear in front of thousands potential users.
-
Evaluating the Usability of Online Accessibility Information
Saved on
An investigation in to how useful accessibility pages are, on a selection of UK web sites, to users - in particular older people without significant impairments, but who may soon benefit from accessibility information
-
Web design is 95% typography
Saved on
95% of the information on the web is written language. Information design is typography.
-
RSS and Atom Compared
Saved on
Summary of the differences between the RSS 2.0 and Atom 1.0 syndication languages.
-
sitemaps.org
Saved on
An XML file that lists URLs for a site along with additional metadata about each URL.
-
Graded Browser Support from the Yahoo! UI Library
Saved on
By contrast, in modern web development we must support all browsers. Choosing to exclude a segment of users is inappropriate, and, with a ?Graded Browser Support? strategy, unnecessary.
-
Dashes vs. underscores
Saved on
Matt Cutts discusses which is better: dashes or underscores.
-
onmousewheel JavaScript Example
Saved on
A cross-browser implementation of onmouseover effect with an example.
-
SelectORacle
Saved on
Ever wondered what a particularly complex CSS selector really means? This is an English & Spanish translator for CSS2 and CSS3 selectors
-
Code Igniter
Saved on
A powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications.
-
Making preformated text wrap in CSS3, Mozilla, Opera and IE
Saved on
Howto explains how you can make preformatted text wrap on all browsers when making websites.
-
Don't Change Styles in JavaScript
Saved on
A very brief best-practice for JavaScript and styles.
-
EM Calculator
Saved on
A small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.
-
CSS support in HTML emails of Hotmail, Yahoo! Mail and Gmail
Saved on
An article will concentrate on the support offered by three important web based mail clients: Hotmail, Yahoo! Mail and Gmail.
-
15 tips to choose a good text type
Saved on
15 tips, with examples, of how to choose good fonts and create good typography.
-
The Basics of Search Engine Optimization
Saved on
There are three important steps to rank your site well with search engines. First, you got to create good content. Second, you ought to make your content accessible. And third, you should tell others about your content.
-
Markup as a Craft
Saved on
The following guidelines in this article will help bring your markup to the next level. Talking about best-practices and semantics. From Digital Web Magazine by Garrett Dimon.
-
Web Standards Checklist
Saved on
Featuring quality of code, accessibility for users and devices, basic usability and separation.
-
Highslide JS
Saved on
JavaScript thumbnail viewer that streamlines the use of thumbnail images on web pages.
-
New Dutch Accessibility Law
Saved on
PPK talks about a new Dutch law which affects government websites - to make sure that every Dutch government website is accessible by following the guidelines as formulated by W3C. In order to do so, a corpus of 125 guidelines has been created to define b
-
FeedJumbler
Saved on
A web-based application that allows you to convert a RSS or Atom-based feed into RSS, Atom and/or HTML and JavaScript. Merge/splice several RSS or Atom-based feeds into one combined RSS and/or Atom feed.
-
FontSmack
Saved on
A repository of sIFR fonts along with TrueType and PostScript fonts. sIFR fonts are Macromedia Flash files (SWFs) that you can easily drop into your site.
-
53 CSS-Techniques You Couldn?t Live Without
Saved on
53 CSS-based techniques you should always have ready to hand if you develop web-sites. By Smashing Magazine
-
XHTML Character Entity Reference
Saved on
This page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C.
-
Reset / Cancel Button Considered Harmful
Saved on
Most Web forms would have improved usability if the Reset button was removed.
-
jQuery 1.1.1 API Browser
Saved on
The jQuery API browser provides an intuitive interface to quickly find information on jQuery?s methods and properties.
-
Google Ranking Factors - SEO Checklist
Saved on
There are "over 100 SEO factors" that Google uses to rank pages in the Google search results (SERPs). What are the search engine optimization rules?
-
Getting Real: The Book by 37signals
Saved on
Discover the smarter, faster, easier way to build a successful web-based application. A book by 37signals.
-
Django - The Web framework for perfectionists with deadlines
Saved on
Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design.
-
symfony - open-source PHP web framework
Saved on
Based on the best practices of web development, thoroughly tried on several active websites, symfony aims to speed up the creation and maintenance of web applications, and to replace the repetitive coding tasks by power, control and pleasure.
-
Getting Started with Web Design
Saved on
Essential links for getting starting with Web Design by Benjamin Hawkes-Lewis.
-
Tutorials on Microformats
Saved on
There is a growing collection of microformats. Here are tutorials on the core microformats (as of early 2007).
-
Why Microformats: Home
Saved on
This documentation is intended for web developers for learning about microformats, like how to use them and why you should use them.
-
learn web standards :: css browser support
Saved on
Information for browser support information for all of CSS1 and CSS2.
-
swfIR - SWF Image Replacement
Saved on
Using the dark arts of JavaScript and Flash, swfIR gives you the ability to apply an assortment of visual effects to any or all images on your website. Through progressive enhancement, it looks through your page and can easily add some new flavor to stand
-
Hot PHP UTF-8 tips
Saved on
Some tips on handling UTF-8 from Sitepoint, Harry Fuecks and Marek Gayer.
-
PHP UTF-8 cheatsheet - nicknettleton.com
Saved on
A quick cheatsheet and info about a few common issues with PHP and UTF-8
-
Navigation Matrix Reloaded
Saved on
No-preload, no flickr, single image navigation with overlapping tabs example.
-
Accessible Forms Guidelines and Examples
Saved on
Accessible Form Guidelines, The do’s & don’ts of accessible form design, Complete with example forms and accessible JavaScript form tricks.
-
Clean CSS
Saved on
Optmize and Format your CSS with multiple options for tweaking.
-
Serverskine
Saved on
Have instant access to all of your web server, domain name, and hosting accounts. Serverskine allows you to keep everything straight in a way that’s intuitive, easy and useful.
-
DED|Chain JavaScript Library
Saved on
JavaScript library that will allow you to build first class, high-quality websites without the cruft. You get the reliability of Yahoo! UI, and the developer friendliess of jQuery. You also receive the benefits of an easily customizable A.P.I. which puts
-
Semantics, HTML, XHTML, and Structure
Saved on
Written for clients and others who want to know at least enough to understand what?s going on within their pages and how to create a solid, semantically correct webpage.
-
Masuga Design » Unobtrusive AJAX Star Rating Bar
Saved on
This is a rating bar script done with PHP and mySQL that allows users to rate things with no page refresh.
-
Microsoft takes email design back 5 years
Saved on
Outlook 2007 will stop using Internet Explorer to render HTML emails and instead use the crippled Microsoft Word rendering engine. An article on the state of HTML emails from the Campaign Monitor Blog.
-
On Having Layout
Saved on
An article about the concept of hasLayout in IE/Win
-
The Business Case for Web standards-based Development
Saved on
A short article discussing the business benefits of modern web standards.
-
Grid Calculator
Saved on
Change the settings to calculate the overall width of your grid by Matthew Pennell.
-
70 Expert Ideas For Better CSS Coding | Smashing Magazine
Saved on
Over 70 expert tips, which can improve your efficiency of CSS coding with interesting and useful CSS tricks, tips, ideas, methods, techniques and coding solutions.
-
Bring on the tables
Saved on
Roger Johansson explains when to use tables and explores basic to complex data structures marked up with semantic tables.
-
Accessible Data Tables
Saved on
Web Usability introduces data tables and describes basic, complex and very complex data structures using semantic tables.
-
isolani - Creating Structured Tables
Saved on
A short article that details a the elements and attributes used to create structured tables. Starting with a simplified table and add structural and logical markup, introducing one element at a time.
-
Clearing a float container without source markup
Saved on
Position is Everything solution using :after to contain floats without source markup.
-
Methods for Containing Floats
Saved on
Ed Eliot discussing the merits and pitfalls of different methods for containing floats with CSS.
-
Mozilla Firefox - Have it Your Way!
Saved on
A list of browser enhancements, extensions, themes, greasemonkey scripts and more for Mozilla Firefox.
-
Sample CSS Page Layouts
Saved on
A range of CSS page layouts, including 2 column and 3 column layouts from Max Design
-
The Sad Story of PNG Gamma ?Correction?
Saved on
Browsers have supported the PNG bitmap format for quite some time. But still, even though PNG files can either be made smaller than GIFs or, alternatively, can contain more colors, lots of Web designers keep using JPEGs and GIFs. Sadly, it turns out there
-
kuler
Saved on
The first web-hosted application from Adobe Labs designed both to stand alone and to complement Adobe Creative Suite software. Built using Adobe Flash and ActionScript, kuler is all about color: color for exploration, inspiration, experimentation
-
Chili
Saved on
A code highlighter plugin for jQuery
-
Validation jQuery plugin
Saved on
A powerful and highly configurable jQuery plugin for validating form inputs.
-
The HTML Hell Page
Saved on
You Know You’re In Design Hell When You See…
-
Min-Height Fast Hack
Saved on
A snippet of CSS which allows min-height style in IE6, IE7, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2
-
jQuery Color Gradient Plugin
Saved on
The colours are calculated by using two given colours (start and end colour) and a calculation method like ?linear? or ?trigonometrical?.
-
Embrace your bottom!
Saved on
An article about making the best use of your footer. Just a Thought by Derek Powazek.
-
HTML Entity Character Lookup
Saved on
This lookup allows you to quickly find the entity based on how it looks by Left Logic
-
Warehouse ? Subversion Browser
Saved on
A web-based Subversion browser that is as beautiful as it is simple.
-
CSS - Clearing floats
Saved on
Quirksmode discusses the problems of containing floats and a solution.
-
YSlow for Firebug
Saved on
Analyzes web pages and tells you why they’re slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool. Gives you a performance report card, HTTP/HTML summary and a list of c
-
Thirteen Simple Rules for Speeding Up Your Web Site
Saved on
13 rules identified for making web pages fast from the Yahoo! "Exceptional Performance" team.
-
Blueprint: A CSS Framework
Saved on
A CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.
-
typogrify
Saved on
A collection of Django template filters that help prettify your web typography by preventing ugly quotes and widows and providing CSS hooks to style some special cases.
-
Cycle jQuery Plugin
Saved on
A lightweight slideshow plugin. t supports pause-on-hover, auto-stop, auto-fit, before/after callbacks and transition effects of type fade, slide, scroll, shuffle and zoom.
-
jQuery UI
Saved on
A set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.
-
Multiple File Upload
Saved on
jQuery.MultiFile is a plugin for jQuery to help users easily select multiple files for upload in a concise quick and easy manner.
-
jTagEditor
Saved on
A lightweight jQuery plugin which allows you to turn any textarea tag into a quick tag editor in an inobtrusive manner.
-
5 Ways to Make a User Interface Intuitive
Saved on
When designing a user interface, be it for the web or an application, my core goals are always to eliminate redundancy and make the UI as intuitive as possible. Sounds fairly simple, but like with all subjective processes, keeping those core goals on trac
-
YSlow: Yahoo's Problems Are Not Your Problems
Saved on
An article by Coding Horror which discusses Yahoo’s "13 Simple Rules for Speeding Up Your Web Site".
-
CSS Formatter and Optimiser
Saved on
Compress your CSS for smaller file sizes.
-
PHP User Class
Saved on
An easy to use php snippet for user manipulation (register, login, etc.) for your php & MySQL driven applications.
-
htmlSQL
Saved on
A PHP class which allows you to access HTML values by an SQL like syntax.
-
Google Code: Web Authoring Statistics
Saved on
An analysis of a sample of slightly over a billion documents, extracting information about popular class names, elements, attributes, and related metadata. December 2005.
-
Datejs
Saved on
An open-source JavaScript Date Library.
-
Top 50 Graphic Design Blogs
Saved on
-
InnerFade with jquery
Saved on
It’s designed to fade you any element inside a container in and out. The elements could be anaything you want, e.g. images, list-items, divs.
-
LavaLamp for jQuery
Saved on
LavaLamp effect for navigation written in jQuery.
-
How You Get sIFR to Work
Saved on
A good tutorial that gives a basic understanding of how sIFR works by Design Intellection
-
oEmbed
Saved on
A format for allowing an embedded representation of a URL on third party sites. The simple API allows a website to display embedded content (such as photos or videos) when a user posts a link to that resource, without having to parse the resource directly
-
Blueprint Grid CSS Generator
Saved on
This tool will help you generate more flexible versions of Blueprint’s grid.css and compressed.css and grid.png files. Whether you prefer 8, 10,16 or 24 columns in your design, this generator now enables you that flexibility with Blueprint.
-
The PHP Benchmark
Saved on
Constructed as a way to open people’s eyes to the fact that not every PHP code snippet will run at the same speed.
-
Font Burner
Saved on
Font Burner is the easiest way to add great fonts to your website. Just pick one of over 1000 quality fonts, add a chunk of code to your site, then sit back and admire your beautiful typography.
-
OnePageLove
Saved on
Showcases the best single page website designs on the web.
-
960gs
Saved on
An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
-
Enables you to print to your Firebug Console using a simple PHP function call.
Saved on
-
SimpleTest
Saved on
It is a PHP unit test and web test framework.
-
AltFontPrev
Saved on
A JavaScript bookmarklet that allows you to preview how any website would look if a particular font was not available. Each font used to style elements on the page is listed under its selector and, when clicked, is moved from being a fall-back to being th
-
Silverback
Saved on
Spontaneous, unobtrusive usability testing software for website designers for OSX from Clearleft.
-
Plainview
Saved on
A full-screen web browser.
-
AgencyTool Web Design Dashboard
Saved on
The definitive resource list for designing, developing, marketing & maintaining websites.
-
Visual jQuery 1.2.6
Saved on
Easy to use jQuery-powered interface for the latest jQuery documentation.
-
Script & Style
Saved on
Links to help you grow as a designer and developer.
-
Better CSS Font Stacks
Saved on
Document the best usages of CSS font stacks, which examples of common font types, and the best replacements for headings as well as paragraphs. Great reference.
-
The Elements of Typographic Style Applied to the Web
Saved on
A practical guide to web typography by Richard Rutter.
-
Advanced Web Typography
Saved on
A great tip on getting specialist fonts working cross-browser using font-stacks, by combining both the full-name and PostScript names of the font. By Josh Pyles, Pixelmatrix.
-
Ralf Herrmann?s Typography Weblog
Saved on
-
jQuery Simple Half-Star Rating Plugin
Saved on
A jQuery plugin for star rating systems. The initial inspiration for this script came from Wil Stuckey’s star rating system. But the original script requires too much coding. Also it does not have provision for developing a star system (such as GMail, where you star or un-star an email). I have modified the original script to make it simpler for user to develop a star rating system.
-
The 20 Most Practical and Creative Uses of jQuery
Saved on
20+ creative uses of jQuery in modern day websites and applications.
-
Combining Cufón and @font-face
Saved on
Check if the font is available, either through already being installed or through @font-face, and if it isn?t, we?ll let Cufón display it. This offers you the best of both worlds, because browsers that support @font-face will have their native text, and browsers without @font-face support will still get custom fonts.
-
Posh CSS
Saved on
A central place to read about the latest and greatest techniques, tips and tutorials in the Cascading Style Sheet world, by Sam Brown.
-
PHP.JS
Saved on
An open source project in which we try to port PHP functions to JavaScript. By including the PHP.JS library in your own projects, you can use your favorite PHP functions client-side.
-
jQuery vs MooTools
Saved on
Most people getting started with JavaScript these days are faced with the challenging task of picking a library to use, or at least which one to learn first. If you’re working for a company chances are they have already chosen a framework for you, in which case the point is somewhat moot. If this is the case and they’ve chosen MooTools and you’re used to jQuery, then this article might still be of some use to you.
-
Create a REST API with PHP
Saved on
-
Erskine Labs
Saved on
Erskine Labs is a blog brought to you by the people at Erskine Design.
-
Infinite Scroll jQuery Plugin
Saved on
Aims to progressively enhance your page. Your navigation/pagination elements should be present in the HTML for non-js users, but the plugin will utilize those links to build out a more rich browsing experience.
-
Infinite Scroll
Saved on
Infinite scroll has been called autopagerize, unpaginate, endless pages. But essentially it is pre-fetching content from a subsequent page and adding it directly to the user?s current page. Plugins for jQuery, WordPress and others.
-
prettyPhoto
Saved on
A jQuery clone for images, videos, YouTube, iframes by Stéphane Caron.
-
jQuery TOOLS
Saved on
"The missing UI library for the Web" is a collection of the most important user-interface components for today’s websites, based on jQuery.
-
The 1Kb CSS Grid
Saved on
The 1Kb CSS Grid’s convenient row and column syntax provide all the necessary scaffolding.
-
Modernizr
Saved on
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. Uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more. These are currently being implemented across browsers and with Modernizr you can start using them right now, with an easy way to control the fallbacks for browsers that don?t yet support them.
-
Glow
Saved on
A JavaScript library, from the BBC, which gives you; Simplified DOM manipulation, event handling, animations, etc, A versatile set of user interface widgets, Clear and comprehensive documentation and BBC Browser Support Standards compliance.
-
BBC Future Media Standards & Guidelines
Saved on
Details all standards & guidelines for developing and delivering products and services for BBC online (bbc.co.uk).
-
BBC Future Media Technical Standards
Saved on
BBC guidelines for technical web-related standards such as HTML, CSS, JavaScript, server-side code and accessibility and usability.
-
Browser Support Standards from the BBC
Saved on
Outlining a standard that applies to web browsers that are being used on desktop versions of Windows, Mac OS and Linux/Unix. This does not cover PDAs, mobiles, and other mobile devices.
-
SlickMap CSS
Saved on
A simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It?s suitable for most web sites ? accommodating up to three levels of page navigation and additional utility links ? and can easily be customized to meet your own individual needs, branding, or style preferences.
-
Uploadify
Saved on
A jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. It requires Flash and any backend development language. An array of options allow for full customization for advanced users, but basic implementation is so easy that even coding novices can do it.
-
The Ultimate jQuery List
Saved on
jQuery Ajax tutorials to jQuery UI examples, you’ve found the ultimate list of tutorials and plugins for jQuery! Everything from Ajax file uploaders to RSS feed plugins, all on one of the longest pages you’ll ever scroll.
-
TypeSelect
Saved on
By leveraging typeface.js, jQuery, the canvas, toDataURL, CSS background properties and real overlayed text, Type Select is able to combine custom fonts with your browser’s native text selection funcationality. You can now interact with beautifully rendered typefaces just like you do with normal text.
-
jQuery Checkbox
Saved on
A replacement for the standard checkbox that allows you to change the look of checkbox elements in your page.
-
jParallax
Saved on
Layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.
-
jsAnim
Saved on
A powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application.
-
Glimmer
Saved on
Allows you to easily create interactive elements on your web pages by harnessing the power of the jQuery library. Without having to hand-craft your JavaScript code, you can use Glimmer?s wizards to generate jQuery scripts for common interactive scenarios. Glimmer also has an advanced mode, providing a design surface for creating jQuery effects based on your existing HTML and CSS.
-
$fx - JavaScript animation library
Saved on
A compact, lightweight Javascript Library for animation. Includes; CSS properties (and more!) adjustment along a time line, Parallel effect sets and effect chains, Extended set of callbacks to adjust behavior, Parallax Scrolling and is less than 4kb!
-
Don't make me wait! or Building High-Performance Web Applications
Saved on
Slides from a brownbag tech talk at eBay. A holistic approach to web performance and intimate details on YSlow’s points and grading algorithm.
-
Baseline
Saved on
Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline start with several files to reset the browser default behavior, a basic typographic layout ? including style for HTML forms and new HTML 5 elements ? and a simple grid system. Baseline was born to be a quick way to prototype a website, it grew up to become a full typographic framework for the web using ?real? baseline grid as it?s foundation.
-
Typedia
Saved on
A shared encyclopedia of typefaces ? a community website to classify typefaces and educate people about them.
-
jQTouch ? jQuery plugin for mobile web development
Saved on
A jQuery plugin for mobile web development on the iPhone, Android, Palm Pre, and other forward-thinking devices.
-
The UX Bookmark
Saved on
A resource for the HCI and human factors professionals, usability engineers, interaction designers & information architects.
-
The Myth of the Page Fold: Evidence from User Testing
Saved on
Breaks down the page fold myth and gives some tips to ensure content below the fold gets seen.
-
PhoneGap
Saved on
An open source development tool for building fast, easy mobile apps with JavaScript. Allows you to build mobile applications in HTML and JavaScript while still taking advantage of the core features in the iPhone, Android and Blackberry SDKs.
-
24 ways: Front-End Code Reusability with CSS and JavaScript
Saved on
Trevor Morris runs us through how JavaScript can be designed to take its configuration directly from your markup. Using the model of a jQuery plugin, learn how adding a simple class name can control how your code functions.
-
iPhoney
Saved on
Gives you a pixel-accurate web browsing environment?powered by Safari?that you can use when developing web sites for iPhone. It’s the perfect 320 by 480-pixel canvas for your iPhone development. And it’s free.
-
#eCSStender.org
Saved on
Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. When you write the rules, browsers pay attention. Extensions built with eCSStender greatly simplify the design process because you can author modern CSS using advanced selectors, properties such as border-radius, or custom font faces and rest assured that your design will work… even in IE6.
-
Blend plugin
Saved on
A jQuery based animation/effects, progressive enhancement plugin for CSS backgrounds.
-
iPhone GUI PSD Design Template
Saved on
-
The League of Moveable Type
Saved on
We’re done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won’t have it. It’s time to raise our standards. Here, you’ll find only the most well-made, free & open-source, @font-face ready fonts.
-
APE ? Ajax Push Engine
Saved on
APE is a full-featured OpenSource solution designed for Ajax Push. It includes a comet server and a Javascript Framework. APE allows to implement any kind of real-time data streaming to a web browser, without having to install anything on the client-side.
-
Plupload
Saved on
Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.
-
Highcharts
Saved on
A charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.
-
Uniform
Saved on
Sexy forms with jQuery which masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
-
#grid
Saved on
Inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background. To see it in action, hit G on your keyboard.
-
ImageOptim
Saved on
Optimizes images ? so they take up less disk space and load faster ? by finding best compression parameters and by removing unnecessary comments and color profiles. It handles PNG, JPEG and GIF animations.
-
jQuery Quicksand plugin
Saved on
Reorder and filter items with a nice shuffling animation.
-
jQote
Saved on
Is a client-side templating plugin for jQuery, a rewrite of John Resig?s awesome JavaScript Micro-Templating utility.
-
Stacey
Saved on
Stacey is a lightweight content management system.<br />
-
CSS3 Please!
Saved on
Syncing and normalizing CSS3 properties, including IE support for a few features via filters. Currently supports border-radius, box-shadow, linear-gradients, rotation and @font-face.
-
Support Details
Saved on
Captures details such as operating system, screen resolution, web browser, Flash version and whether JavaScript or cookies are enabled for easier debugging of client support requests.
-
Kirby
Saved on
A stripped down and easy to use toolkit for PHP. It’s by no means a full featured mvc/wtf framework, it’s more like jQuery or Mootools for PHP. Kirby is there to make nerdy things a little less nerdy.
-
SublimeVideo
Saved on
HTML5 <video> player with custom styled controls.
-
Revised Font Stack
Saved on
-
jQuery Roundabout
Saved on
Converts a structure of static HTML elements into a highly customizable turntable-like interactive area.
-
Sylvester
Saved on
A JavaScript library designed to let you do mathematics with vectors and matrices without having to write lots of loops and throw piles of arrays around. It includes classes for modelling vectors and matrices in any number of dimensions, and for modelling infinite lines and planes in 3-dimensional space. It lets you write object-oriented easy-to-read code that mirrors the maths it represents.
-
Zoomooz.js
Saved on
An easy-to-use jQuery plugin for making any web page element zoom.
-
Flowplayer
Saved on
Flash video player for the web.
-
JW Player
Saved on
Flash Video Player for FLV, H.264/MPEG-4, MP3 and YouTube Videos on your website.
-
Projekktor Zwei
Saved on
An easily customizable/themeable pure Javascript driven HTML5 video player, with Flash fallback only whenever there´s no native H.264 support available. A JS wrapper for the new HTML5 video and audio elements. It solves cross browser and compatibility issues, adds some eye candy to the native players and provides useful non standard features.
-
Grid-Based Web Design, Simplified
Saved on
A holistic approach for the typical workflow - if you want to reap their benefits of grids on your next project but are unsure of the specifics.
-
Pines Notify
Saved on
Pines Notify is a JavaScript notification plugin for the jQuery JavaScript library, developed by Hunter Perrin as part of Pines. It is licensed under the GNU Affero GPL. It is designed to provide maximum flexibility, while still being easy to use and easy to implement.
-
PHP CSS Browser Selector
Saved on
A very small php function which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser.
-
Sencha Touch
Saved on
The First HTML5 Mobile App Framework allows you to develop web apps that look and feel native on Apple iOS and Google Android touchscreen devices.
-
Browser Size
Saved on
A visualization of browser window sizes for people who visit Google. For example, the "90%" contour means that 90% of people visiting Google have their browser window open to at least this size or larger.
-
Launchlist
Saved on
Intended to help and encourage web designers and developers to check their work before exposing it to the world at large. The process is simple - Enter your name and email and the same for a recipient (not required - but it’s best not to test your own work), your project details and website URL, and then proceed through our list of provided fields.
-
Spritely.net
Saved on
A jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites and dynamic scrolling backgrounds.
-
FindMeByIP.com
Saved on
What browser am I using, how modern is my web browser, and what’s my IP address?
-
jQuery.validity
Saved on
An elegant and powerful jQuery plug-in you can use to setup client-side form validation. Instead of writing validation manually or balancing some unwieldy server-side framework, validity allows you to design client-side validation in a manner that feels natural and straightforward.
-
Browize
Saved on
The in-browser window resizer.
-
resizeMyBrowser
Saved on
-
CSS3 PIE
Saved on
CSS3 decorations for IE, PIE standards for "Progressive Internet Explorer" which makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.
-
DataTables
Saved on
A plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.
-
FlareVideo
Saved on
HTML5 video player using jQuery, will fallback to Flash.
-
Atatonic CSS framework
Saved on
A CSS framework for a stable grid and solid typography.
-
Less Framework
Saved on
A CSS framework for building cross-device layouts. Because everyone writes CSS differently, it only sports a tiny set of features and doesn’t make you change the way you work. Uses CSS3 media-queries to switch between three grids: a five-column one for netbooks and tablets, a two-column one for smartphones, and an eight-column one for laptops and desktops. All grids share the same column width and vertical rhythm, so designing for all of them at once is a breeze.
-
Processing.js
Saved on
An open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element. The code is light-weight, simple to learn and makes an ideal tool for visualizing data, creating user-interfaces and developing web-based games.
-
HTML5 Reset
Saved on
Like a lot of developers, we start every HTML project with the same set of HTML and CSS templates. We’ve been using these files for a long time and we’ve progressively added bits and pieces to them as our own personal best practices have evolved. Now that modern browsers are starting to support some of the really useful parts of HTML5 and CSS3, it’s time for an update, and we thought we’d put it out there for everyone to use. By no means do we see this as the end-all and beat-all, but we think it’s a fairly good starting place that anyone can take and make their own.
-
HTML5 Boilerplate
Saved on
HTML5 Boilerplate is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site. After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on. Boilerplate is not a framework, nor does it prescribe any philosophy of development, it’s just got some tricks to get your project off the ground quickly and right-footed.
-
Notable
Saved on
Quickly and easily give feedback on design, content, and code on any page of a website or application without leaving your browser. It helps your team collaborate through visual feedback on screenshots, via a chaos-free process so that everyone can express their opinion.
-
Spritebaker
Saved on
"Ridiculous easy base64 encoding for designers" which parses your css and returns a copy with all external media ?baked? right into it as Base64 encoded datasets. The number of time consuming http-requests on your website is decreased significantly
-
Tweet Nest
Saved on
A browsable, searchable and easily customizable archive and backup for your tweets.
-
Selectivizr
Saved on
A JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.
-
ProCSSor
Saved on
An advanced CSS Prettifier with some unique formatting styles and several customizable options.
-
Mustache
Saved on
Logic-less templates. Available in Ruby, JavaScript, Python, Erlang, PHP, Perl, Go, Lua, ooc, C++, ActionScript, Java, ColdFusion, Scala, and for node.js.
-
imgAreaSelect
Saved on
A jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes.
-
Sammy
Saved on
A tiny javascript framework built on top of jQuery. It?s RESTful Evented JavaScript.
-
Highslide JS
Saved on
An image, media and gallery viewer written in JavaScript.
-
yepnope.js
Saved on
A small wrapper around the super-fast LABjs script loader, and it allows you to load only the scripts that your users need.
-
Head JS
Saved on
Load scripts like images. Use HTML5 and CSS3 safely. Target CSS for different screens, paths, states and browsers. Make it the only script in your HEAD. A concise solution to universal issues.
-
humans.txt
Saved on
An initiative to know the creators of the website. A TXT file that contains the information about the different people who have contributed to the web building.
-
Humane JS
Saved on
A simple, modern, framework-independent, well-tested, unobtrusive, notification system.
-
Apprise
Saved on
An alert alternative for jQuery that looks good. Apprise is a very simple, fast, attractive, and unobtrusive way to communicate with your users. Also, this gives you complete control over style, content, position, and functionality. Apprise is, more or less, for the developer who wants an attractive alert or dialog box without having to download a massive UI framework.
-
SproutCore
Saved on
An open-source framework for building blazingly fast, innovative user experiences on the web ? a JavaScript framework for writing powerful web applications with less code.
-
DropPages
Saved on
Create websites which are hosted via Dropbox.
-
Hype
Saved on
Create beautiful HTML5 web content. Animations and interactive content made with Hype work on desktops, smartphones and iPads. No coding required.
-
Showoff
Saved on
The easiest way to share localhost over the web.
-
HTML5 Front End Development Framework
Saved on
Features HTML5 baseline, base CSS, PHP Active Class, Smooth scroll to top, Placeholder fallback, basic SEO, Sticky footer, Modernizr and jQuery.
-
Flixel
Saved on
An open source game-making library that is completely free for personal or commercial use. Written entirely in Actionscript 3, and designed to be used with free development tools, Flixel is easy to learn, extend and customize.
-
HTML Email Boilerplate
Saved on
Creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there ? Gmail, Outlook, Yahoo Mail, etc. While not plug and play it provides some helpful examples and snippets that will keep your email design rendering as true-to-form as possible.
-
localtunnel
Saved on
The easiest way to share localhost web servers to the rest of the world.
-
Google Swiffy
Saved on
Converts Flash SWF files to HTML5, allowing you to reuse Flash content on devices without a Flash player. <br />
-
Slim Micro PHP 5 Framework
Saved on
A simple yet powerful PHP 5 framework to create RESTful web applications.
-
Normalize.css
Saved on
A customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing.
-
PHP Fog
Saved on
Rock Solid Cloud Platform for PHP
-
inuit.css
Saved on
A CSS framework by Harry Roberts.
-
Skeleton
Saved on
Beautiful Boilerplate for Responsive, Mobile-Friendly Development ? a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.
-
Bricss
Saved on
Bite-sized CSS & HTML nuggets.