Popular Posts

Friday, August 10, 2012

The Web Factory – an astonishing WordPress based PSD template





fter a bit of absence around the blog, I may announce the slowly but steady come-back of our blog via an excellent freebie: “The Web Factory”. This is a free PSD template with a focus to WP theme integration. It can be used as a company website or why not, with a bit of creativity, it can be transformed to anything you want.











[Turns Feed] Watermark Your Images with PHP Image Workshop



PHPImageWorkshop is an open source class using the GD library that helps you to manage images with PHP. This class is thought like photo editing software like Photoshop and GIMP: you can superpose many layers or even layer groups, each layer having a background image.









Thursday, August 9, 2012

[CSS] How to Use CSS To Add Stroke Around Text




With some of the new graphical features you see in CSS3 it can start to add more and more effects to your HTML elements the same way you used to have to use photoshop to do.

Things like box shadow and color gradients are now so easy to do in CSS that you don't even need photoshop anymore. Here is another CSS property that you might not realise existed but it's another effect you would normally do in Photoshop and that's adding a stroke around text, just by using the CSS property text-stroke.
Currently this property is only supported on webkit so it will only work on Chrome or Safari, and you can only use it by prefixing the property with -webkit-.

[CSS] How to create CIRCLE HOVER EFFECTS WITH CSS TRANSITIONS

A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations.



n today’s tutorial we’ll experiment with hover effects on circles. Since we have the border radius property, we can create circular shapes and they have been appearing more often as design elements in websites. One use that I especially enjoy seeing is the circular thumbnail which just looks so much more interesting than the usual rectangular. And because the circle is such a special shape, we are going to create some special hover effects for it!