SVG For Ever – SVG icons

Icons, don’t graphic designers just love them? I had been a real fan of icon fonts until I recently discovered the joys of SVG icons. SVG or “Scalable Vector Graphics” are XML-based vector images with support for interactivity and animation. It’s also reasonably straightforward to re-colour them. SVG images and their behaviors are defined in 

Continue Reading →

Email link code that writes subject and more

Using “mailto:” for the basic email link An email link is simply one that upon clicking it will open the user’s email client of choice and add the email address to a new blank email, simple! It uses the code: “mailto:” before the email address, and it looks like this: <a href=”mailto:iopan@hotmail.com“>Email iopan</a> So the 

Continue Reading →

Style Switchers for Accessibility

I’ve been working on a Disability information website, aptly called Disability Information Zone: http://www.disabilityinformationzone.co.uk/. Based in Coventry UK, I’m in the process of amassing a database (well, not exactly a database, but a page of published data) detailing an assortment of disability information for Disabled People in Coventry & Warwickshire. This can be found at: 

Continue Reading →

ARIA Landmarks* for Screen Readers

HTML WAI-ARIA roles help screen reader users. *Landmark according to W3C means: “A type of region on a page to which the user may want quick access. Content in such a region is different from that of other regions on the page and relevant to a specific user purpose, such as navigating, searching, perusing the 

Continue Reading →

24 Awesome Web Fonts for Free

1. Allerta Yann le Coroller Allerta is an open source typeface designed for use in signage. Allerta was designed to be easily and quickly read from a distance. http://www.google.com/fonts/specimen/Allerta 2. Alte Haas Grotesk Yann le Coroller Alte Haas Grotesk is a typeface that look like an helvetica printed in an old Muller-Brockmann Book. These fonts 

Continue Reading →

Notes on Accessible Web Design

Website Accessibility Label everything so that assistive technology can read it. All images require alt tags; all links, title tags. Keep your code clean! See document: “What Beautiful HTML looks like” – Use appropriate tags; don’t use tables for layout. Separate presentation from content; html should contain no styling – leave that to the CSS. 

Continue Reading →

Accessible Webdesign

I’ve just got the job to create a website for a disability organisation based in Coventry. They’re called DIZ; Disability Information Zone. And the site is at: http://www.disabilityinformationzone.co.uk I’m gonna have to swat up on Accessible Design as I’d like the site to be available to as many people as possible, whatever impairment they have. 

Continue Reading →

back to the Fullscreen Video Background

I’ve been looking at Full-screen Video Backgrounds for the last month or so. I really like them! And I’m sure some of my clients may ask for this feature. Although it is a bit decedent when it comes to the shear amount of bandwidth being taken up, it’s still very effective when used in moderation and within a good 

Continue Reading →