A community of multi-talented individuals from across the Midlands UK, that come together to discuss all the things web and share their knowledge, skills and talents.
Welcome to the Multipack
Saved on
Saved on
A community of multi-talented individuals from across the Midlands UK, that come together to discuss all the things web and share their knowledge, skills and talents.
Saved on
Saved on
Google Page Creator is a free online tool that makes it easy for anyone to create and publish useful, attractive web pages in just minutes
Saved on
Saved on
Saved on
Standardista Table Sorting is a JavaScript module that lets you sort an HTML data table by any column.
Saved on
In their simple but effective study, Shaihk and Lenz asked 142 undergraduates to paste labeled stickers to a 5x5 paper grid to indicate where they expected to find the objects on a Web page.
Saved on
Ajax is used to enable real time image editing from the web browser. In the DCMS system you can select an image to edit from the resource database, load it, edit it, then save changes back to the SQL DB.
Saved on
Saved on
Saved on
Saved on
<br />
Saved on
his section ensures that a UK government website is developed to serve the largest possible audience using the broadest range of systems (hardware and software platforms) and that the needs of users with disabilities are considered.
Saved on
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
Saved on
Saved on
Saved on
Most Useful CSS Properties with Examples
Saved on
With the Magnolia Blossom dashboard widget you will experience bookmarks in an exciting new, visual way. Watch websites scroll across as they are bookmarked by ma.gnolia.com members. Spend less time scrolling through pages of text and find those eye-catch
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.
Saved on
Saved on
by Smiley Cat Web Design
Saved on
by iBloom Studios
Saved on
Over 320 mini pixel icons! All Free! These mini icons are designed at 14x14px with transparent background.
Saved on
A graphical representation of Web Standards ethos of separation
Saved on
Allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean.
Saved on
a service that allows you to analyze, assess and validate any link using various tools and testers on the web
Saved on
Making larger clickable areas with degradable JavaScript.
Saved on
Grids CSS is a suite of seven web page templates and the ability to nest grids of one to four columns within the content area of those templates.
Saved on
Saved on
A load of useful web development links by Veerle.
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Understanding the problem of floats and how to contain them, by Complex Spiral Consulting.
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Instead of using Lorem Ipsum for your filler text, this generator outputs funny introductions from 80s TV shows such as Knight Rider and The A-Team.
Saved on
A whole bunch of links to some of the vast resources out there from dezwozhere.com
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
An enquiry into the acceptance of accessible web content and web design standards by UK small businesses by Andy Higgs
Saved on
Automatic pullquotes with a minimum amount of extra markup.
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.
Saved on
These are the top 10 things I learned from attending the Future of Web Apps Conference 2006 in San Francisco
Saved on
Presentation at @media 2006 by Dave Shea on June 15th 2006
Saved on
A reference for CSS compatibility in different browsers.
Saved on
A CSS & web standards news compilation site.
Saved on
What is Divitis and how to cure it.
Saved on
A list of web standards references by Andy Budd.
Saved on
A directory of external references from every CSS Help Pile post.
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.
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.
Saved on
95% of the information on the web is written language. Information design is typography.
Saved on
Focused on providing its audience with colour (color) inspiration & information. It’s purpose is to allow creative individuals to share colours & palettes they love as well as submit news and comments for others to read.
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.
Saved on
Ever wondered what a particularly complex CSS selector really means? This is an English & Spanish translator for CSS2 and CSS3 selectors
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.
Saved on
15 tips, with examples, of how to choose good fonts and create good typography.
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.
Saved on
Most Web forms would have improved usability if the Reset button was removed.
Saved on
Best fonts from the top ten font design styles of 2006: best text font, retro font, ornament font, techno, Roman, formal script, handwriting, brush script, grunge, and calligraphic fonts.
Saved on
There is a growing collection of microformats. Here are tutorials on the core microformats (as of early 2007).
Saved on
Information for browser support information for all of CSS1 and CSS2.
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
Saved on
No-preload, no flickr, single image navigation with overlapping tabs example.
Saved on
Accessible Form Guidelines, The do’s & don’ts of accessible form design, Complete with example forms and accessible JavaScript form tricks.
Saved on
Optmize and Format your CSS with multiple options for tweaking.
Saved on
This is a rating bar script done with PHP and mySQL that allows users to rate things with no page refresh.
Saved on
Recreating the classic game "Arkanoid" in Object-Oriented Javascript.
Saved on
Change the settings to calculate the overall width of your grid by Matthew Pennell.
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.
Saved on
Roger Johansson explains when to use tables and explores basic to complex data structures marked up with semantic tables.
Saved on
Web Usability introduces data tables and describes basic, complex and very complex data structures using semantic 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.
Saved on
Position is Everything solution using :after to contain floats without source markup.
Saved on
Ed Eliot discussing the merits and pitfalls of different methods for containing floats with CSS.
Saved on
A range of CSS page layouts, including 2 column and 3 column layouts from Max Design
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
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
Saved on
You Know You’re In Design Hell When You See…
Saved on
This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web.
Saved on
An article about making the best use of your footer. Just a Thought by Derek Powazek.
Saved on
Typographica has a set of 23 font releases that inspired our group of type designers and type users to pen their praises.
Saved on
Quirksmode discusses the problems of containing floats and a solution.
Saved on
Some websites seem dead set on using drop-down menus for navigation, but I see so many problems with them I really can’t understand why they persist. In this article I list out the main reasons I find them problematic and why I would always advise against
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.
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.
Saved on
Collecting Snippets of Good Design.
Saved on
Devoted to fonts, typefaces and all things typographical.
Saved on
An article by Coding Horror which discusses Yahoo’s "13 Simple Rules for Speeding Up Your Web Site".
Saved on
Compress your CSS for smaller file sizes.
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.
Saved on
The Email Standards Project works with email client developers and the design community to improve web standards support and accessibility in email.
Saved on
Saved on
A font resource for designers, developers, and anyone that appreciates the web’s highest quality fonts.
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.
Saved on
Inspired by many other lightbox-like tools, now made kinda different image zooming script for those who want something fresh. It’s powered by great javascript library - jQuery.
Saved on
Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript using YUI.
Saved on
Enables web-developers to stick to a Grid Layout quickly and simply by including the Grid Layouts Javascript file and simple XHTML code. Currently, the Grid Layouts Javascript relies on jQuery.
Saved on
A list of a few different ways of getting Internet Explorer on your Mac, from Particletree.
Saved on
A matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite.
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.
Saved on
Tutorials and screencasts for jQuery by Remy Sharp.
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.
Saved on
Showcases the best single page website designs on the web.
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.
Saved on
The definitive resource list for designing, developing, marketing & maintaining websites.
Saved on
Links to help you grow as a designer and developer.
Saved on
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.
Saved on
Erskine Labs is a blog brought to you by the people at Erskine Design.
Saved on
Offers free top-notch tips, tricks, best practices and resources for your reading pleasure. It is brought to you by web enthusiasts who enjoy their contribution in making the WWW a better place.
Saved on
Typekit is a hosted technology platform that lets you use both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.
Saved on
Created by a group of designers who are seeking various design inspiration every day. Featuring the best logos, illustrations, websites, photos and patterns from the most talented designers from all around the world.
Saved on
Details all standards & guidelines for developing and delivering products and services for BBC online (bbc.co.uk).
Saved on
Established to assist designers find high quality, complete fonts, some are free others are affordable. Simple. Use the fonts in any project that you wish.
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.
Saved on
Breaks down the page fold myth and gives some tips to ensure content below the fold gets seen.
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.
Saved on
Included is a set for Mac Firefox 3 and another for Vista IE7.
Saved on
Saved on
A typeface in which all shapes are rendered by the browser, using a combination of background color, border width, border radius, and a heavily reliance on absolute/relative positioning.
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.
Saved on
An easy-to-use jQuery plugin for making any web page element zoom.
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.
Saved on
CSS, Web Standards, Typography, and Grids by Harry Roberts
Saved on
The weblog of Amrinder Sandhu ? a freelance web designer.
Saved on
Comprehensive collection of 100 creative, open source and multi-purpose icons in 12 colors for the web and desktop applications.
Saved on
A little tool to help make grid PNGs.
Saved on
An action that creates a browser window around any size Photoshop document you can throw at it. Simply install the action, choose a browser and play it.
Saved on
A gorgeous typography based minimal WordPress theme.
Saved on
A powerful Photoshop-like CSS gradient editor from ColorZilla, for generating cross-browser CSS code.
Saved on
Organized Web Design Collection of User Interfaces for Inspiration and Ideas.
Saved on
The easiest way to sell downloadable products such as music, videos, photos, e-books, PDF’s, or software from any website, blog, social network, e-commerce system, or Shopify store.
Saved on
A community for discovering and sharing free PSDs, vectors, textures, patterns, fonts, and more.
Saved on
Free resources for designers by Orman Clark
Saved on
A Mac application that lets you create anything visual for the web. Images, animations, vector graphics, video clips, realtime visual effects, JavaScript programming… publishing moving images using modern web standards is suddenly incredibly easy.
Saved on
A columns, rows and midpoints panel for Photoshop CS4 & CS5
Saved on
A simple tool that helps web designers find variations of any color.
Saved on
The happy & awesome way to build fluid grid based websites.
Saved on
A collection of responsive web designs
Saved on
Saved on
An HTML5 upgrade of the default WordPress TwentyTen theme. It’s completely free, easy to build on, and brings brand new HTML5 elements and functionality to WordPress.
Saved on
Quick and simple image placeholders.
Saved on
Dynamic Dummy Image Generator.
Saved on
A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you’ll get a placeholder.
Saved on
An easy-to-use tool for quickly finding out the color of any pixel on the screen. It is activated via a system-wide hotkey, giving you a magnifying loupe to easily pick the pixel you need. The resulting color is copied to clipboard in a format of your preference.
Saved on
Download Free Repeat Patterns
Saved on
A super awesome pack of mixins and variables to be used in conjunction with LESS, a CSS preprocessor for faster and easier web development, by Mark Otto.
Saved on
Placeholder Images for every case. Webdesign or Print. It’s simple and absolutely free!
Saved on
A simple bookmarklet for bulletproof web typography which makes it easy to find the perfect fallback fonts, so that your designs degrade gracefully.
Saved on
A static site generator written in PHP.
Saved on
High quality patterns for your next web project.
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.
Saved on
Free stamp icons for a range of social networks and services.
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.
Saved on
Create websites which are hosted via Dropbox.
Saved on
Create beautiful HTML5 web content. Animations and interactive content made with Hype work on desktops, smartphones and iPads. No coding required.
Saved on
The easiest way to share localhost over the web.
Saved on
Features HTML5 baseline, base CSS, PHP Active Class, Smooth scroll to top, Placeholder fallback, basic SEO, Sticky footer, Modernizr and jQuery.
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.
Saved on
The easiest way to share localhost web servers to the rest of the world.
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.
Saved on
A CSS framework by Harry Roberts.
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.
Saved on
Bite-sized CSS & HTML nuggets.