Tag Archives: css

CSSOMCSS Variables, Nesting & Modules

This excites me, some pro­pos­als for CSSOM (bet­ter CSS value access from the DOM), vari­ables, mod­ules and nest­ing. 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: […]

CSS3 Wonder Wall 3D Demo

Currently only works in Safari 5 & Chrome 7 dev, but this Wonder Wall Demo is extremely awesome!

Unicorn — W3C Universal Validator

Unicorn — Universal Website Validator is a nice new val­id­ator tool from the W3C that runs their suite of tests on your site, check­ing for access­ib­il­ity and stand­ards com­pli­ance. Try it out for this site! — lots of CSS errors due to my use of vendor spe­cific pre­fixes, which I per­son­ally think, used with cau­tion, should be […]

Site Seeing — Week Four

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 incred­ibly eas­ily. They host the whole solu­tion and it’s a few basic lines of CSS to get some fancy fonts on your site. My per­sonal favourites […]

Site Seeing — Week Three

Css Desk — An Online CSS Sandbox http://cssdesk.com/ A great web app for play­ing around with HTML and CSS in the browser, would be inter­est­ing to see if it works on the iPad. Pictaculous — A Colour Palette Generator http://www.pictaculous.com/ Pictaculous (from MailChimp) lets you upload or email a photo and then gen­er­ates a col­our palette from it. You […]

Site Seeing — Week Two

Sikuli — Screenshot Based Computer Automation http://groups.csail.mit.edu/uid/sikuli/demo.shtml Sikuli is a visual tech­no­logy to search and auto­mate graph­ical user inter­faces (GUI) using images (screen­shots). Probably not the most effi­cient way to auto­mate tasks, but an inter­est­ing one non­ethe­less, hard to explain what it does, but if you’re inter­ested in com­puter auto­ma­tion, watch the demos. Hilite — Source […]

Disabling ‘hold to copy’ on Mobile Safari

If you want to dis­able the ‘Cut / Copy / Paste’ invoked by hold­ing down on an ele­ment in Safari on the iPhone or iPad use the css: –webkit-user-select: none; However, as stressed by Apple, this should only be dis­abled on a per ele­ment basis, and never applied to the whole doc­u­ment. Apple’s Technical Note TN2262: Preparing Your […]