Fronteering with Web Standards

What I be WordPressin'

Fighting for the Future by Coding for America

With so much drama on the web today, its kinda hard not to submit to the @nsa The open web is, and forever will be under fire from forces that want to control every aspect of it, and profit along the way. Recently The Day We Fight Back, led by fight for the future led […]

Cfa “Peace Corps For Geeks” Time Article

The following article was posted in Time magazine; it’s a great introduction to Code for America. I want to say someone posted it on the Brigade mailing list, but I don’t recall exactly. I’ve thrown it up on github, if anyone needs a copy. Monday, Apr. 15, 2013 Peace Corps For Geeks By Bryan Walsh […]

ARIA role=dialog to Expose a Dialog in JAWS 12

I recently came across a discussion in the Accessible Innovators group on LinkedIn, regarding making a href=”javascript:void(0)” and accessibility. My first inclination was to say never do that, but that’s not a solution for everyone. After recommending using ARIA role=”dialog”, another group member responded that it’s not that great for accessibility. According to AccDC Technical […]

Community Calendars Powered by iCal

I attended “Rethinking the Community Calendar” tonight, a talk by Jon Udell (@judell) about creating and cultivating a community calendar. One immediate, glaring takeaway is that iCalendar, AKA iCal is a web standard, and not a proprietary format owned by Apple. Apple Calendar did use to be called iCal, but this is no longer the […]

Code for America Hampton Roads Brigade Celebrates Document Freedom Day 2013

Code for Hampton Roads celebrated Document Freedom Day 2013 on March 27th, along with 57 other user groups across the world. dfd luckily occurred on the date of our weekly meetup, so it seemed only natural to tie it into one of our group projects, hrvawiki.org. Unlocking (liberating) data is also core to our values, […]

Danzig – ThrallDemonSweatPixelator

Danzig – ThrallDemonSweatPixelator posted by jalbertbowdenii Danzig skull after being put through the The Pixelator, a <canvas> demo that pixelates images, powered by desandro.com/resources/close-pixelate/. The description, as entered by the person who uploaded it. 26127430@N04 The ID of the content owner – you can use this to link to their buddy icon. like so jalbertbowdenii […]

Safari iOS Specs Unobtrusive JavaScript Reminder

Recently I was digging around in the Safari Developer Library when I came across one more reason (as if there weren’t enough) to write Unobtrusive JavaScript. In this case, Safari on iOS (all devices) disables preload=”” and autoplay=””, in case the user may be in a position where they are on a horrid network and […]

Making Responsive, Accessible, High DPI, CSS Sprites

Applying clip on img‘s via media-queries I love css Sprites so I was quite dismayed to read about problems with iPhone 4 Retina Display (High dpi) and problems with accessibility, both of which will stop a standardista dead in their tracks. Retina Display is a user-agent feature and as such should at least be used […]

Pinned Sites and Jump Lists in IE9

Browser ux - User-Agent Optimization Series ie9 Part One Pinned Sites in ie9 allow developers to add to the ux of the overall site by providing unique experiences to the user by utilizing ie specific tools like Jump Lists. Developers can use Pinned Sites to make their sites feel more like a native Windows application. […]

Kill Facebook Sidebar IM Bookmarklet

Hate the new facebook im chat box? Use this bookmarklet to shut it down in your browser. Simply drag it up to your browser’s bookmark bar; then the next time you log into facebook and that horrible box pops up, click on the bookmarklet to kill the im. fb.im.block <a class=”bookmarklet” href=” javascript:(function(){ var style=document.createElement(‘style’);style.innerHTML=’.fbChatSidebarBody{display:none […]

What I be Tweetin'

Warning: Invalid argument supplied for foreach() in /nfs/c01/h06/mnt/45373/domains/bowdenweb.com/html/krs1/design/tlx/index001.html on line 197

What I be Tumblr'n

(via RVA Creates)

Corey's scrolling site of green

non-functioning links for graphical browser users [skip to menu]

{Welcome} {Tab styling} {Applications}

Welcome

This is a basic study in green, in HTML5. I've decided to use a collection of section elements housed within an article, but I could have used a generic container (i.e. a div). As long as the outer container (in this case article) holds the background image and is fixed, then you can get a scrollable background!

Tab styling

It's all rounded corners, and an inset box-shadow to create a three-dimensional effect. It perhaps is not as good as a drawing - but it's quicker.

Applications

You could use this for a kiosk or information terminal; and bearing in mind that you don't only have to scroll horizontally, a very creative person could create an accessible web-comic where the reader was guided to each frame, with the art rendered in SVG, or text with :content generated images.

Welcome
Tab styling
Applications