Clain Dsilva's Blog
  • Home
  • Latest Work
  • Testimonials
  • Contact me
  • About

How To Cross Fade Anything With JavaScript [JavaScript Fade Effect]

By Clain On November 11, 2012 · Leave a Comment

This is one sure question that every budding web developer would have in his mind.  Today I am going to explain how to achieve  cross fade effect using JavaScript and CSS opacity property. As always lets use pure 100% home grown JavaScript. No frameworks are used.

Demo

The HTML

Its necessary for the element to [...]

Continue Reading →

Pure CSS Sticky Elements, Sticky Footer, Sticky Banner, Sticky Margin widgets

By Clain On November 10, 2012 · 2 Comments

Ever wonder how those sticky footer stays intact at the bottom of the page? And those lovely bubbles that floats over the page even while scrolling? fed up of trying Jquery and other scripts library available? Here is the quick and complete CSS solution to make any HTML elements sticky. Like my previous Post, [...]

Continue Reading →

Pure JavaScript SlideShow

By Clain On October 30, 2012 · 2 Comments

I have been always fascinated about the slideshows, how do they make one. Well here is the basic slideshow with pure JavaScript. No frameworks are used, No chunks of codes,  Simple Slideshow with 100% pure home grown JavaScript.

Demo Download Code

Lets start with [...]

Continue Reading →

Animated Twitter Feed widget with Simple JavaScript

By Clain On October 28, 2012 · Leave a Comment

Demo Download Code
Here is a quick implementation of Twitter Feed using Simple JavaScript, No frameworks are used. Lets start with the HTML

<div id=”feedWraper”>
<div id=”twitterFeed”></div>
<div id=”feedCache”></div>
</div>

“feedWraper ” holds the widget , hence its width and height should [...]

Continue Reading →

Moo Bar – Bar Chart with MooTools

By Clain On July 5, 2012 · Leave a Comment

Introducing Moo Bar  bar chart plugin for easy HTML bar chart creation.

Features

HTML friendly No canvas element required Cross browser compatible

Written for  Moo tools version  1.2  and above, works fine with Moo tools 1.4. The plugin features a fully configurable moo bar class .  See the live demo here.

Continue Reading →

JSON, JSONP , XML, RSS Feed and Google RSS to Jason API

By Clain On May 20, 2012 · 2 Comments

 

Gone are days of origin policy and cross website data access. In the modern world data needs to be librated. Its one such idea that gave birth to JSON.  JSON is simply JavaScript Object  Notation and it’s a plain text data transfer method using JavaScript. Unlike XML which need a server side program [...]

Continue Reading →

Emotion Of a Website

By Clain On December 7, 2011 · Leave a Comment

Well I know that most of you might wonder about the title.  Does a website have an emotion?.

Last day I was in a meeting with one of my client  and a content writer.  The content writer and me brainstormed to bring up a presentable sitemap and content flow structure to the client.  After [...]

Continue Reading →

Reading Gmail With PHP IMAP

By Clain On November 21, 2011 · 12 Comments

Hello my dear friends, Now this is quite interesting topic for all the PHP newbies and off course OLD bees..!! You might have seen many large PHP libraries that is designed to access emails and send emails. Well this one is going to be a lot more simpler than a HUGE MAIL Library.

To [...]

Continue Reading →

Are You A Designer? Take This Survay And WIN Mac Book Pro

By Clain On November 17, 2011 · Leave a Comment

Now that’s a good news for all designers out there,  youthedesigner.com A popular design blog is conducting a survey on designers and in return they are giving out a lovely Mac Book Pro.  Have you tried your luck? Why wait Go Ahead and click on the badge to get started.

Also [...]

Continue Reading →

Moo Tools for Dummies

By Clain On November 13, 2011 · 1 Comment

  Guys I was thinking about my next topic to write on, and its when I remembered that JavaScript was the most creepy thing every web developers have come across.

Web developers knows  really well that, if you are a master in JavaScript, then you can really do wonders on the web.  Ajax itself [...]

Continue Reading →
← Previous Entries
  • Categories

    • CSS (1)
    • Freebies (1)
    • JavaScript (7)
    • Latest Work (3)
    • Moo Tools (4)
    • PHP (2)
    • Web Development (5)
  • Recent Posts

    • How To Cross Fade Anything With JavaScript [JavaScript Fade Effect]
    • Pure CSS Sticky Elements, Sticky Footer, Sticky Banner, Sticky Margin widgets
    • Pure JavaScript SlideShow
    • Animated Twitter Feed widget with Simple JavaScript
    • Moo Bar – Bar Chart with MooTools
  • Recent Comments

    • Igor on Reading Gmail With PHP IMAP
    • Clain on Reading Gmail With PHP IMAP
    • Clain on Reading Gmail With PHP IMAP
    • Igor on Reading Gmail With PHP IMAP
    • Priyanka on Reading Gmail With PHP IMAP
  • Popular Topics

    Crossfade crossfade effect Crossfade HTML elements css css 3 sticky elements CSS crossfade css floating elements css sticky elements HTML sticky elemenets javascript Crossfade
  • Your Domain. Your Website. All for $1/mo.!
  • Like Me On Facebook

"Unknown Twitter error." — clain4u

Clain Dsilva's Blog

Pages

  • About
  • Contact me
  • Privacy Policy
  • Testimonials

The Latest

  • How To Cross Fade Anything With JavaScript [JavaScript Fade Effect]
    This is one sure question that every budding web developer would have […]

More

Thanks for dropping by! Feel free to join the discussion by leaving comments, and stay updated by subscribing to the RSS feed.
© 2013 Clain Dsilva's Blog
Platform by PageLines