Tag: css

  • csscss

    >[csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.][link] Been looking for something like this for YEARS now. Hope it’s good. [link]: http://zmoazeni.github.io/csscss/?hn=1 “csscss by zmoazeni”

  • hint.css

    [A CSS-only tooltip library, written in SASS.][link] [link]: http://kushagragour.in/lab/hint/ “hint.css – A tooltip library in CSS”

  • Harry Roberts on CSS selector intent

    [Had me shaking my head in agreement on every single point.][link] Bad / inefficient CSS selectors written by people who don’t know any better are the bane of my very existence right now. Education can only help everyone. [link]: http://csswizardry.com/2012/07/shoot-to-kill-css-selector-intent/ “Shoot to kill; CSS selector intent — CSS Wizardry—CSS, Web Standards, Typography, and Grids by…

  • An Event Apart: CSS Best Practices

    [Luke Wroblewski’s notes from the An Event Apart talk “Our Best Practices Are Killing Us”][link] by Nicole Sullivan. There’s some good horse sense here re: revisiting pixel-based layouts and overly semantic markup. [link]: http://www.lukew.com/ff/entry.asp?1469 “LukeW | An Event Apart: CSS Best Practices”

  • CSS Shaders

    [Adobe’s John Nack:][link] >So, yeah: Adobe’s using Flash-derived technology to make HTML5 more competitive with Flash. > >Crazy, right? Not at all: this increases your ability to present visually rich experiences, and that increases Adobe’s ability to sell you tools for creating those experiences.  The different playback technologies are just means to those ends. Working…


    [A whack-a-mole game written entirely in CSS/HTML][link]. No Javascript. Chrome/Safari only. [link]: http://jsdo.it/GeckoTang/4rXg “CSS PANIC – jsdo.it – Share JavaScript, HTML5 and CSS”

  • CSS3 Isometric Text Demo

    [Build isometric boxes and text in HTML and CSS][link]. Inching towards the day when someone can build an X-Com port. [link]: http://www.midwinter-dg.com/blog_demos/css-isometric-text/ “CSS3 Isometric Text Demo”

  • Pure CSS3 box-shadow page curl effect

    [Works in Safari, FF, falls back gracefully in IE.][link] [link]: http://matthamm.com/box-shadow-curl.html “Pure CSS3 box-shadow page curl effect”

  • Pure CSS Progress Bar

    [This is very pretty, but requires a WebKit-based browser (Chrome, Safari).][link] [link]: http://ivan.ly/ui/ “CSS Progress Bar”

  • Unitless line-heights

    [A handy CSS tip and technique that I was previously unaware of.][link] [link]: http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ “Eric’s Archived Thoughts: Unitless line-heights”

  • Prefix or Posthack

    [Eric Meyer, in praise of browser prefixes][link] such as `-webkit`: >If the history of web standards has shown us anything, it’s that hacks will be necessary. By front-loading the hacks using vendor prefixes and enshrining them in the standards process, we can actually fix some of the potential problems with the process and possibly accelerate…

  • Nivo Slider

    [It bills itself as “The Most Awesome jQuery Image Slider,”][link] and once you see it you will, if not agree entirely, see where they’re coming from. [link]: http://nivo.dev7studios.com/ “Nivo Slider – The Most Awesome jQuery Image Slider”