Web design Sri lanka

Using icon font Create Responsive Web site - in Sri Lanka.

Microsola Web Solution is Best Sri Wanka Mobile Responsive Web site Building Company.
Frist time in sri lanka, we are usinge icon font Technology for create web site. Please Vesite
below links, You can learn How to create icon font web site ? .

<a href="http://microsola.com" target="_blank" title="Web Design Sri Lanka">Create my website with Responsive</a>

<a href="http://www.tenbytwenty.com/sosa.php" target="_blank" title="Web Design Sri Lanka">osa includes the 120+ icons I have found most useful. The download includes the .ttf .eot .svg & .woff files need to use this icon font via @font-face.</a>

<a href="http://somerandomdude.com/work/iconic/" target="_blank" title="Web Design Sri Lanka">Iconic is an open source icon set consisting of 171 marks in raster, vector and font formats.</a>

<a href="http://icons.marekventur.de/" target="_blank" title="Web Design Sri Lanka">Scalable Icons - The @font-face way</a>

<a href="http://xperiments.es/blog/en/free-pulsarjs-fontface-iconfont/" target="_blank" title="Web Design Sri Lanka">PulsarJS @FontFace 73 Free IconFont</a>

<a href="http://icomoon.io/#preview-free" target="_blank" title="Web Design Sri Lanka">IcoMoon's Free icon pack currently comes with 450 vector icons.</a>

<a href="http://typicons.com/" target="_blank" title="Web Design Sri Lanka">ypicons are free-to-use vector icons embedded in a webfont kit for easy use in your UI, whether it be on the web or in a native application.</a>

<a href="http://www.entypo.com/" target="_blank" title="Web Design Sri Lanka">he Entypo Pictogram Suite

Entypo is a set of 250+ carefully crafted pictograms. The package contains an icon font — OpenType, TrueType and @font-face — EPS, PDF and PSD files. All released for free under the license CC BY-SA 3.0.</a>

<a href="http://www.zurb.com/playground/foundation-icons" target="_blank" title="Web Design Sri Lanka">Foundation Icon Fonts 2!</a>

Font Awesome

<a href="http://fortawesome.github.com/Font-Awesome/" target="_blank" title="Web Design Sri Lanka">The iconic font designed for-

use with Twitter Bootstrap</a>

Jigsoar icons

<a href="http://www.jigsoaricons.com/" target="_blank" title="Web Design Sri Lanka">A free, creative commons licensed custom designed icon set with 60 vector shapes, perfect for the web.</a>

<a href="http://fontello.com/" target="_blank" title="Web Design Sri Lanka">Fontello - icon fonts generator</a>

<a href="http://thedesignoffice.org/project/modern-pictograms" target="_blank" title="Web Design Sri Lanka">odern Pictograms is a typeface for interface designers and programmers. Designed in early 2011 for the Flatfile Wordpress theme, the pictograms stay sharp when used large or small.</a>

Using icon font Create Responsive Web site - in Sri Lanka.

Microsola Web Solution is Best Sri Wanka Mobile Responsive Web site Building Company. Frist time in sri lanka, we are usinge icon font Techn...

Create a Responsive Website - in Sri Lanka

<h2><a href="http://foundation.zurb.com/index.php" target="_blank" title="microsola company is the best responsive web design in Srilanka ">Foundation - The most advanced responsive front-end framework in the world</a></h2>
<a href="http://www.1stwebdesigner.com/css/responsive-website-tutorial/" target="_blank" title="microsola company is the best responsive web design in Srilanka ">How to Create a Responsive Website in About 15 Minutes</a> 
<a href="http://www.hongkiat.com/blog/responsive-web-nav/" target="_blank" title="microsola company is the best responsive web design in Srilanka ">How To Create A Responsive Navigation</a>
<a href="http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design" target="_blank" title="microsola company is the best responsive web design in Srilanka ">Beginner's Guide to Responsive Web Design</a>
<a href="http://vandelaydesign.com/blog/web-development/turn-any-site-into-a-responsive-site/" target="_blank" title="microsola company is the best responsive web design in Srilanka ">How to Turn Any Site Into a Responsive Site</a>
<a href="http://webdesignerwall.com/tutorials/responsive-design-in-3-steps" target="_blank" title="microsola company is the best responsive web design in Srilanka ">Responsive Design in 3 Steps</a>
<a href="http://webdesign.tutsplus.com/articles/design-theory/designing-for-a-responsive-web/" target="_blank" title="microsola company is the best responsive web design in Srilanka ">Designing for a Responsive Web</a>
<a href="http://net.tutsplus.com/tutorials/html-css-techniques/responsive-web-design-a-visual-guide/" target="_blank" title="microsola company is the best responsive web design in Srilanka ">Responsive Web Design: A Visual Guide</a>

