Technology News Blog

Verses: Battle of the Smart Bulbs - Unboxing | Review | Setup - Aoycocr vs Wyze - Best Smart Bulb

2019-08-29T20:28:00.004-07:00

Unboxing | Setup | Review of Best Smart Bulbs - Aoycocr Vs. Wyze Smart Bulbs.

Nokia Tablets with Windows 8 x

2013-04-07T19:43:00.000-07:00

The Nokia Tab

Finally there are signs that the dream of Nokia tablet pc (hand held computer) myth going to be real. Here is a leaked image of Nokia handheld tablet pc similar to Apple ipad and Galaxy Tab. And this is going to be come with Windows OS - not with the Nokia owned Belle or Symbian , Meego. And this will be a happy news for the all Nokia fans around the world.

Nokia Tab

Essential Computer Ports

2013-03-22T02:18:00.002-07:00

List of Essential Computer Ports with image example

Music PlayList in Windows Phone 8

2013-03-17T22:39:00.001-07:00

How to create a songs play list in windows phone 8

1) Connect your phone to pc.
2) Open your music folder.
3) Shift+Click or CTRL+Click and select the files and folder you want to add in a particular playlist.
4) Right Click -> Create playlist
5) Give the name you want.
6) Disconnect your phone.
7) You will now be able to see your playlist in your music app.

10 Useful web sites for SEO

2013-03-17T21:42:00.000-07:00

How to display pdf files in mobile web browser

2013-02-12T22:32:00.001-08:00

How to display pdf files in mobile web browser

Embed files from google document viewer

You must replace the blue URL with your own address. This will work fine for PDF s and Power point presentation PPT files. In any mobile device, Such as Nokia ,I Phone, I Pad , Tab , or Android, or windows phone mobile web browser. Also work in cms such as joomla and wordpress

How to find images folder in Nokia belle

2013-02-08T20:27:00.000-08:00

How to find the images folder in Nokia belle - which stores the captured images and video from your nokia belle phone( also when you access throught your pc or laptop with a usb data cable / wifi)

Nokia Belle OS

in Nokia c6 01, Nokia c 603, Nokia 500, Nokia 700, Nokia 701 , Nokia N8 , Nokia 808 Pure View

In anns OS - My Computer\Nokia C6-01\Memory card\DCIM\100NOKIA

In Belle OS - My Computer\Nokia C6-01\Memory card\DCIM\100NOKIA

How Enable Border Radious in IE 7,8,9

2013-02-06T19:34:00.000-08:00

How Enable Border Radious in IE 7,8,9

http://css3pie.com/ go to this web site
Customize you border
download the zip file and rename it as pie
Add this code to index file

@font-face {
       font-family: 'Square721BT-Roman';
       src: url('<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/img/fonts/tt0246m.eot');
       src: url('<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/img/fonts/tt0246m.eot?#iefix') format('embedded-opentype'),
               url('<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/img/fonts/tt0246m.woff') format('woff'),
               url('<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/img/fonts/tt0246m.ttf') format('truetype'),
               url('<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/img/fonts/tt0246m.svg#tt0246m') format('svg');
       font-weight: normal;
       font-style: normal;
}

extract it to correct location

HTML5 Video with out Black Frame Border

2013-02-06T19:25:00.000-08:00

Here is the correct cod to embed HTML5 video in your web page without the top bottom or the round frame border.

Steps:

Convert Video for mp4, webm, ogv and flv formats using free Any Video Converter Software.Before convert the video give you div width and height as video frame size .
Copy and Paste the below code with the exact file path.

This code will work with all major mobile and desktop web browsers.

<p>
    <video controls="controls" autoplay="autoplay">
        <source src="m.mp4" type="video/mp4" />
        <source src="m.webm" type="video/webm" />
        <source src="m.ogv" type="video/ogg" />
        <object type="m.mp4"></object>
    </video>
</p>

Game on with Nokia Lumia 920 WP8

2013-01-06T18:55:00.000-08:00

Nokia Lumia is one of the leading and the best forthe hard use mobile phone users around the world. Test the durability of the Nokia Lumia 920 by scratching it with car keys, slicing away at it with a knife, slamming a mallet on it's screen, and finally using it to hammer in a nail into a piece of wood. How does the Lumia 920 fare after these extreme tests. Play this video for the live test of Nokia Lumia 920 with Windows Phone 8.

User Experience of Windows Phone 8 with Nokia Lumia 920

2012-12-19T20:49:00.000-08:00

User Experience of Windows Phone 8 with Nokia Lumia 920

A good example for phone display is to look for jagged edges, they are very visible even for 4.3 inch HD phones like Xperia Acro S, which has higher ppi than Apple I phone. For those with above average vision there is always the antialiasing fog around some small letters, these are usually visible at above 300 ppi also for people with just normal vision, so how someone came up with this 300 ppi limit? I have no idea but for sure those people dont have the best eyes around, or they are slightly farsighted and not using corrective lenses. (nearsighted people can actually see this better than the average eye person can, being nearsighted has its advantages)

Till date,920 has the world's most advanced screen.just like its higher refresh rate is not easily visible to the eye,the 1080 p display doesn't make much of a diff to the current displays-thats just a feature companies can only boast at present,not much pretty usable.
As for Nokia 1080p display,wait for mws 2013 or wid wp8.x or wp9.

the whole "300 ppi is max!" reminds me of the discussions in the past on how many FPS we need to get perfect fluid motion and what is the MAX FPS we can perceive, some swear its just 72, but tests done on US Navy pilots showed that the human eye is capable of capturing single frames at 220 FPS!

220 fps. That is 3 times more than the previously claimed max fps. Could be same with ppi, its possible the real limit for ppi is closer to 900 then. Its easy to test anyway. Take a 300ppi phone and hold it 10 inches from your face, then at 20 inches, can you still see the jagged edges? If you can then 600 ppi is not enough (ref Apple and their Pixels Per Degree, 10 inch is the normal viewing distance for a cellphone, the PPD doubles by doubling the viewing distance)

Freelance Web Designer from Sri Lanka

2012-12-15T16:18:00.001-08:00

Web/Graphic Designer from Sri Lanka working in freelance basis. creating graphic designs- posters, logos, brochures, paper ads, designing web sites and cms development with SEO- Search engine optimization + social media advertising.

Creative brochure design concepts I

2012-12-14T02:07:00.000-08:00

Creative brochure design concepts for your inspiration

Multilevel Css3 Dropdown Menu Horizontal - Tutorial

2012-11-10T07:43:00.004-08:00

Multilevel Css3 Divided Dropdown Menu Horizontal

- Tutorial with Exercise files When you have a web site with horizontal long navigation menu and if the menu <li> tags or HTML list will be long then you are in trouble a and its not user friendly. This is a solution for that problem by dividing your very long drop down menu in to parts or columns and display with a nice hover and transition effect using only pure css3 with out using any java script, j query or the Ajax technologies.

HTML Coding- Copy and paste

