Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size…
Articles in the ‘Tools’ Category
-
Em Calculator
Posted: 2 years ago in Tools
Read More: Em Calculator
-
Grid Designer
Posted: 2 years ago in Tools
Grid Designer is a tool to help you create solid layouts. You can define a grid, set typography and then export the HTML and CSS code. Every design can be bookmarked for future reference…
Read More: Grid Designer
-
IE7 Javascript Library – Fix CSS Issues on Internet Explorer
Posted: 2 years ago in Tools
IE7 is a JavaScript library to make MSIE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6…
Read More: IE7 Javascript Library – Fix CSS Issues on Internet Explorer
-
SpriteMe – Tool to Generate CSS Sprites
Posted: 2 years ago in Tools
Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There’s a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button…
Read More: SpriteMe – Tool to Generate CSS Sprites
-
CSS Browser Compatibility Master Table
Posted: 2 years ago in Tools
This is a general overview table. A “yes” here does not mean a browser supports every tiny detail of the specification correctly. Instead, it means that it supports a workable subset of the specification. In IE’s case this may mean that it supports its proprietary methods and properties, and that those properties are generally equivalent to the W3C spec…
Read More: CSS Browser Compatibility Master Table
-
Emastic CSS Framework
Posted: 2 years ago in Tools
Emastic is a CSS Framework, it’s continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before.
Why should you use emastic?
- Lightweight (compressed weight less then 4kb)
- Personalized width of the page in (em,px,%)
- Use of fixed and fluid columns in the grid.
- Elastic Layout with “em”s
Read More: Emastic CSS Framework
-
YAML XHTML / CSS Framework
Posted: 2 years ago in Tools
“Yet Another Multicolumn Layout” YAML is an XHTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.
- Focussed on web standards and accessibility
- Slim framework core with numerous extensions
- Robust, flexible layout concept columns & grids
- Design patterns for typography, forms, mircoformats, rtl support ect.
- Complete multilingual documentation
Read More: YAML XHTML / CSS Framework
-
CSS Menus – Examples of Dropdown, Dropline and Flyout Menus
Posted: 2 years ago in Tools
CSS Menus is a website set up to show how CSS can be used to style unordered lists and turn then into stylish, professional menus that would enhance the look of any website.CSS Menus are search engine friendly, they will allow search engines to easily navigate and spider your pages. They are easy to setup, even easier to update and will work even when javascript is turned off.They will even degrade well for text readers and when CSS is turned off…
Read More: CSS Menus – Examples of Dropdown, Dropline and Flyout Menus
-
The Blueprint CSS Framework – Tutorials, Guides and Tools
Posted: 2 years ago in Tools
CSS frameworks are a Gods send. They speed up development, ensure usability, meet all W3C standards, compatabile across most browsers and a hell of a lot more. Sounds marvelous doesn’t it. Why doesn’t everybody use them? Well, for the novice developer, frameworks, may be a little bit tricky to get there head around? That is were this article comes in, to hopefully give everybody a better understanding of what a framework is and how to use it effectively.
We are going to focus on how to use the Blueprint Framework, a framework that is a little bit more mainstream and mature than the rest (I am not saying better). We have getting started guides, advanced tutorials, plugins, tools and apps and some insightful further reading articles…
Read More: The Blueprint CSS Framework – Tutorials, Guides and Tools
-
xCSS – OO CSS Framework
Posted: 2 years ago in Tools
xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades. Using xCSS means a dramatic cut down to your development time by: having a intuitive overview of the overall CSS structure, using variables, re-using existing style cascades and many other handy features. But, most frameworks are bulky and inflexible, aren’t they? Not xCSS! It’s lightweight and seamlessly integrates into any existing workflow. Aside from that the CSS overhead is getting reduced while your XHTML attributes remain semantic…
Read More: xCSS – OO CSS Framework