Create a Responsive Website - in Sri Lanka

Foundation - The most advanced responsive front-end framework in the world How to Create a Responsive Website in About 15 Minutes How To ...

Top 12 Analog and Digital clocks using CSS and Javascript

<ul>
<li>1<a href="http://css-tricks.com/css3-clock/" target="_blank" title="Sri Lanka Best Web Design Company">Old School Clock with CSS3 and jQuery</a></li>
<li>2<a href="http://www.paulrhayes.com/2009-03/an-analogue-clock-using-only-css/" target="_blank" title="Sri Lanka Best Web Design Company">An analogue clock using only CSS</a></li>
<li>3<a href="http://tutorialzine.com/2009/12/colorful-clock-jquery-css/" target="_blank" title="Sri Lanka Best Web Design Company">A Colorful Clock With CSS & jQuery</a></li>
<li>4<a href="http://www.radoslavdimov.com/jquery-plugins/jquery-plugin-digiclock" target="_blank" title="Sri Lanka Best Web Design Company">jDigiClock-Digital Clock (HTC Hero inspired)</a></li>
<li>5<a href="http://joncom.be/code/css-clocks/" target="_blank" title="Sri Lanka Best Web Design Company">HTML clocks using JavaScript and CSS rotation</a></li>
<li>6<a href="http://net.tutsplus.com/tutorials/html-css-techniques/learn-how-to-create-a-retro-animated-flip-down-clock/" target="_blank" title="Sri Lanka Best Web Design Company">Learn how to Create a Retro Animated Flip-Down Clock</a></li>
<li>7<a href="http://www.jqueryrain.com/?BxOwEMXv" target="_blank" title="Sri Lanka Best Web Design Company">Analog JQuery clock</a></li>
<li>8<a href="http://www.jqueryrain.com/?VUQoyUks" target="_blank" title="Sri Lanka Best Web Design Company">CoolClock - The Javascript Analog Clock</a></li>
<li>9<a href="http://jsbin.com/ugapo3/72" target="_blank" title="Sri Lanka Best Web Design Company">Example page for Lwangaman's dynamic jquery clock plugin</a></li>
<li>10<a href="http://www.jqueryrain.com/?afXERK0m" target="_blank" title="Sri Lanka Best Web Design Company">jQuery Woozy Clock-jQuery woozy clock is a digital time animation representation..</a></li>
<li>11<a href="http://www.alessioatzeni.com/wp-content/tutorials/jquery/CSS3-digital-clock/index.html" target="_blank" title="Sri Lanka Best Web Design Company">CSS3 Digital Clock with jQuery</a></li>
<li>12<a href="http://www.joelpeterson.com/blog/2011/03/colour-clock-jquerycss3-rebuild/" target="_blank" title="Sri Lanka Best Web Design Company">Colour Clock – jQuery/CSS3 rebuild</a></li>
</ul>

Top 12 Analog and Digital clocks using CSS and Javascript

1 Old School Clock with CSS3 and jQuery 2 An analogue clock using only CSS 3 A Colorful Clock With CSS & jQuery 4 jDigiClock-Digital...

Top 13 Jquery parallax Site Tutorial

