Posts in CSS
Professional Dark CSS Menu
Graphic effects created in photoshop will bring magic if you master the tricks. When it comes to web designing, the powerful mixed and smart conversion between PSD and XHTML can give a professional look to your design. This tutorial will explain you …
Variable Grid System
The Variable Grid System is a web tool to generate an underlying CSS grid for your site. It is based on the 960 Grid System and it is designed & developed by SprySoft. You can input the pixel width of column and …
Styleneat: CSS Organizer
Styleneat is a web tool that turns your CSS selectors, sub-selectors and properties into well structure CSS. It organizes and standardizes your CSS therefore it will be easier to define page areas and see how they relate to each other. It won’t …
Compass: CSS Framework
Compass is a CSS Meta-Framework that is ported to Sass to make them easier to configure and apply to your semantic markup. It stands-alone via a simple command-line interface and ready to use in your ruby-based web application.Best Practices of Compass CSS …
SenCSs: Sensible Standards CSS Framework
SenCSs is a Sensible Standards CSS Framework (Pronounce it as “sense”). The current version is 0.5 and supplies sensible styling for all repetitive parts of your CSS.What features that you can get from SenCSs? Here comes the list: …
Free CSS Drop-Down Menu Framework
This Free CSS Drop-Down Menu Framework is modular, with themes. Not only that the HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types.Creating a new theme is easy with the available templates and takes 10-15 …
Tick Tock - A CSS & JS Clock that Rock
site: click heredemo: click hereCSS makes every design possible. Recently we found something interesting posted at SohTanaka.com. Soh, the author of this web blog came up with a brilliant idea of creating a clock that combines CSS and Javascript.The clock displays user’s …
Cool Tips: Simple and neat tooltips under the mouse
If you are looking for another alternative to create tooltips for your website, CoolTips may help you. It is created by Andrew Okonetchnikov. Currently released in version 1.0, CoolTips is an amazing lightweight unobtrusive JavaScript web-browser tooltips. It is used to replace …
Typechart: Browse Web Type, Grab CSS
Typechart is a web tool to preview and compare web typography while retrieving the CSS.This is how to use this tool: 1. Browse typographic styles; In quick look up, there is Style ID for each Typeface, which allows you to …
Drag & Drop Sortable Lists with JavaScript and CSS
This JavaScript is another smart way to rearrange items in a list. From a basic list of bulleted items, this code is developed with some CSS style and cursor hinting to make the dragability more obvious.Examples of its implementation are to create:- …
CSS Animated Progress Bar
Alen Grakalic of CSSGlobe.com wrote an excellent tutorial to create a CSS animated progress bar. You will need a cool background image in the container and a 200px wide background .gif that animates from “zero” to 200px inside the nested element.View the …
CSS Type Set - Letter Press for the Digital Age
CSS Type Set is a simple web tool to help you with CSS type customization. In order to use this web tool, you must enable JavaScript. Copy and paste or type in your desired text in the left box, then you can …
CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page …
Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts. Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is …
This is a nice generator. You put your XHTML code in the form and in return you will get a corresponding CSS frame.
With this website you can automatically generate rounded corners for HTML/CSS boxes. You can select different corner radii and different background colors for the four corners. The generated boxes can be filled with anything you want and can be resized as …
So you need a grid based layout for your website? Then try this tool. Just by “clicking around” you will be able to create your own custom brid based layout.
Here you find some usefull CSS hacks. For example: “Import Javascript into CSS for IE6″, “get fontSize in pixel”, “design min-width for Internet Explorer 6″, “Taming opacity with Texts for Internet Explorer” and much more.
