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
Links tagged with “html”
-
-
mezzoblue § css Zen Garden ? Design List
Saved on
-
Juicy Studio: Access Key Companion
Saved on
<br />
-
Building in universal accessibility + checklist
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.
-
Using accesskey attribute in HTML forms and links
Saved on
-
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
-
Nifty Corners
Saved on
-
Web Authoring Statistics by Google
Saved on
-
Keyboard User Interface
Saved on
with JavaScript, CSS and HTML
-
Line breaks in tooltips
Saved on
just use the carriage return entity in your title attribute,
-
Abbreviations, Acronyms, Initialisms
Saved on
Comprehensive review of abbreviations and their semantic meaning in HTML
-
8 steps to serving better (X)HTML
Saved on
by Tantek
-
Bobby WorldWide
Saved on
-
Providing Additional Navigation Aids [Dive Into Accessibility]
Saved on
-
Explaining Abbreviations, Acronyms and Symbols
Saved on
-
Special Characters (1) [Webmonkey]
Saved on
-
Forgotten Element Types [The Autistic Cuckoo]
Saved on
-
CSS Property index
Saved on
-
HTML Is Not An Acronym [Evolt.org]
Saved on
-
Why Tables For Layout Is Stupid [Hot Design]
Saved on
-
Web Browser Standards Support
Saved on
-
HTML 4 Elements
Saved on
-
Doctype Switch: Summary table
Saved on
-
Simple Tricks for More Usable Forms [Sitepoint]
Saved on
-
DTD - XHTML 1.0
Saved on
-
Special Characters (2) [Evolt]
Saved on
-
Serving XHTML - Correct MIME Type [Keystone Websites]
Saved on
-
The Trouble With EM 'n EN [A List Apart]
Saved on
-
Use Class With Semantics in Mind
Saved on
Tips for webmasters by W3C - use class with semantics in mind.
-
W3 Validation Service
Saved on
-
The Perils of Using XHTML Properly [456 Berea Street]
Saved on
-
'XHTML Basic' reference with examples
Saved on
-
A List Apart
Saved on
-
Definition Lists [Max Design]
Saved on
-
Using the DOCTYPE Tag [WebReference.com]
Saved on
-
Design Guidelines for Visualizing Links (Jakob Nielsen)
Saved on
-
Hack-free CSS for IE - Virtuelvis
Saved on
-
The alt and title attributes [456 Berea Street]
Saved on
-
QuirksMode
Saved on
-
HTML Support History
Saved on
-
The Form Builder
Saved on
-
Valid DTDs
Saved on
-
Accessible Pop-up Links [A List Apart]
Saved on
-
ISO 8859-1 Latin 1 And Unicode Characters
Saved on
-
CSS Zen Garden [Dave Shea]
Saved on
-
Quirks And Strict Mode [Quirksmode.org]
Saved on
-
Listamatic [Max Design]
Saved on
-
Accessible Forms [Web Standards.org]
Saved on
-
UA: Default Style Sheet For HTML 4.0 [W3C]
Saved on
-
Div Mania [Juicy Studio]
Saved on
-
Invisible Information [joeblade]
Saved on
-
Position Is Everything [John Bergevin]
Saved on
-
Westciv
Saved on
-
Guide to Cascading Style Sheets [HTML Help]
Saved on
-
Why Tables For Layout Is Stupid [Seybold]
Saved on
-
Activating the Right Layout Mode Using the Doctype Declaration
Saved on
Explains how browsers use doctype sniffing to switch the layout mode between the quirks mode and the standards mode.
-
Ligatures in HTML
Saved on
Perl and PHP patched versions of Smartypants for ligatures .
-
A Design Timeline
Saved on
From plain HTML to a styled page in an animated gif
-
Styling in IE
Saved on
A JavaScript fix to support abbreviations in Internet Explorer.
-
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.
-
CSSCreator Divitis
Saved on
What is Divitis and how to cure it.
-
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.
-
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.
-
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.
-
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.
-
HTML 5 Versus XHTML 2
Saved on
The competition to become the next markup language for the Web is heating up. This article takes a look at what’s cool and what’s uncool about the competing technologies.
-
Getting Started with Web Design
Saved on
Essential links for getting starting with Web Design by Benjamin Hawkes-Lewis.
-
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.
-
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.
-
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.
-
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.
-
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…
-
HTML Entity Character Lookup
Saved on
This lookup allows you to quickly find the entity based on how it looks by Left Logic
-
CSS - Clearing floats
Saved on
Quirksmode discusses the problems of containing floats and a solution.
-
Rediscovering the Button Element
Saved on
An article about the button element from Particletree, comments showing how this is a bad idea.
-
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.
-
jTagEditor
Saved on
A lightweight jQuery plugin which allows you to turn any textarea tag into a quick tag editor in an inobtrusive manner.
-
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.
-
Email Standards Project
Saved on
The Email Standards Project works with email client developers and the design community to improve web standards support and accessibility in email.
-
markItUp! Universal Markup Editor
Saved on
markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own system.
-
The Paragraph in Web Typography & Design
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.
-
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.
-
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 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.
-
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.
-
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.
-
jQote
Saved on
Is a client-side templating plugin for jQuery, a rewrite of John Resig?s awesome JavaScript Micro-Templating utility.
-
jQuery.Syntax
Saved on
An extremely fast and lightweight syntax highlighter. It has dynamic loading of syntax source files and integrates cleanly using CSS or modelines.
-
SublimeVideo
Saved on
HTML5 <video> player with custom styled controls.
-
Video JS
Saved on
A javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consistent look between browsers.
-
Flowplayer
Saved on
Flash video player for the web.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
Pokki Platform
Saved on
Enables you to create rich, connected mini-desktop applications using the latest web standards. Create a desktop presence for your web app, favorite web app, or create something entirely new.
-
Taco HTML Edit
Saved on
HTML editor and PHP editor for Mac. As an HTML editor, Taco HTML Edit empowers its users to rapidly create their own websites. It is designed exclusively for Mac OS X and has many advanced features including spell checking, live browser previewing, PHP previewing, syntax checking, and much more.
-
NimbleKit
Saved on
Develop native iOS apps with HTML & Javascript.
-
MultiMarkdown
Saved on
A tool to help turn minimally marked-up plain text<br />
-
Phrozn
Saved on
A static site generator written in PHP.
-
DropPages
Saved on
Create websites which are hosted via Dropbox.
-
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.
-
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.
-
Bricss
Saved on
Bite-sized CSS & HTML nuggets.