Creating Shapes with SVG : An SVG Tutorial

Have you tried using the SVG image format? Here is an SVG tutorial to help you delve deeper on how to use this image format to your full advantage. In the past, the only image format that was supported by all browsers was the GIF, an image file developed by CompuServe. Then came the JPEG … Continue Reading

How to Create Smooth CSS3 Animation Styles and Effects with Ease

With the newest capability of CSS3, transition from one style to another without using JavaScript or Flash becomes possible. It allows elements to change values over a specified duration, animating the property changes instead of having them static and leaving them dead. CSS3 animation styles and effects give your more freedom to create the design … 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

How to Create a CSS3 Pop-Out Menu Without Learning Programming

Modern websites offer a more complex hierarchy of navigation. This navigation sometimes makes user-experience on the website’s menu a bit confusing. Using a CSS3 pop-out menu makes it easier to find your way to what you want on the site quickly. Thanks to CSS3, animation is now possible. Using CSS3, you can simply hide and unhide … Continue Reading

How to Create a Scrolling Parallax Website

Parallax websites are one of the latest and biggest trends on the web for some time now. If you want to impress your clients or implement immediate impact on your site, this is a good choice for you. In this tutorial, I’ll teach you how to create a simple but beautiful parallax website that will … Continue Reading