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
Sanscons is a small spinoff of the Bitcons icon set that allows for CSS-based coloring and framing. The icon design is exactly the same, the only thing missing is a background - allowing you to set it to any color you so desire. The inspriation behind mak
Saved on
light on dark attempts to showcase well designed & coded web sites with light text on a dark background, and serves as a portal to promote the techniques used in the development of those web sites.
Saved on
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
CSS psuedo selectors for JavaScript based events.
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
by Smiley Cat Web Design
Saved on
Saved on
by iBloom Studios
Saved on
Allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean.
Saved on
Quick access to all 95 CSS 2.1 properties
Saved on
with JavaScript, CSS and HTML
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
"best practices" to take into consideration when constructing the title tag
Saved on
Saved on
Saved on
by Tantek
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
Text Wrap
Saved on
Saved on
Saved on
Saved on
Tips for webmasters by W3C - use class with semantics in mind.
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
Saved on
Saved on
Saved on
Saved on
Saved on
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
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
Explains how browsers use doctype sniffing to switch the layout mode between the quirks mode and the standards mode.
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
From plain HTML to a styled page in an animated gif
Saved on
Numerous free basic CSS templates.
Saved on
Numerous free basic CSS templates.
Saved on
A collection of 40 CSS layouts based on the same markup and ready for download.
Saved on
A JavaScript fix to support abbreviations in Internet Explorer.
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
Saved on
Presentation at @media 2006 by Dave Shea on June 15th 2006
Saved on
From the IE Blog, a list of CSS features and changes for IE7.
Saved on
Combining the ideas behind Dave Shea’s CSS Sprites with Douglas Bowman’s Sliding Doors.
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
Tantek Celik Presentation at Technica Plenary W3C Cannes
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
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
Howto explains how you can make preformatted text wrap on all browsers when making websites.
Saved on
A very brief best-practice for JavaScript and styles.
Saved on
This plugin allows you to have images created automatically for your entry titles. In this way you can utilize non-standard fonts and get smoother rendering than would be possible with simple text headlines.
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
An article will concentrate on the support offered by three important web based mail clients: Hotmail, Yahoo! Mail and Gmail.
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.
Saved on
Featuring quality of code, accessibility for users and devices, basic usability and separation.
Saved on
JavaScript thumbnail viewer that streamlines the use of thumbnail images on web pages.
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.
Saved on
53 CSS-based techniques you should always have ready to hand if you develop web-sites. By Smashing Magazine
Saved on
Essential links for getting starting with Web Design by Benjamin Hawkes-Lewis.
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
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.
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
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.
Saved on
An article about the concept of hasLayout in IE/Win
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
A powerful and highly configurable jQuery plugin for validating form inputs.
Saved on
You Know You’re In Design Hell When You See…
Saved on
A snippet of CSS which allows min-height style in IE6, IE7, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2
Saved on
Quirksmode discusses the problems of containing floats and a solution.
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
Compress your CSS for smaller file sizes.
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
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
LavaLamp effect for navigation written in 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 good tutorial that gives a basic understanding of how sIFR works by Design Intellection
Saved on
A matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite.
Saved on
Eyecatching, effective, and accessible web interfaces. Designed with pixel-precision, and hand-coded for you, with quality assurance.
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
Paragraphs are punctuation, the punctuation of ideas. After selecting a typeface, choosing the right paragraph style is one of the cornerstones of good typography. This is a brief inquiry into paragraph style for the Web by Jon Tan.
Saved on
A PHP library for easily building HTTP servers for Javascript and CSS files. It can combine multiple files, compress their contents without affecting functionality and serve the results with HTTP encodingand headers that allow optimal client-side caching.
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
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
Saved on
Links to help you grow as a designer and developer.
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.
Saved on
A practical guide to web typography by Richard Rutter.
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.
Saved on
jQuery, MooTools, Prototype, general JavaScript Showcase
Saved on
The 1Kb CSS Grid’s convenient row and column syntax provide all the necessary scaffolding.
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.
Saved on
A JavaScript bookmarklet that allows you to preview how any website would look if a particular font was not available or a different font chosen. 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 the primary font.
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
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.
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.
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
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.
Saved on
A jQuery based animation/effects, progressive enhancement plugin for CSS backgrounds.
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.
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
Saved on
Fresh handpicked related posts from the hottest web designers and the coolest blogs serving you juicy, related goodness.
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
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.
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.
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.
Saved on
What browser am I using, how modern is my web browser, and what’s my IP address?
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.
Saved on
A CSS framework for a stable grid and solid typography.
Saved on
A collection of PHP-powered tools that are designed to decrease css development time and web developer headache.
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.
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.
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.
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
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.
Saved on
An advanced CSS Prettifier with some unique formatting styles and several customizable options.
Saved on
A little tool to help make grid PNGs.
Saved on
A powerful Photoshop-like CSS gradient editor from ColorZilla, for generating cross-browser CSS code.
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.
Saved on
A graphic user interface for YUI Compressor on the Mac. It helps you batch minify CSS and JavaScript files with a nice drag and drop interface. It’s a perfect tool for we Web designers and developers that are not big fans of command line.
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
Develop native iOS apps with HTML & Javascript.
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
A lightweight (894 bytes minified) JavaScript file that determines which CSS file to load before the browser renders a page. It checks the browser width, and serves only the CSS that is needed, when it is needed. A potential drawback of Adapt.js is the possibility of a brief flash of unstyled content as a new stylesheet is being fetched
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
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
A resource to quickly copy different CSS font stacks to your clipboard.
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 beautiful HTML5 web content. Animations and interactive content made with Hype work on desktops, smartphones and iPads. No coding required.
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
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.