Some civic hack app ideas that I've been mulling around.
In order to bring about continued awareness of child obesity and to bring school districts greater accountability about what they're doing to combat the epidemic, a map of each school district color coded by avg-BMI.
Fat-shaming school districts, basically.
| var tds = document.querySelectorAll('td'); | |
| for(i=0;i<tds.length;i++) { | |
| var td = tds[i]; | |
| var txt = td.textContent.trim(); | |
| if(txt == 'Yes') { | |
| td.style.backgroundColor = 'rgba(0,255,0,0.1)'; | |
| } else if(txt == 'No' ){ | |
| td.style.backgroundColor = 'rgba(255,0,0,0.1)'; | |
| } | |
| } |
| <?php | |
| /** | |
| * Plugin Name: Timejump | |
| * Plugin URI: http://davatron5000.github.io/TimeJump | |
| * Description: Deep linking for podcasts | |
| * Version: 1.0 | |
| * Author: Dave Rupert | |
| * Author URI: http://daverupert.com | |
| * License: MIT/GPL2 | |
| */ |
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
From here on out, use Package Control to install everything. ⌘+Shift+P, then type Install to get a list of installable packages you can 'livesearch through. After installing plugins, they should be running.
| html, | |
| body { | |
| font-size: 100%!important; | |
| padding: 0; | |
| background: #fff; | |
| } | |
| #banner, | |
| #menu, | |
| #main { |
Today, May 9th, is Global Accessibility Awareness Day (#GAAD) a whole day devoted to learning about web and mobile accessibility. I encourage you to take some of your time today to learn a bit more about accessibility.
Accessibility is a subset of UX that aims to makes websites usable by the most people possible, including those with disabilities. For lots of us who work on the web, accessibility is generalized as "blind people", but it's more than just screen readers and covers a wide range of users with visual, auditory, motor, and cognitive disabilities. Today is about learning how to craft better, more usable websites for people with various circumstances and situations in life.
Here's a few challenges that you and your coworkers can try today:
layout: post title: "Introducing TimeJump" tldr: "Drop-in deep linking for audio and video podcasts." published: true head: | <style type="text/css"> body { position:relative;
Form input placeholder attributes are helpful for providing tips to (sighted) users on the format of content required. Often times, due to design decisions, a placeholder is used to replace a more semantic label element. Unfortunately, accessible placeholder browser support isn't complete and placeholder often lack sufficient color contrast.
labelaria-label or aria-labelledby to provide assistive textlabel elements (in an accessible manner)While we're paying attention to our placeholder text, be sure to add better contrast to you placeholder text:
1hr of video = 6-8 hours of transcription by a trained professional
Sample Form
<label for="email">Email</label>
<input id="email" type="email" aria-required="true" />
Form validation