How to Use CSS3 and Photoshop to Animate Objects

Back in the old days, animations with CSS is only limited to hovering effects. Thanks to the power of CSS3 animation, it is now possible to create amazing effects without the use of JavaScript plugins. The introduction of CSS3 keyframes rule has increased the ability of CSS to create or animate objects in a  more … Continue Reading

Bring Your Website to Life Using This Animate.css Tutorial

CSS3 animation is a great new feature of CSS3. With this feature, it is possible to animate transitions from one CSS style to another. The introduction of CSS keyframes rule made it possible to have intermediate waypoints along the way of animation. Compiling all of the useful CSS animations in one CSS library is a … Continue Reading

An Easy Way of Building Responsive CV Websites

Resume websites a.k.a Curriculum vitae (CV) websites have been on the Internet over the years. The trend dictates that more and more people are into responsive CV websites. These kinds of website provide information that makes it easy for employers to evaluate that particular person’s skills. This has a lot of advantages as you do not … Continue Reading

Typography Designs Using CSS3 and Lettering.js

Web typography has become even more popular on the Internet in recent years.  In the past, this was ignored, but with the different screens nowadays, this is an essential topic that should be dealt with. These days, with the options to use Web fonts like Google Fonts and Typekit, you can achieve cross-browser, stunning and … Continue Reading

Retina-fy: Creating High Density Retina Displays for Your Website

High density retina displays or screens, like Apple’s Retina Display, have lots of pixels in a small space that it is almost impossible see the pixelation, thus, displaying smoother images and texts. Although Apple offered it first on the market, manufacturers have been releasing similar devices recently to compete with Apple. When using Retina Display devices, … Continue Reading

Creating a Responsive Email Template

As smart phones and tablets have become popular, more and more people are have been reading their emails regularly on their small screen devices. According to Campaign Monitor, mobile surpassed web and desktop client usage last July 2012. As the mobile email usage grows, web developers and designer must consider optimizing the look of their … Continue Reading

Bend and Set Text on a Circle Without Using Photoshop

When web designer creates pages, sometimes they want to set an element where they need to bend  or wrap texts inside a circle (e.g. for the site’s logo or title). Photoshop and some image editing software is often the go-to software for creating these images. On the other hand, bending and setting text on a … Continue Reading