Nilotpal Singha

Free Glyph Icons

2013-05-14T02:22:00.001+05:30

Free Glyph Icons

These are free glyph icons designed by me. All icons are vector and made withing Adobe Illustrator CS6. The rest graphic effects and styles are done in Photoshop. Hope you will like these.

Visit my newest Blog: www.artdrop.in

Art Drop - www.artdrop.in

2013-05-14T02:11:00.002+05:30

Art Drop : www.artdrop.in

My newest blog on sharing free resources and tutorials for Graphic and Web Designers across the world. Visit the above link for more surprises. A whole lot of magics are waiting for you.

Pencil vs. Camera

2013-03-27T19:52:00.002+05:30

Pencil vs. Camera by BenHeine

Visit his profile

Happy Holi - Wallpaper

2013-03-26T23:27:00.001+05:30

Happy Holi - Wallpaper

Typography: Do I Look Fool?

2013-03-26T21:02:00.000+05:30

Typography: Do I Look Fool?

Free Photographic Photoshop Actions

2013-03-24T22:47:00.001+05:30

Photoshop Action 33 by miss-etikate

Download

Spring Fever-Photoshop Action by CarpeSav

Download

Sedrah Photoshop Action No2 by Sed-rah-Stock

Download

Vibrant vintage action by BTTRFLYKISS

Download

Photoshop Action 32 by miss-etikate

Download

photoshop actions - 4 by Honestheart26

Download

Photoshop Action 23 by miss-etikate

Download

Being Positive Attitude

2013-03-23T00:29:00.003+05:30

Being Positive Attitude

Welcome Summer

2013-03-12T22:48:00.001+05:30

ParaJai - A series of Free Web Template

2013-02-21T23:37:00.000+05:30

RESPONSIVE READY

This is my series of Free Web Template captioned under "ParaJai" dedicated to my friends.

You can use this template for you personal projects or presentations. You are free to modify this as you wish. Play with it, learn with it. You are also free to use this template for commercial purpose but you've to give credit to me. That is just a link back to my Personal Blog.

Contact Me:

Blog: www.nilotpals-world.blogspot.com

Facebook: www.facebook.com/nilotpal.singha

Twitter: @nilotpalsingha

Email: poltotpara@gmail.com

DOWNLOAD TEMPLATE

***********HOPE YOU ENJOY THIS***********

Happy Valentines Day

2013-02-14T15:21:00.002+05:30

Happy Valentines Day

Typography that Defines Me

2013-01-31T22:46:00.000+05:30

Typography that Defines Me

Color Blows My Mind

2013-01-31T22:17:00.001+05:30

Love you Open Source

2013-01-09T02:30:00.005+05:30

Twitter Bootstrap: is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and other interface components, as well as optionalJavaScript extensions.

It is the most popular project in GitHub and is used by NASA and MSNBC among others.

Android: is a Linux-based operating system designed primarily for touchscreen mobile devices such as smartphones and tablet computers. Initially developed by Android, Inc., whom Google financially backed and later purchased in 2005, Android was unveiled in 2007 along with the founding of the Open Handset Alliance: a consortium of hardware,software, and telecommunication companies devoted to advancing open standards for mobile devices. The first Android-powered phone was sold in October 2008.

Linux: is a Unix-like computeroperating system assembled under the model of free and open source softwaredevelopment and distribution. The defining component of Linux is the Linux kernel, anoperating system kernel first released 5 October 1991 by Linus Torvalds.

source: Wikipedia

How to do CSS3 Animation?

2013-01-06T01:29:00.000+05:30

Final Output of the Animation
Here are the HTML5 codes:


    
    



         










             This is a 
Pure CSS3
animation by 
                
                    
Nilotpal Singha

            
            
             Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
                when an unknown printer took a galley of type and scrambled it to make a type
                specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
                 when an unknown printer took a galley of type and scrambled it to make a type
                 specimen book.

Here are the CSS3 codes:

