The HTML5 Boilerplate build script can auto generate your manifest.appcache file but it doesn’t out of the box. Slightly hidden away in the docs: To enable the appcache, just uncomment the file.manifest line in the project.properties file. It’ll create a manifest.appcache file and wire it all up. You’ll find the project.properties file in build/project. Now just do ant […]
A cool and little known JavaScript function is .link() available to all string objects. Calling string.link(url) returns an HTML string for an anchor tag with the URL in it. For example: var text = ‘the best website ever’; var html = text.link(‘http://bencollier.net/’); html === “<a href=‘http://bencollier.net/’>the best website ever</a>” //true A great way […]
Usability Cramps [yoo-zuh-bill-ity kramps] n. are unpleasant, often painful sensations caused by unbearable unusable user experience mistakes v. usability cramping, usability cramped, why the hell did they do this? Form Labels That Don’t Select the Fields This one mega-stresses me out; when the text label next to checkbox or a label doesn’t select it when you click it: […]
The winner of the 2011 Yahoo HackU contest at University of Washington, this is so cool. Click here to activate the Katamari Damacy effect. You can also install it as a bookmarklet by dragging: Katamari to your bookmarks bar. It uses CSS3 transforms and html5 canvas to do this awesome effect. Hats off to the developers, this works […]
Google: There are several noteworthy changes: The sizes of all the fonts and buttons were increased The “selected” item or item with the mouse over it is clearly highlighted The user can navigate intuitively around the page using D-pad up/down/left/right motions Additional padding has been added between all elements on the page Darker or slightly muted […]
This excites me, some proposals for CSSOM (better CSS value access from the DOM), variables, modules and nesting. This means you’ll be able to do stuff like this: @var header-color color #006; @var main-color color #06c; @var secondary-color color #c06; a { color: var(main-color); } a:visited { color: var(secondary-color); } h1 { color: var(header-color); background: […]
Unicorn — Universal Website Validator is a nice new validator tool from the W3C that runs their suite of tests on your site, checking for accessibility and standards compliance. Try it out for this site! — lots of CSS errors due to my use of vendor specific prefixes, which I personally think, used with caution, should be […]
Google Font Directory http://code.google.com/webfonts Bit late to the party with this one, but the Google Font Directory has some great open source fonts that can be included in your webpages incredibly easily. They host the whole solution and it’s a few basic lines of CSS to get some fancy fonts on your site. My personal favourites […]
By Ben Collier
|
Posted in CSS, Site Seeing, Waffle
|
Also tagged comics, css, free, google, html5, javascript, photo, roundup, typography
|