<div class="example" align="center">
    <div class="menuholder">
        <ul class="menu slide">
            <li><a href="index.php?id=1" class="blue">Home</a></li>
        <li><a href="index.php?id=14" class="blue">About Us</a></li>
            <li><a href="index.php?id=4" class="blue">Mens</a>
                <div class="subs">
                    <dl>
                        <dd><a href="index.php?id=15">Coats & Jackets</a></dd>
                        <dd><a href="index.php?id=22">Chinos</a></dd>
                        <dd><a href="index.php?id=23">Jeans</a></dd>
                        <dd><a href="index.php?id=24">Jumpers & Cardigans</a></dd>
                        <dd><a href="index.php?id=25">Linen</a></dd>
                    </dl>
                    <dl>
                        <dd><a href="index.php?id=26">Polo Shirts</a></dd>
                        <dd><a href="index.php?id=16">Shirts Casual</a></dd>
                        <dd><a href="index.php?id=27">Shirts Formal</a></dd>
                        <dd><a href="index.php?id=28">Shorts</a></dd>
                        <dd><a href="index.php?id=18">Sportswear</a></dd>
                    </dl>
                    <dl>
                        <dd><a href="index.php?id=19">Tops & T-Shirts</a></dd>
                        <dd><a href="index.php?id=20">Trousers Casual</a></dd>
                        <dd><a href="index.php?id=29">Trousers Formal</a></dd>
                        <dd><a href="index.php?id=30">Nightwear</a></dd>
                        <dd><a href="index.php?id=17">Socks</a></dd>
                    </dl>
                    <dl>
                        <dd><a href="index.php?id=21">Underwear</a></dd>
                        <dd><a href="index.php?id=31">Swimwear</a></dd>
                    </dl>
                </div>
            </li>
            
                        <li><a href="index.php?id=5" class="blue">Ladie's</a>
                <div class="subs">
                    <dl>
                        <dd><a href="index.php?id=32">Coats & Jackets</a></dd>
                        <dd><a href="index.php?id=33">Dresses</a></dd>
                        <dd><a href="index.php?id=34">Jeans</a></dd>
                        <dd><a href="index.php?id=35">Jumpers & Cardigans</a></dd>
                        <dd><a href="index.php?id=36">Jumpsuits</a></dd>
                    </dl>
                    <dl>
                        <dd><a href="index.php?id=37">Leggings & Jeggings</a></dd>
                        <dd><a href="index.php?id=38">Linen</a></dd>
                        <dd><a href="index.php?id=39">Lingerie & Underwear</a></dd>
                        <dd><a href="index.php?id=40">Maternity Wear</a></dd>
                        <dd><a href="index.php?id=41">Nightwear</a></dd>
                    </dl>
                    <dl>
                    <dd><a href="index.php?id=42">Shorts</a></dd>
                        <dd><a href="index.php?id=43">Skirts</a></dd>
                        <dd><a href="index.php?id=44">Sportswear</a></dd>
                        <dd><a href="index.php?id=45">Suits & Tailoring</a></dd>
                        <dd><a href="index.php?id=46">Swimwear & Beachwear</a></dd>
                    </dl>
                    <dl>
                        <dd><a href="index.php?id=47">Thermals</a></dd>
                        <dd><a href="index.php?id=48">Tops & T-Shirts</a></dd>
                        <dd><a href="index.php?id=49">Trousers & Chinos</a></dd>
                        <dd><a href="index.php?id=50">Socks</a></dd>
                    </dl>
                </div>
            </li>
                        
                        <li><a href="index.php?id=7" class="blue">Girls</a>
                <div class="subs">
                    <dl>
                            <dd><a href="index.php?id=51">Coats & Jackets</a></dd>
                        <dd><a href="index.php?id=52">Dresses</a></dd>
                        <dd><a href="index.php?id=53">Jeans</a></dd>
                        <dd><a href="index.php?id=54">Joggers & Sweatshirts</a></dd>
                        <dd><a href="index.php?id=55">Jumpers & Cardigans</a></dd>
                    </dl>
                    <dl>
                                <dd><a href="index.php?id=56">Jumpsuits & Playsuits</a></dd>
                            <dd><a href="index.php?id=57">Leggings</a></dd>
                            <dd><a href="index.php?id=58">Nightwear</a></dd>
                            <dd><a href="index.php?id=59">Shorts</a></dd>
                            <dd><a href="index.php?id=60">Skirts</a></dd>
                    </dl>
                    <dl>
                            <dd><a href="index.php?id=61">Swimwear</a></dd>
                            <dd><a href="index.php?id=62">Tops & T-Shirts</a></dd>
                            <dd><a href="index.php?id=63">Trousers & Jeans</a></dd>
                            <dd><a href="index.php?id=64">Socks</a></dd>
                            <dd><a href="index.php?id=65">Underwear</a></dd>
                    </dl>
                    <dl>

                    </dl>
                </div>
            </li>
                            
                        <li><a href="index.php?id=8" class="blue">Boys</a>
                <div class="subs">
                    <dl>
                        <dd><a href="index.php?id=66">Coats & Jackets</a></dd>
                        <dd><a href="index.php?id=67">Jeans</a></dd>
                        <dd><a href="index.php?id=68">Joggers & Sweatshirts</a></dd>
                        <dd><a href="index.php?id=69">Jumpers & Cardigans</a></dd>
                        <dd><a href="index.php?id=70">Nightwear</a></dd>
                    </dl>
                    <dl>
                            <dd><a href="index.php?id=71">Shirts</a></dd>
                        <dd><a href="index.php?id=72">Shorts</a></dd>
                        <dd><a href="index.php?id=73">Sportswear</a></dd>
                        <dd><a href="index.php?id=74">Swimwear</a></dd>
                        <dd><a href="index.php?id=75">T-Shirts & Polo Shirts</a></dd>
                    </dl>
                    <dl>
                        <dd><a href="index.php?id=76">Trousers & Jeans</a></dd>
                        <dd><a href="index.php?id=77">Socks</a></dd>
                        <dd><a href="index.php?id=78">Underwear</a></dd>
                    </dl>
                    <dl>

                    </dl>
                </div>
            </li>
            
            <li><a href="index.php?id=9" class="blue">Toddlers</a>
                <div class="subs">
                    <dl>
                    <dd><a href="index.php?id=79">Newborn</a></dd>
                    <dd><a href="index.php?id=80">0-2 Years</a></dd>
                    </dl>
                </div>
            </li>
            
            <li><a href="index.php?id=10" class="blue">Accessories</a>
                <div class="subs">
                    <dl>
                        <dd><a href="index.php?id=81">Shoes</a></dd>
                        <dd><a href="index.php?id=82">Ties</a></dd>
                        <dd><a href="index.php?id=83">Caps</a></dd>
                        <dd><a href="index.php?id=84">Belts</a></dd>
                    </dl>
                </div>
            </li>
            <li><a href="index.php?id=13" class="blue">Contact Us</a></li>
        </ul>
        <div class="back"></div>
        <div class="shadow"></div>
    </div>
    <div style="clear:both"></div>