body {
 background: rgb(169,231,255) no-repeat;
 background: -moz-linear-gradient(top,  rgb(169,231,255) 0%, rgb(255,255,255) 50%, rgb(92,114,36) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(169,231,255)), color-stop(50%,rgb(255,255,255)), color-stop(100%,rgb(92,114,36))) no-repeat;
 background: -webkit-linear-gradient(top,  rgb(169,231,255) 0%,rgb(255,255,255) 50%,rgb(92,114,36) 100%) no-repeat;
 background: -o-linear-gradient(top,  rgb(169,231,255) 0%,rgb(255,255,255) 50%,rgb(92,114,36) 100%) no-repeat;
 background: -ms-linear-gradient(top,  rgb(169,231,255) 0%,rgb(255,255,255) 50%,rgb(92,114,36) 100%) no-repeat;
 background: linear-gradient(to bottom,  rgb(169,231,255) 0%,rgb(255,255,255) 50%,rgb(92,114,36) 100%) no-repeat;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e7ff', endColorstr='#5c7224',GradientType=0 ) no-repeat;
 overflow: hidden;
}

h2 {
 display: inline;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 text-shadow: 0 2px 0 #FF6C00;
 color: white;
 font-size: 40px;
}

aside a {
 text-decoration: none;
 border-bottom: thin dotted #FF6C00;
}


aside {
 background: #033;
 padding: 20px;
 margin-top: 20px;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color: white;
 text-shadow: 0 -1px 0 #FF6C00;
 font-size: 30px;
 border-radius: 20px;
 text-align: center;
 box-shadow: 5px 5px 0 rgba(0,51,51,0.5);
}

article {
 margin-top: 40px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 20px;
}

header {
 width: 960px;
 margin: auto;
 height: 200px;
}

#wraper {
 width: 960px;
 height: auto;
 margin: auto;
 position: relative;
}

#hill {
 background: url(http://i1221.photobucket.com/albums/dd471/nilotpalsingha/Web%20Test%20Album/hills_zps11c79431.png) no-repeat;
 height: 168px;
 width: 950px;
 margin: auto;
 z-index: 10;
}

#sun {
 background: url(http://i1221.photobucket.com/albums/dd471/nilotpalsingha/Web%20Test%20Album/sun_zps8c3e632e.png) no-repeat;
 height: 237px;
 width: 237px;
 position: absolute;
 top: -92px;
 left: 100px;
 z-index: -10;
 animation: rotating 15s linear infinite;
 -moz-animation: rotating 15s linear infinite; /*Firefox*/
 -webkit-animation: rotating 15s linear infinite; /*Safari and Chrome*/
 -o-animation: rotating 15s linear infinite; /*Opera*/

}

