JS/CSS + PNG + Typography

Play with ligatures

— Some words to describe my ideas

The most exiting thing in typography for me is a ligature. I was thinking about using letters as pure forms, make them some kind of building blocks for attractive part of layout.

I've decided to create something that will generate some kind of objects based on ligatures, space and negative spaces. Then came idea of random.

Well, would you please "roll the dice" by refreshing that page and enjoy the particular result. So you can play with it and maybe get inspired to go far beyond that solution and upgrade your projects with things like that.

100 words about me

— Let me introduce myself

I have decided to try myself as a Web Designer and this is one of my first comps. Hope it is worth to be loaded.

Mostly I create DHTML prototypes as a Front-End Developer for Colours. Also I'm willing to implement processes described in ISO 9241–210 into the every day work of my colleagues at ByLectric.com as IxD.

I fond of digital photography and travel. Both were chosen as hobbies to look for new directions in which I could apply my knowledge, skills and desire to investigate, create and communicate.

Greeked text ;)

— The most known content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt massa arcu, id rutrum ligula.

Nunc risus mauris, imperdiet sollicitudin tristique eu, tempus non odio. Duis eu quam at mauris auctor molestie. Mauris elementum eleifend blandit. Ut erat massa, volutpat non fermentum quis, aliquam id risus.

Curabitur bibendum blandit augue, id tempor lorem eleifend eu. In purus quam, feugiat eu pellentesque ac, blandit vitae leo. Nam dignissim semper ante sed dignissim.

You may not know

— You can use font replacement for links

One of the greatest thing in current web typography is opportunity to use font replacement for links

Donec interdum sem eu nisi vestibulum vitae malesuada elit pellentesque. Praesent egestas sodales augue, ut adipiscing lacus tempus rhoncus.

In lacinia odio quis urna pellentesque bibendum. Fusce tristique scelerisque pretium. Etiam sagittis eros nec enim vestibulum aliquet.

JS Solutions: