Web tools,plugins,css tools and tutorials, ajax,icon... and so on

CSS-Techniques

  • CSS Pricing Matrix
    A CSS-based matrix in which clicking on a highlights the associated cell in the top row and left column giving an indication of relationships among the provided information. Similar solution: Tablecloth.
    CSS Pricing Matrix
  • CSS Diagnostic Styling
    Eric Meyer presents a diagnostic CSS-file; its primary goal is to have a set of rules that can be applied during the development phase of a new layout. These rules’ aim is to visually highlight problems in the markup.
  • Dynamic CSS With Variables
    Geoffrey Grosenbach describes how you can integrate CSS variables in CSS coding — with Ruby on Rails and HAML Plugin.
    Dynamic CSS
  • CSS Sitemap Styler: Style your Sitemaps with CSS and Javascript
    Sitemaps can be very useful to some user trying to find his way around. But, what happens if you have huge sitemap and you don’t want to overload your page yet still keep things accessible and “indexable”? Maybe CSSG Sitemap Styler could help. Another solution: CSS SiteMap.
    CSS SiteMap
  • Forward-thinking CSS float-clearing
    Brian Dillard provide a bulletproof method for clearing floats with pure CSS, without additional (X)HTML-Markup.
  • Styling File Inputs with CSS and the DOM
    File inputs (<input type=”file” />) are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.
    Custom File Input
  • CSS Only DOM Tabs
    There are several variations of “dom tabs” out there, and they work pretty well. However you can accomplish the same effect using just CSS, saving you the javascript download and dependency.
  • Honeypot Captcha
    Instead of modern CAPTCHA-solutions supposed to prevent comment- and e-mail-span, you can use a slightly different approach. You can create a honeypot form field that should be left blank and then use CSS to hide it from human users, but not bots. When the form is submitted, you check to make sure the value of that form field is blank.
  • CSS List Expander
    So, we have an unordered list that can go on in depth as much as we want. The script analyzes the list tree and applies toggle functions for expanding/collapsing child objects.
    List Expander
  • Fixing Tricky Layouts with the YUI Dom Collection
    The requirement is to make the ad in this content column align to the bottom of the secondary ad on the right, regardless of font size (Example). Christian Heilmann delivers two solutions - a CSS-based and a JavaScript-based method.
    Fixing Alignment