@keyframes rotating
{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

@-moz-keyframes rotating /*Firefox*/
{
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotating /*Safari and Chrome*/
{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

@-o-keyframes rotating /*Opera*/
{
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(360deg);}
}

#cloud_1 {
 background: url(http://i1221.photobucket.com/albums/dd471/nilotpalsingha/Web%20Test%20Album/cloud_1_zps1d4664d8.png) no-repeat;
 height: 135px;
 width: 325px;
 position: absolute;
 top: -72px;
 animation: mymove1 10s linear infinite;
 -moz-animation: mymove1 10s linear infinite; /*Firefox*/
 -webkit-animation: mymove1 10s linear infinite; /*Safari and Chrome*/
 -o-animation: mymove1 10s linear infinite; /*Opera*/
}

@keyframes mymove1
{
from {right: -500px;}
to {right: 2000px;}
}

@-moz-keyframes mymove1 /*Firefox*/
{
from {right: -500px;}
to {right: 2000px;}
}

@-webkit-keyframes mymove1 /*Safari and Chrome*/
{
from {right: -500px;}
to {right: 2000px;}
}

@-o-keyframes mymove1 /*Opera*/
{
from {right: -500px;}
to {right: 2000px;}
}

#cloud_2 {
 background: url(http://i1221.photobucket.com/albums/dd471/nilotpalsingha/Web%20Test%20Album/cloud_2_zpsfc12cb87.png) no-repeat;
 height: 49px;
 width: 140px;
 position: absolute;
 top: -180px;
 animation: mymove2 20s linear infinite;
 -moz-animation: mymove2 20s linear infinite; /*Firefox*/
 -webkit-animation: mymove2 20s linear infinite; /*Safari and Chrome*/
 -o-animation: mymove2 20s linear infinite; /*Opera*/
}

@keyframes mymove2
{
from {right: -500px;}
to {right: 2000px;}
}
@-moz-keyframes mymove2 /*Firefox*/
{
from {right: -500px;}
to {right: 2000px;}
}

@-webkit-keyframes mymove2 /*Safari and Chrome*/
{
from {right: -500px;}
to {right: 2000px;}
}

@-o-keyframes mymove2 /*Opera*/
{
from {right: -500px;}
to {right: 2000px;}
}

#cloud_3 {
 background: url(http://i1221.photobucket.com/albums/dd471/nilotpalsingha/Web%20Test%20Album/cloud_3_zps1ad48b94.png) no-repeat;
 height: 49px;
 width: 140px;
 position: absolute;
 top: -110px;
 animation: mymove3 30s linear infinite;
 -moz-animation: mymove3 30s linear infinite; /*Firefox*/
 -webkit-animation: mymove3 30s linear infinite; /*Safari and Chrome*/
 -o-animation: mymove3 30s linear infinite; /*Opera*/
}

@keyframes mymove3
{
from {right: -500px;}
to {right: 2000px;}
}

@-moz-keyframes mymove3 /*Firefox*/
{
from {right: -500px;}
to {right: 2000px;}
}

@-webkit-keyframes mymove3 /*Safari and Chrome*/
{
from {right: -500px;}
to {right: 2000px;}
}

@-o-keyframes mymove3 /*Opera*/
{
from {right: -500px;}
to {right: 2000px;}
}

Final Output of the Animation

Particles Designing - O! Guwahati!

2012-12-30T00:37:00.001+05:30

Particles Designing - O! Guwahati!

CSS3 Style Typography

2012-12-28T21:54:00.002+05:30

CSS3 Style Typography

If you are familiar with CSS than you are enjoying it, even if you don't than still you are enjoying it ;)

চিৰ চেনেহী মোৰ ভাষা জননী - Assamese Idiom

2012-11-26T23:44:00.004+05:30

চিৰ চেনেহী মোৰ ভাষা জননী - Assamese Idiom

Good Bye Smoking

2012-11-25T22:27:00.001+05:30

Good Bye Smoking

My Latest Web Work

2012-11-21T18:48:00.000+05:30

My Latest Web Work

Creative Image Slider Design

2012-11-17T13:20:00.001+05:30

Creative Image Slider Design

Assamese Proverb [ অসমীয়া ফকৰা যোজনা ] - বেটিয়ে ভাঙিলে কটৰা গড়গাঁও পালেহি বতৰা ঘৈণীয়ে ভাঙিলে কাঁহী থলে মিচিকাই হাঁহি

2012-10-31T14:06:00.000+05:30

বেটিয়ে ভাঙিলে কটৰা গড়গাঁও পালেহি বতৰা ঘৈণীয়ে ভাঙিলে কাঁহী থলে মিচিকাই হাঁহি

My Loneliness Quote

2012-10-29T00:47:00.000+05:30

My Loneliness Quote

Assamese Proverb - সাতোৰ সাতোৰ নিজ বাহু বলে, সাতুৰিব নোৱাৰিলে যা ৰসাতলে

2012-09-20T19:51:00.001+05:30

Assamese Proverb - সাতোৰ সাতোৰ নিজ বাহু বলে, সাতুৰিব নোৱাৰিলে যা ৰসাতলে

A Whole New Week

2012-09-17T20:13:00.002+05:30

A Whole New Week

Assam - অসম - My Typography Reminds Me My Colorful State

2012-09-17T00:42:00.000+05:30

Assam - অসম - My Typography Reminds Me My Colorful State