</div>

CSS 3 Coding- Copy and Paste

<style>

body{margin:0px;}
.example {
    width:980px;
    height:40px;
    margin:0px auto;
 position:absolute;
 margin-bottom:60px;
 top:95px;
}

.menuholder {
    float:left;
    font:normal bold 11px/35px verdana, sans-serif;
    overflow:hidden;
    position:relative;
}
.menuholder .shadow {
    -moz-box-shadow:0 0 20px rgba(0, 0, 0, 1);
    -o-box-shadow:0 0 20px rgba(0, 0, 0, 1);
    -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 1);
    background:#888;
    box-shadow:0 0 20px rgba(0, 0, 0, 1);
    height:10px;
    left:5%;
    position:absolute;
    top:-9px;
    width:100%;
    z-index:100;
}
.menuholder .back {
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    background-color:rgba(0, 0, 0, 0.88);
    height:0;
    width:980px; /*100%*/
}
.menuholder:hover div.back {
    height:280px;
}
ul.menu {
    display:block;
    float:left;
    list-style:none;
    margin:0;
    padding:0 125px;
    position:relative;
}
ul.menu li {
    float:left;
    margin:0 10px 0 0;
}
ul.menu li > a {
    -moz-border-radius:0 0 10px 10px;
    -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9);
    -moz-transition:all 0.3s ease-in-out;
    -o-border-radius:0 0 10px 10px;
    -o-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9);
    -o-transition:all 0.3s ease-in-out;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9);
    -webkit-transition:all 0.3s ease-in-out;
    border-radius:0 0 10px 10px;
    box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9);
    color:#eee;
    display:block;
    padding:0 10px;
    text-decoration:none;
    transition:all 0.3s ease-in-out;
}
ul.menu li a.red {
    background:#a00;
}
ul.menu li a.orange {
    background:#da0;
}
ul.menu li a.yellow {
    background:#aa0;
}
ul.menu li a.green {
    background:#060;
}
ul.menu li a.blue {
    background:#073263;
}
ul.menu li a.violet {
    background:#682bc2;
}
.menu li div.subs {
    left:0;
    overflow:hidden;
    position:absolute;
    top:35px;
    width:0;
}
.menu li div.subs dl {
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    -webkit-transition-duration:.2s;
    float:left;
    margin:0 130px 0 0;
    overflow:hidden;
    padding:40px 0 5% 2%;
    width:0;
}
.menu dt {
    color:#fc0;
    font-family:arial, sans-serif;
    font-size:12px;
    font-weight:700;
    height:20px;
    line-height:20px;
    margin:0;
    padding:0 0 0 10px;
    white-space:nowrap;
}
.menu dd {
    margin:0;
    padding:0;
    text-align:left;
}
.menu dd a {
    background:transparent;
    color:#fff;
    font-size:12px;
    height:20px;
    line-height:20px;
    padding:0 0 0 10px;
    text-align:left;
    white-space:nowrap;
    width:80px;
}
.menu dd a:hover {
    color:#fc0;
}
.menu li:hover div.subs dl {
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    -webkit-transition-delay:0.2s;
    margin-right:2%;
    width:21%;
}
ul.menu li:hover > a,ul.menu li > a:hover {
    background:#aaa;
    color:#fff;
    padding:10px 10px 0;
}
ul.menu li a.red:hover,ul.menu li:hover a.red {
    background:#c00;
}
ul.menu li a.orange:hover,ul.menu li:hover a.orange {
    background:#fc0;
}
ul.menu li a.yellow:hover,ul.menu li:hover a.yellow {
    background:#cc0;
}
ul.menu li a.green:hover,ul.menu li:hover a.green {
    background:#080;
}
ul.menu li a.blue:hover,ul.menu li:hover a.blue {
    background:#00c;
}
ul.menu li a.violet:hover,ul.menu li:hover a.violet {
background:#8a2be2;
}
.menu li:hover div.subs,.menu li a:hover div.subs {
    width:100%;
}

 </style>

