The Desyna Journal

Thoughts and shares on Design, for web and otherwise
16 February 2012
1:55:pm

Text Tools 2012

FitText

Get text to fit any container - great for scaling in between resolutions - not recommended at all for styling body text.

FitText

 

ghostType

A great effect for displaying type like it's just being typed. Might be nice in a News ticker or similar

Ghostype

 

Lettering

Super cool for manipulating individual characters.

Lettringjs

 

jFontSize

Great for allowing users to size text

jfontsize

 

Shuffle Letters

Similar to Ghostype in a matrix kinda way


Shuffle Letters

06 February 2012
12:30:pm

CSS3 Page Transitions

CSS3 Page Transitions

Like a giant slider with no javascript. Great for portfolios and photographers

Source:
Permalink:Permalink
Tweet: Tweet This
02 February 2012
2:14:pm

Customizing G+1 button using CSS Mask

Customizing G+1 button using CSS Mask

Social media buttons are getting harder and harder to customize. As the buttons obtain more functionality along with complexity you want to preserve the bonuses but still get enough customization to fit your project.
Edan Kwan has a real nice tutorial for applying subtle customization to the +1 button. This does not show you how to replace the button, only how to customize the shape and maintain function.
p.s. image available here in vector download

Source:
Permalink:Permalink
Tweet: Tweet This
25 January 2012
2:28:am

Overcoming Borders in Responsive Design

Overcoming Borders in Responsive Design

Note: breaks in IE6 and IE7

Permalink:Permalink
Tweet: Tweet This
12 December 2011
12:21:pm

Flexible Images for Responsive Design

Flexible Images for Responsive Design

So how does this work? It's simple. Just put your image in a container and set the width of your image to 100%. Then set the max-height of the container to 450px and hide the overlap by setting the overflow to hidden.

Source:
Permalink:Permalink
Tweet: Tweet This