Home » Archive

Articles in the CSS3 Category

CSS3, Design, HTML5, Javascript »

[18 Oct 2012 | No Comment | ]

We have seen image crop tool using server side script, below is HTML5 image crop tool to edit image on browser using HTML5 Canvas. So highlight of this script is, it just uses only HTML5 and js to crop and display the cropped image on Canvas.
No upload script is need to edit the original file, so no server overload.This cropping tool using HTML5 does not require any server-side script to crop. Just click and drag over the image to make selection and then press “crop Image” button to replicate crop on …

CSS3, Design, HTML5, Javascript »

[15 Oct 2012 | No Comment | ]

We have seen marching ants in most of the designing tools, like marquee tool or using any selection tools. we can see dotted lines on click and dragging our the canvas. Same marquee or marching ant effect we have recreated here using HTML5 and javascript.

HTML5 Canvas Mouse Events using javascript:
Before viewing the entire code for marching ants or marquee tool in HTML5. View this tutorial on how to use or interact with mouse events on html5 canvas element.
Entire Code for html5 Marching ants:
Image used for ant:      
Note: Right+click …

CSS3, Google Logos, HTML5 »

[9 Aug 2012 | No Comment | ]

Everybody like Google Doodles, even I like them most. As far we have seen nice logo designs in Google home page, recently I have noticed some of the interactive logos created using HTML5, CSS3. I would like to share some of the excellent interactive Google work here.
slalom canoe 2012:

London 2012 slalom canoe is the second paddle sports related Google doodle featured during the Olympics.
Slalom slalom (whitewater slalom before November 2008) is a competitive sport where the aim is to navigate a decked canoe or kayak through a course of hanging …

CSS3, Design, HTML5 »

[15 Apr 2012 | No Comment | ]

Color pickers are used by developer or designers on daily work. We have showcased some of excellent HTML5 Canvas based color picker tool here. Some of then are developed using css3 and jQuery.
Also check: HTML5 logo designs
HTML5 Canvas Color Picker:

Mousedown in the color area to choose a color.
Rightjs Color Picker:

Colorpicker is a simple widget that allows the user to choose any sort of colors in a photoshop-like dialog.
HTML5 & jQuery Color Picker:

Implemented using the HTML5 element. Canvas based color picker is different. You can change the color picker to …

CSS3, Design, HTML5 »

[21 Mar 2012 | No Comment | ]

We use design tool like Photoshop, Illustrator to create logo for websites. Here I would like to showcase some of the excellent design logo using HTML5 and CSS3.
Creating logo using HTML5 and CSS3 is not an easy task you know, if you are an HTML5 developer. Many people have recreated the well branded logo’s using HTML5 and CSS3.
HTML5 and CSS3 Logo:
The HTML5 designed logo displayed here has code available to check how it is created. One small suggestion, Please view the examples or samples with updated browsers since there may be …