Tired of pixel-by-pixel painting, trying to create seamless stripes textures? Those days are gone! Enjoy using Stripe Generator! Unleash your personal style, experiment and download the tile. You can use it directly in your css file or as pattern in Photoshop! Stripe Generator is online web tool for creating any kind of stripes, mostly used as background image of your web pages. All you have to do is visualy...

960 Gridder is an excellent tool for any web developer/designer that wants to easily align, match and/or layout websites. 960 Gridder is mainly developed with focus on initial layout or fine tuning of a website. 960 Gridder is cross-browser compliant and works well in Internet Explorer 6/7/8, Firefox 2/3 and Chrome. Safari 4 Beta and Opera 9 is also working as expected and it should work in Safari 2.x-3.x also. 960...

Confused by jQuery syntax? Never sure when/where to place your parentheses, curly brackets and so-on? Use the jQuery Function Builder to quickly build up a collection of functions that will be called when the page has loaded/is ready. Using jQuery for scripting encourages good coding practices as it means that behaviour is layered over the top of a basic document which is more likely to be usable even if JavaScript...

SVG is a language for describing two-dimensional graphics and graphical applications in XML. SVG 1.1 is a W3C Recommendation and is the most recent version of the full specification. SVG Tiny 1.2 is a W3C Recommendation, and targets mobile devices.

I’m sure you all have seen a beatifull, hot girl on the cover of man’s magazine. But some of you sometimes have had a chance to meet the same girl in the street (I’m one of those lucky guys!). Looked different? Something was wrong? Something did not match? How is this possible? Oh yes, photoshop is magic! Years of practice and skills make buties from the beasts in a while! This video shows...

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. The 12 column grid is divided into portions that are 60 pixels wide. The 16 column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which...

The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include: Supports fluid-width (100%) layouts as well as preset fixed-width layouts. Supports easy customization of the width for fixed-width layouts. Flexible in response...

XHTML Abstraction Markup Language (Haml) is a markup language that‘s used to cleanly and simply describe the XHTML of any web document, without the use of inline code. Haml functions as a replacement for inline page templating systems such as PHP, ERB, and ASP. However, Haml avoids the need for explicitly coding XHTML into the template, because it is actually an abstract description of the XHTML, with some...

Syntactically Awesome StyleSheets (Sass) is a meta-language on top of CSS that‘s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows. Sass both provides a simpler, more elegant syntax for CSS and implements various features that are useful for creating manageable stylesheets. Sass Features Whitespace active Well-formatted output Elegant input Feature-rich Sass...

Compass is a real stylesheet framework — not just a collection of classes. With Compass, you still use the best of breed css frameworks (blueprint, yui, 960); ported to Sass to make them easier to configure and apply to your semantic markup. Compass is a CSS Meta-Framework that provides ports of the best of breed CSS frameworks to Sass and ready to use in your ruby-based web application or stand-alone via...