or Link the CSS file to the HTML

<link rel="stylesheet" href="style.css" type="text/css" media="all">


Divided Drop down Menu Preview

Simple CSS3 Hover Transition Menu Effect

2012-11-10T06:51:00.001-08:00

Simple CSS3 Hover Transition Menu Effect - Best simple Navigation for your web site

you can just copy and paste the HTML code inside the div without any images it will work for you where ever you want. Easy to edit and simple shot code with hovering and hover transition effect on timing with four colors.

Demo and Code to Install

<style>
#div
{
width:88px;
height:40px;
background:purple;
float:left;
border-left:1px solid white;
text-align:center;
padding-top:10px;
color:white;
font-family:verdana,arial;
font-size:12px;
}

a{text-decoration:none;}
#div:hover
{
width:88px;
animation:myfirst 2s;
-moz-animation:myfirst 2s; /* Firefox */
-webkit-animation:myfirst 2s; /* Safari and Chrome */
-o-animation:myfirst 2s; /* Opera */
}

@keyframes myfirst
{
0%   {background:purple;}
25% {background:#1B70E0;}
50% {background:#0959ED;}
75% {background:#578DF2;}
0%   {background:purple;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {background:purple;}
25% {background:#1B70E0;}
50% {background:#0959ED;}
75% {background:#578DF2;}
0%   {background:purple;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {background:purple;}
25% {background:#1B70E0;}
50% {background:#0959ED;}
75% {background:#578DF2;}
0%   {background:purple;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {background:purple;}
25% {background:#1B70E0;}
50% {background:#0959ED;}
75% {background:#578DF2;}
0%   {background:purple;}
}
</style>

<a href="#"><div id="div">HOME</div></a>
<a href="#"><div id="div">ABOUT</div></a>
<a href="#"><div id="div">BUY</div></a>
<a href="#"><div id="div">RENT</div></a>
<a href="#"><div id="div">SUBMIT</div></a>
<a href="#"><div id="div">TESTOMINAL</div></a>
<a href="#"><div id="div">CONTACT</div></a>

Simple css3 floating down navigation menu

2012-11-07T05:50:00.003-08:00

Simple css3 floating down navigation menu

for web site you can just copy and paste the HTML code inside the div without any images it will work for you where ever you want. Easy to edit and simple shot code with hovering and gradient transition effect.

Navigation Preview

The Code - Demo

<html>
<head>

</head>
<body>
<style>
#div
{
width:100px;
height:50px;
background: rgb(19,19,19);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzMTMxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(19,19,19,1) 0%, rgba(38,38,38,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(19,19,19,1)), color-stop(100%,rgba(38,38,38,1)));
background: -webkit-linear-gradient(left, rgba(19,19,19,1) 0%,rgba(38,38,38,1) 100%);
background: -o-linear-gradient(left, rgba(19,19,19,1) 0%,rgba(38,38,38,1) 100%);
background: -ms-linear-gradient(left, rgba(19,19,19,1) 0%,rgba(38,38,38,1) 100%);
background: linear-gradient(to right, rgba(19,19,19,1) 0%,rgba(38,38,38,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#262626',GradientType=1 );
transition:height 1s;
-moz-transition:height 1s; /* Firefox 4 */
-webkit-transition:height 1s; /* Safari and Chrome */
-o-transition:height 1s; /* Opera */
float:left;
text-align:center;
padding-top:25px;
}

#div:hover
{
height:150px;
background: rgb(226,226,226);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -o-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(to right, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 );
}
a{
color:white;
font-size:15px;
text-decoration:none;
font-family:verdana,arial;
}

a:hover{
color:black
}
</style>
<a href="#"><div id="div">HOME</div></a>
<a href="#"><div id="div">SERVICES</div></a>
<a href="#"><div id="div">ABOUT US</div></a>
<a href="#"><div id="div">CONTACT</div></a>
</body>
</html>

End of Code

Demo

Latest Sony Xperia Smart Phones from Sony Mobile

2012-11-03T05:45:00.000-07:00

Latest Sony Xperia Android Smart Phones from Sony Mobile which are developed after the breakup with the Ericsson

Sony Xperia Go

Sony Xperia J

Sony Xperia Neo

Sony Xperia Ion

Sony Xperia Arco SII

Sony Xperia Arco S

Sony Xperia SL

Sony Xperia Tipo

Sony Xperia Tipo Dual

Sony Xperia V

Sony Xperia P

Sony Xperia Sola

Sony Xperia U

Best Smart Phone Banners and Advertisements

2012-11-01T06:52:00.000-07:00

Best Smart Phone 980px width Banners and Advertisements images by tinkumax.blogspot.com For Nokia Lumia , Nokia Belle 808 pure view, Samsung galaxy S3 , Apple iPhone and Sony mobile Xperia series of smart phones. Click on the image to watch full size. Images are copyright protected with company logo and the devices.

Samsung Galaxy SIII

Apple iPhone 5

Nokia Lumia 900 and 920

Nokia 808 Pure view

Sony Xperia

Nokia Lumia 510 - Smartphone for everyone

2012-10-31T17:09:00.000-07:00

Nokia Lumia 510 Windows Phone 7 .5 Mobile phone

The Nokia Lumia 510 has been officially announced as the most affordable entry-level member of the Windows Phone range to date. Packing in a stunning 4-inch display along with key Nokia apps, such as Nokia Maps, Nokia Drive and Nokia Transport, it’s everything the first-time user needs.

The Nokia Lumia 510 is a great looking smartphone set to launch in five stunning colours and at a price that will be hard to beat, or ignore.

Lumia 510 Windows Phone apps

The Nokia Lumia 510 is a 4-inch capacitive touchscreen smartphone with a 800 x 480-pixel display and measures in at 129g and measures 120.7 x 64.9 x 11.5mm. Like the Nokia Lumia 610 you’ll find that it comes with 256MB of RAM, and is rounded out with 4GB of storage and 7GB of SkyDrive cloud storage.

Lumia 510 Colors

Additional features include a 5-Megapixel with auto-focus and video recording in VGA resolution at 30fps, GPRS/EDGE, WLAN 802.11 b/g/n, Bluetooth 2.1 + EDR, GPS/A-GPS, micro-USB connector and charging and 3.5mm audio jack.

Nokia Maps, Nokia Drive and Nokia Transport also offer the most comprehensive smartphone location and navigation experience available.

Lumia 510 First Look

Four useful online color tools for web graphic designers and developers

2012-10-26T06:58:00.004-07:00

List of useful free online web application - color tools for the Web and Graphic designers and developers can use online to pick the color for web pages, sites and edit them easily and copy and paste to the web page HTML 5 CSS 3 or the JS + PHP codes. where you can create gradient shadows liner color schemes for the HTML div tags and elements easy and fast. most of these online toll will not fully support the IE9 or lower versions of IE. best View in Google Chrome and Firefox

Four usefulonline color tools for web graphic designers and developers

www.colorcombos.com

colorschemedesigner.com

www.colorzilla.com

How to put a HTML CSS 3 Image border around the div tag

2012-10-26T06:30:00.003-07:00

How to add image border with CSS3 for the web page

http://border-image.com/

if you have a problem of adding a image border for your html css based web page this is an awesome online web graphic appliation tool for the web designers and developers to insert a border- specially a border image border around the div tags and the other elements of their html web pages with the latest css3 styling effects and html5.

Online CSS 3 Border tool

Sony Xperia LTE Review - Simply the Best from the Best

2012-10-20T09:06:00.002-07:00

Xperia Ion vs Galaxy SIII vs iPhone 5

Sony Xperia Ion LTE

Sony Mobile - Xperia ion review vs leading smart phones. Its simply the best and have all the qualification to beat Galaxy S3 and iPhone 5 or the Nokia Lumia 920 and HTC Windows phone 8X. Read the specification and understand what is special in Xperia the Sony mobile flagship smart mobile phone ion next generation smart phone from the word's best company- SONY.

	Apple iPhone 5	Samsung Galaxy SIII	Xperia ion LTE

Display Type	LED-backlit IPS TFT	Super AMOLED	LED-backlit LCD
Display Size	640 x 1136 pixels, 4.0 inches	720 x 1280 pixels, 4.8 inches	720 x 1280 pixels, 4.55 inches
Display Protection	Corning Gorilla Glass, oleophobic coating	Corning Gorilla Glass 2 - TouchWiz UI	Scratch-resistant glass - Sony Mobile BRAVIA Engine,

Internal Memory	16/32/64 GB storage, 1 GB RAM	16/32/64 GB storage, 1 GB RAM	16 GB, 1 GB RAM

Internet Speed	HSUPA, 5.76	HSUPA, 5.76 Mbps	HSUPA, 5.8 Mbps
	DC-HSDPA, 42 Mbps; HSDPA, 21 Mbps	HSDPA, 21 Mbps	HSDPA, 21.1 Mbps
NFC/Bluetoothe/ Wi fi / USB 2.0	Yes	Yes	Yes

Camera	8 MP, 3264x2448 pixels, autofocus, LED flash	8 MP, 3264x2448 pixels, autofocus, LED flash	12 MP, 4000x3000 pixels, autofocus, LED flash
Camera Features	Simultaneous HD video and image recording, touch focus, geo-tagging, face detection, panorama, HDR	Simultaneous HD video and image recording, geo-tagging, touch focus, face and smile detection, image stabilization	Geo-tagging, touch focus, face and smile detection, 3D sweep panorama, image stabilization
Video Cam	Yes, 1080p@30fps, LED video light, video stabilization, geo-tagging	1080p@30fps	1080p@30fps, continuous autofocus, video light, video stabilizer

Oparating System	iOS 6	Android OS, v4.0.4 (Ice Cream Sandwich)	Android OS, v4.0.4 (Ice Cream Sandwich) and 4.1
Processor	Dual-core 1.2 GHz	Quad-core 1.4 GHz Cortex-A9	Dual-core 1.5 GHz

Windows Phone Market Share Pops up

2012-10-09T20:12:00.000-07:00

Nokia Windows Phone

Most of the mobile phone companies are now start going with the Microsoft's mobile operating system the Windows Phones. Companies start developing their flagship devices powered by the Windows phone operating system. Nokia become the most popular Windows phone developer with the Nokia Nokia Lumia Series with High end smart phones such as Nokia Lumia 920 and Lumia 820 and also affordable smartphones such as Nokia Lumia 610 and Lumia 510. Other companies such as Samsung and HTC are also interested in windows phone OS . HTC has developed their HTC windows phone 8x and Samsung Omina. Even companies like Alcatel has been using Android to power its smartphones, but it seems it will be moving into Windows Phone territory - not high-end WP8 devices, but an entry-level WP7.8 phone instead. And there are more high end windows phone devices are about to come.

T-Mobile announced that it will exclusively offer the Nokia Lumia 810 in the near future. The Windows Phone 8 smartphone is closely related to the Nokia Lumia 820, save for a slightly different looks and the presence of T-Mobile's 42Mbps HSDPA. With its Windows 8 and Surface tablet launch event detailed, Microsoft has spilled the beans on its Windows Phone 8 launch event as well. Nokia Lumia 920 will going to be a threat to the all othe High end smart phone on the current market such as iPhone 5 and Samsung Galaxy SIII. With AT&T the Nokia Lumia 920 will be available in various colors including cyan, yellow, red, white and black. As far as we know, the cyan color was not part of the originally announced range of colors for the Lumia 920 so perhaps it will be exclusive to AT&T.

Windows Phone Market

Smart Phone Camera Review and Comparison

2012-10-06T07:30:00.003-07:00

Camera Quality Review of the Best Smart Phones

Comparison between cameras of the best smartphones by the leading companies on the current market. such as Samsung galaxy S3, Nokia Lumia 920, Nokia 808, Apple iPhone 5

Camera Phone	Samsung I9300 Galaxy S III	Apple iPhone 5	Nokia Lumia 920	Nokia 808 PureView

Mega Pixels	8 MP, 3264x2448 pixels	8 MP, 3264x2448 pixels	8 MP, 3264 x 2448 pixels	41 MP (38 MP effective, 7152 x 5368 pixels)
Other Features	autofocus, LED flash	autofocus, LED flash	Carl Zeiss optics, optical image stabilization, autofocus, dual-LED flash	Carl Zeiss optics, autofocus, Xenon flash
Key Features	Simultaneous HD video and image recording, geo-tagging, touch focus, face and smile detection, image stabilization	Simultaneous HD video and image recording, touch focus, geo-tagging, face detection, panorama, HDR	PureView technology, geo-tagging	1/1.2'' sensor size, ND filter, up to 4x lossless digital zoom, geo-tagging, face detection

Video Camera	1080p@30fps	1080p@30fps, LED video light, video stabilization, geo-tagging	1080p@30fps	1080p@30fps, lossless digital zoom, LED light

Windows Phone 8

2012-10-05T09:58:00.000-07:00

Nokia Lumia 920 comes with the Windows Phone 8 by Microsoft have all the requirements to beat any Smart phone device on the earth right now. You can compare the design of Galaxy S III and Lumia 920 by the picture and you can decide which is the most suitable for your hand.

Lumia 920 with WP8

Technology News Blog

Verses: Battle of the Smart Bulbs - Unboxing | Review | Setup - Aoycocr vs Wyze - Best Smart Bulb

Nokia Tablets with Windows 8 x

The Nokia Tab

Essential Computer Ports

List of Essential Computer Ports with image example

Music PlayList in Windows Phone 8

How to create a songs play list in windows phone 8

10 Useful web sites for SEO

Ten usefull web sites for your SEO Submission projects

How to display pdf files in mobile web browser

How to display pdf files in mobile web browser

Embed files from google document viewer

How to find images folder in Nokia belle

How to find the images folder in Nokia belle - which stores the captured images and video from your nokia belle phone( also when you access throught your pc or laptop with a usb data cable / wifi)

How Enable Border Radious in IE 7,8,9

How Enable Border Radious in IE 7,8,9

HTML5 Video with out Black Frame Border

Here is the correct cod to embed HTML5 video in your web page without the top bottom or the round frame border.

Steps:

Game on with Nokia Lumia 920 WP8

User Experience of Windows Phone 8 with Nokia Lumia 920

User Experience of Windows Phone 8 with Nokia Lumia 920

Freelance Web Designer from Sri Lanka

Creative brochure design concepts I

Multilevel Css3 Dropdown Menu Horizontal - Tutorial

Multilevel Css3 Divided Dropdown Menu Horizontal

HTML Coding- Copy and paste

CSS 3 Coding- Copy and Paste

or Link the CSS file to the HTML

Simple CSS3 Hover Transition Menu Effect

Simple CSS3 Hover Transition Menu Effect - Best simple Navigation for your web site

Simple css3 floating down navigation menu

Simple css3 floating down navigation menu

The Code - Demo

End of Code

Demo

Latest Sony Xperia Smart Phones from Sony Mobile

Best Smart Phone Banners and Advertisements

Nokia Lumia 510 - Smartphone for everyone

Four useful online color tools for web graphic designers and developers

How to put a HTML CSS 3 Image border around the div tag

Sony Xperia LTE Review - Simply the Best from the Best

Xperia Ion vs Galaxy SIII vs iPhone 5

Windows Phone Market Share Pops up

Smart Phone Camera Review and Comparison

Windows Phone 8