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
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:email@example.com“>Email iopan</a> So the
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:
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
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
PC spectacularly broken.. hope they can fix it. Have lots of original artwork files only on that PC. I must get into habit of backing up on external drives… angry with myself. Also – I recently did a short-list of emails to multiple email addresses for the One World Link Newsblog website. Very much
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.
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.
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