<a href="Super Easy Parallax Effect with jQuery" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">Super Easy Parallax Effect with jQuery</a> 
<a href="http://markdalgleish.com/projects/stellar.js/docs/" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element.</a>
<a href="http://johnpolacek.github.com/superscrollorama/" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">Super scroll orama -The jQuery plugin for supercool scroll animation </a>

<a href="http://joelb.me/scrollpath/" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">jQuery Scroll Path</a>
<a href="https://github.com/victa/curtain.js" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">Curtain.js - This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect.</a>
<a href="http://johnpolacek.github.com/scrolldeck.js/" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">scrolldeck - A jQuery plugin for making scrolling presentation decks</a>
<a href="http://stephband.info/jparallax/" target="_parent" title="Microsola web solution - The best parallax web site design in srilanka">jParallax turns nodes into absolutely positioned layers that move in response to the mouse. Depending on their dimensions these layers move at different rates, in a parallaxy kind of way</a>
<a href="http://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">Create a Parallax Scrolling Website Using Stellar.js</a>
<a href="http://f6design.com/journal/2011/08/06/build-a-parallax-scrolling-website-interface-with-jquery-and-css/" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">Build a parallax scrolling website interface with jQuery and CSS</a>
<a href="http://coding.smashingmagazine.com/2011/07/12/behind-the-scenes-of-nike-better-world/" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">Behind The Scenes Of Nike Better World</a>
<a href="http://www.franckmaurin.com/the-parallax-effects-with-jquery/" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">The parallax effects with jQuery</a>
<a href="http://www.webdesignshock.com/one-page-website/" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">One page website, vertical parallax</a>
<a href="http://www.jarallax.com/" target="_blank" title="Microsola web solution - The best parallax web site design in srilanka">Jarallax open source advanced javascript annimation library</a>

Top 13 Jquery parallax Site Tutorial

Super Easy Parallax Effect with jQuery Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element. S...

Best 10 CSS3 Button Genatrators List

1. <a href="http://css3button.net/" target="blank" title=" Microsola - Srilankan Best web design and Developmant company">http://css3button.net/</a> 
 
2. <a href="http://css3buttongenerator.com/" target="blank" title=" Microsola - Srilankan Best web design and Developmant company">http://css3buttongenerator.com/</a> 
 
3. <a href="http://www.cssdrive.com/css3button/" target="blank" title=" Microsola - Srilankan Best web design and Developmant company">http://www.cssdrive.com/css3button/</a> 
 
4. <a href="http://www.cssportal.com/css3-button-generator/" target="blank" title=" Microsola - Srilankan Best web design and Developmant company">http://www.cssportal.com/css3-button-generator/</a> 
 
5. <a href="http://www.webarti.com/best-CSS3-button-maker/" target="blank" title=" Microsola - Srilankan Best web design and Developmant company">http://www.webarti.com/best-CSS3-button-maker/</a> 
 
6. <a href="http://www.cssbuttongenerator.com/" target="blank" title=" Microsola - Srilankan Best web design and Developmant company">http://www.cssbuttongenerator.com/</a> 
 
7. <a href="http://css-tricks.com/examples/ButtonMaker/" target="blank" title=" Microsola - Srilankan Best web design and Developmant company">http://css-tricks.com/examples/ButtonMaker/</a> 
 
8. <a href="http://dryicons.com/demos/css3-linear-gradient-buttons-generator/" target="blank" title=" Microsola - Srilankan Best web design and Developmant company">http://dryicons.com/demos/css3-linear-gradient-buttons-generator/</a> 
 
9. <a href="http://css3gen.com/button-generator/" target="blank" title=" Microsola - Srilankan Best web design and Developmant company">http://css3gen.com/button-generator/</a> 
 
10. <a href="http://www.dextronet.com/css-buttons-generator/" target="blank" title=" Microsola - Srilankan Best web design and Developmant company">http://www.dextronet.com/css-buttons-generator/</a>

Best 10 CSS3 Button Genatrators List

1. http://css3button.net/ 2. http://css3buttongenerator.com/ 3. http://www.cssdrive.com/css3button/ 4. http://www.cssportal.com/css3-b...