PSD to (X) HTML

You Design, We Code

Create Your Design

It’s your design, your vision, your way. We just code.

Start Your Project

Simply submit an order and attach your design files.

Get Your XHTML Code

Pixel perfect. Valid. Browser compatible. Optimised.

CSS Tricks

CSS Tricks

This is a small CSS3 animation project is done by Mircea Piţurcă for Mozilla DevDerby competition.
14 body joints are tracked with XBox Kinect, the data is brought into the browser using Node.js, recorder and converted into CSS animations with Animatable.com.

http://typefolly.com/css-tricks/

Arc Text

Arc Text

Curving text with CSS3 & jQuery. Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

http://tympanus.net/Development/...

jQuery News Ticker

jQuery News Ticker

Cool news ticker! Seems familiar... Taking inspiration from the BBC News website ticker, jQuery News Ticker brings a lightweight and easy to use news ticker to jQuery.

http://www.jquerynewsticker.com/

Kern

Kern

A super-simple bookmarklet for designers that finally puts you back in control of your website's typography. Here's how it works: Add the bookmarklet to your browser and activate it while at your page. Then just click and drag to adjust your kerning, line-height, letter placement and more to your heart's content!

http://www.kernjs.com/

Bacon

Bacon

Bacon is a jQuery plugin that allows you to wrap text around a bezier curve or a line. It's easier than you might think. You'll need a block element containing text only that has its height and width set, as well as jQuery, bacon.jquery.js and bacon.jquery.css included in your site.

http://baconforme.com/

Mootools Typewriter

Mootools Typewriter

MooTools Typewriter Effect Plugin.

http://davidwalsh.name/demo/...

Rotating Words

Rotating Words

Rotating Words with CSS Animations. Using CSS Animations we will change or rotate some parts of a sentence.

http://tympanus.net/Tutorials/...

Kerning

Kerning

Kern, style, transform, and scale your web type with real CSS rules, automatically. Print designers have had it easy for way too long. This is 2012; the web has been around for over two decades, yet web designers don’t get full control over their typography? Forget that, use Kerning.js!

http://endtwist.github.com/kerning.js/

jFontSize

jFontSize

The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc. This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content.

http://www.jfontsize.com/demo/