Today I am writing this article to create a very simple loader in CSS. I am using the css keyframe animation to create loader.

You can see the demo below:

CSS code can be seen below:
.loader {
text-align: center;
}
.loader span {
display: inline-block;
vertical-align: middle;
width: 5px;
height: 10px;
margin: 50px auto;
…

Happy Tihar to all Nepalese.

I am honored to be with you today at your commencement from one of the finest universities in the world. I never graduated from college. Truth be told, this is the closest I’ve ever gotten to a college graduation. Today I want to tell you three stories from my life. That’s it. No big deal. Just three stories.

The first story is about connecting the dots.

I dropped out of Reed College after the first 6 …

Ever had problem in developing wordpress theme by not being able to make small tweak or customizing the wordpress site. www.wp-snippets.com is a very good site to look for small snippets which can enhance our wordpress site.

We can find hundreds of snippets in this site cleanly categorized. I have been using some of the snippets in this blog for quite a time. If one have some new snippets to share than they can contribute in …

Mozilla have released Firefox 6. They are making rapid release recently. Although there isn’t major changes in this release there are minor improvements.

In this new release Firefox will highlight the domain in the address bar. Improvement in the Web Console (Ctrl + Shift + K) have been made. Scartchpad (Shift + F4) have been introduced to test Javascript code. And Permission Manager have been added which can be accessed typing ‘about:permissions’ in address bar.

Twitpic founder Noah Everett has unveiled Heello, his feature-for-feature copy of Twitter. The move comes just a day after Twitter completed the rollout of its photo-sharing service — a direct competitor to Twitpic.

Heello looks and acts like Twitter in almost every way. Instead of tweeting, users send “pings” to their followers. Instead of retweeting, users “echo” other posts. And instead of following, friends “listen” to their friends. The only real difference is that updates appear in a …

Twitter have rolled out two new features that help us to discover more on twitter. We can now see when someone favorites or retweets one of our Tweets. We can also learn which Tweets are most interesting and inspiring to the people we follow.

More information can be found from their blog.

Twitter have started a photo sharing service.
From now on we don’t have to use the services like twitpic to upload photo.

One can share photos by clicking on the camera icon.

Today I have designed an eye in pure CSS3. You may have probably read my previous post about Designing Nepalese flag in CSS3. In that Nepalese flag was designed different DIVs. But here eye have been made with single div and using pseudo elements before and after.

You can see the demo below:

CSS code can be seen below:
#eye:before,
#eye:after {
content: “”;
position: absolute;
top: 0;
…

My personal website www.magardinesh.com.np is featured in websitelaunchpad.com 

You can find my works in my website. This site is a single page minimal website made with the use of HTML5 and CSS3.