February 26, 2015

A simple calculator using JavaScript and CSS3

A simple calculator using JavaScript and CSS3

Make a simple calculator using Javascript and CSS3. There is no images used here. The design of the calculator is done by CSS3. The 3d button effect is done by CSS3 shadows. The smooth press effect of the button is done by CSS3 transitions. Basic regular expression is used for validation and text replacements.

February 25, 2015

Flip an image using CSS

Flip an image using CSS

You can flip images with css very easily. When you use an arrow image and you want to use the same arrow to point on some other directions you can use this method. There is no need to have two images for that.

February 23, 2015

Make a Backbone.js to draw objects on a canvas

Make a Backbone.js to draw objects on a canvas

This is my first Backbone.js app. Here I tried drawing a rectangle into the canvas using the Backbone View. And I added a small functionality like move on click. The rectangle keeps on moving and changing its position on clicking it.

February 21, 2015

Simple Image Slider

Simple Image Slider

Slideshows, image sliders, magic picture changing boxes: whatever you call them, the pattern is used all over the internet, so much so that nearly every website has one. If you’re a web developer, the time will come when you may have to build one on your own. With that in mind, let’s look at how we can build a simple image slider using HTML, CSS, and jQuery.

February 20, 2015

A beautiful transform effect using CSS3 - Let It Snow

Let it snow

With CSS3, we can add an effect when changing from one style to another, without using Flash or JavaScript. CSS3 transitions are effects that let an element gradually change from one style to another. The transform property applies a 2D or 3D transformation to an element. This property allows you to rotate, scale, move, skew, etc., elements.

February 7, 2015

iframe with 100% height - Working

iframe with 100% height - Working

I recently searched the web and couldn't find a solution for "How to make an iframe with 100% of height?". You too won't be finding a solution to it. You probably tried writing something like:

February 3, 2015

“Go Back” Button in Javascript

Browsers already have "back" button. Even though if you need a back button within your page you can try out this method.

HTML

<input type="button" value="Go Back!" onclick="history.back(-1)" />

The above is an html code for button with inline JavaScript.

This is totally obtrusive, but you could fix that by only appending this button through JavaScript.

How to Redirect a Web Page?

How to Redirect a Web Page

A redirect is done when a web page is visited at a certain URL, it changes to a different URL. For example, when a person visits the page "www.thelittletechie.com/page-a.html" in their browser and they are redirected to "www.thelittletechie.com/page-b.html" instead. This is very very useful if you want to redirect a certain page to a new location, change the URL structure of a site or even redirect users to another website entirely.

Popular Posts

Views