Grow as a designer and developer. 2010-03-16T13:25:36Z WordPress http://scriptandstyle.com/feed/atom ScriptAndStylehttp://feedburner.google.com Script & Style http://net.tutsplus.com/tutorials/javascript-ajax/learning-serverside-javascript-with-node-js/?utm_source=feedburnerutm_medium=feedutm_campaign=Feed: nettuts (NETTUTS)utm_content=Netvibes http://scriptandstyle.com/?p=34488 2010-03-16T13:25:36Z 2010-03-16T13:25:36Z

Node.js is all the buzz at the moment, and makes creating high performance, real-time web applications easy. It allows JavaScript to be used end to end, both on the server and on the client. This tutorial will walk you through the installation of Node and your first “Hello World” program, to building a scalable streaming [...]]]>

<p>Node.js is all the buzz at the moment, and makes creating high performance, real-time web applications easy. It allows JavaScript to be used end to end, both on the server and on the client. This tutorial will walk you through the installation of Node and your first “Hello World” program, to building a scalable streaming Twitter server.</p> <p><a href="http://net.tutsplus.com/tutorials/javascript-ajax/learning-serverside-javascript-with-node-js/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed: nettuts (NETTUTS)&utm_content=Netvibes"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/0pYB0GwBKz0" height="1" width="1"/> 0 http://scriptandstyle.com/submissions/learning-server-side-javascript-with-nodejs Script_And_Style http://www.impressivewebs.com/inject-custom-ad-blocks-in-older-wordpress-posts/ http://scriptandstyle.com/?p=34363 2010-03-16T13:23:33Z 2010-03-16T13:23:33Z

A tutorial demonstrating via JavaScript how to place ad or feature blocks between paragraphs in older Wordpress posts. ]]>

<p>A tutorial demonstrating via JavaScript how to place ad or feature blocks between paragraphs in older Wordpress posts.</p> <p><a href="http://www.impressivewebs.com/inject-custom-ad-blocks-in-older-wordpress-posts/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/MZdw-0-Z7Tw" height="1" width="1"/> 0 http://scriptandstyle.com/submissions/how-to-inject-custom-ad-blocks-between-paragraphs-in-wordpress-posts Script_And_Style http://buildinternet.com/2010/03/effective-pitch-and-registration-design/ http://scriptandstyle.com/?p=34390 2010-03-16T13:22:02Z 2010-03-16T13:22:02Z

The trends of effective pitches that sell a site, and the registration forms that seal the deal. ]]>

<p>The trends of effective pitches that sell a site, and the registration forms that seal the deal.</p> <p><a href="http://buildinternet.com/2010/03/effective-pitch-and-registration-design/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/pPOfOmVo7L4" height="1" width="1"/> 0 http://scriptandstyle.com/submissions/effective-pitch-and-registration-page-design Script_And_Style http://papermashup.com/parse-xml-with-jquery/ http://scriptandstyle.com/?p=34444 2010-03-16T13:19:43Z 2010-03-16T13:18:33Z

I recently ran through the technique of parsing JSON with jQuery and thought i’d pick this up and show you how to parse XML. It’s pretty much the same although the big difference with using XML is that this won’t work for xml files that don’t sit outside of your domain.. ]]>

<p>I recently ran through the technique of parsing JSON with jQuery and thought i’d pick this up and show you how to parse XML. It’s pretty much the same although the big difference with using XML is that this won’t work for xml files that don’t sit outside of your domain..</p> <p><a href="http://papermashup.com/parse-xml-with-jquery/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/nrVBuHzzoD0" height="1" width="1"/> 0 http://scriptandstyle.com/submissions/parse-xml-with-jquery Script_And_Style http://www.nitinh.com/2010/03/beautiful-nag-screen-using-mootools-css3/ http://scriptandstyle.com/?p=34329 2010-03-15T23:01:47Z 2010-03-15T23:01:47Z

Messages on the webpage that reminds (or nags) the user to register, or show some notification. These messages appear on the webpage in a way to seek user attention. Here in this post we’ll be creating beautiful and dynamic Nag Screen using Mootools. ]]>

<p>Messages on the webpage that reminds (or nags) the user to register, or show some notification. These messages appear on the webpage in a way to seek user attention. Here in this post we&#8217;ll be creating beautiful and dynamic Nag Screen using Mootools.</p> <p><a href="http://www.nitinh.com/2010/03/beautiful-nag-screen-using-mootools-css3/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/ZpEhD4CbX1I" height="1" width="1"/> 1 http://scriptandstyle.com/submissions/beautiful-nag-screen-using-mootools-css3 Script_And_Style http://elliottkember.com/sexy_curls.html http://scriptandstyle.com/?p=34338 2010-03-15T22:55:23Z 2010-03-15T22:55:23Z

This is an example of how to use the Sexy Curls jQuery Plugin by Elliott Kember in order to reveal the sketch of your website. This could be interesting for showing the concept behind portfolio items. ]]>

<p>This is an example of how to use the Sexy Curls jQuery Plugin by Elliott Kember in order to reveal the sketch of your website. This could be interesting for showing the concept behind portfolio items.</p> <p><a href="http://elliottkember.com/sexy_curls.html"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/rZkOaDyWxck" height="1" width="1"/> 1 http://scriptandstyle.com/submissions/website-stripping-effect-with-jquery Script_And_Style http://blog.mivamerchant.com/713/create-reusable-button-classes-with-css-and-background-images/ http://scriptandstyle.com/?p=34369 2010-03-15T22:49:37Z 2010-03-15T22:49:37Z

Especially with ecommerce, creating buttons as individual images can be time consuming and inefficient. This tutorial shows how to use a single image to create a reusable button class that be applied everywhere. ]]>

<p>Especially with ecommerce, creating buttons as individual images can be time consuming and inefficient. This tutorial shows how to use a single image to create a reusable button class that be applied everywhere.</p> <p><a href="http://blog.mivamerchant.com/713/create-reusable-button-classes-with-css-and-background-images/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/iPR2gfCoDiA" height="1" width="1"/> 2 http://scriptandstyle.com/submissions/how-to-create-reusable-button-classes-with-background-images-and-css Script & Style http://www.1stwebdesigner.com/resources/top-jquery-chart-libraries-interactive-charts/ http://scriptandstyle.com/?p=34235 2010-03-15T22:41:40Z 2010-03-15T22:41:40Z

In this article we are going to present 5 chart libraries that suit different needs from simple charts to high complex charts. Most of them are free for personal and commercial use. ]]>

<p>In this article we are going to present 5 chart libraries that suit different needs from simple charts to high complex charts. Most of them are free for personal and commercial use.</p> <p><a href="http://www.1stwebdesigner.com/resources/top-jquery-chart-libraries-interactive-charts/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/WewDgB2sI9g" height="1" width="1"/> 0 http://scriptandstyle.com/submissions/5-top-jquery-chart-libraries-for-interactive-charts-2 Script & Style http://tutorialzine.com/2010/03/microtut-getting-and-setting-cookies-with-jquery-php/ http://scriptandstyle.com/?p=34347 2010-03-15T22:37:56Z 2010-03-15T22:37:56Z

There are two ways to work with cookies – server side PHP, ASP etc and client side JavaScript. In this MicroTut we are going to take a look at how cookies are created and read in both PHP and JavaScript. ]]>

<p>There are two ways to work with cookies – server side PHP, ASP etc and client side JavaScript. In this MicroTut we are going to take a look at how cookies are created and read in both PHP and JavaScript.</p> <p><a href="http://tutorialzine.com/2010/03/microtut-getting-and-setting-cookies-with-jquery-php/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/QgLoJ4mYHO8" height="1" width="1"/> 3 http://scriptandstyle.com/submissions/microtut-getting-and-setting-cookies-with-jquery-php Script_And_Style http://wpsplash.com/retweet-facebook-delicious-widget-count/ http://scriptandstyle.com/?p=34170 2010-03-14T19:27:12Z 2010-03-14T19:27:12Z

How to create custom retweet, delicious save and facebook share widgets (with share / save count in plain text) using PHP, so your pages load with lightening fast speed. ]]>

<p>How to create custom retweet, delicious save and facebook share widgets (with share / save count in plain text) using PHP, so your pages load with lightening fast speed.</p> <p><a href="http://wpsplash.com/retweet-facebook-delicious-widget-count/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/Xuenp2D5aQI" height="1" width="1"/> 1 http://scriptandstyle.com/submissions/how-to-create-super-fast-retweet-delicious-and-facebook-share-widgets Script_And_Style http://acrisdesign.com/2010/03/letterpress-text-effect-using-photoshop-and-css/ http://scriptandstyle.com/?p=34202 2010-03-14T19:26:25Z 2010-03-14T19:26:25Z

So here today we will learn how to achieve Letterpress effect with photoshop and also with Css and in the end of this tutorials we have also collected some tutorials on Letterpress around design community. ]]>

<p>So here today we will learn how to achieve Letterpress effect with photoshop and also with Css and in the end of this tutorials we have also collected some tutorials on Letterpress around design community.</p> <p><a href="http://acrisdesign.com/2010/03/letterpress-text-effect-using-photoshop-and-css/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/vTN3tfZGZvY" height="1" width="1"/> 1 http://scriptandstyle.com/submissions/letterpress-text-effect-using-photoshop-and-css Script_And_Style http://hostwisely.com/blog/ten-biggest-web-design-mistakes/ http://scriptandstyle.com/?p=33924 2010-03-14T01:02:31Z 2010-03-14T01:02:31Z

1. Overloading the site: Having too many ads and images on a page will make your site distracting and unattractive. You shouldn’t fill every empty space, having a white space or two will make a better overall impression. For example, scanning a webpage is harder if every paragraph is interrupted with ads and images. Empty areas ]]>

<p>1. Overloading the site: Having too many ads and images on a page will make your site distracting and unattractive.<br /> You shouldn’t fill every empty space, having a white space or two will make a better overall impression. For example, scanning a webpage is harder if every paragraph is interrupted with ads and images. Empty areas</p> <p><a href="http://hostwisely.com/blog/ten-biggest-web-design-mistakes/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/4embafe66Ps" height="1" width="1"/> 1 http://scriptandstyle.com/submissions/ten-biggest-web-design-mistakes Script_And_Style http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-lava-lamp-style-navigation-menu/?utm_source=feedburnerutm_medium=feedutm_campaign=Feed: nettuts (NETTUTS)utm_content=Netvibes http://scriptandstyle.com/?p=34047 2010-03-14T01:00:40Z 2010-03-14T01:00:40Z

A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library. We’ll build one from scratch today. ]]>

<p>A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library. We’ll build one from scratch today. </p> <p><a href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-lava-lamp-style-navigation-menu/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed: nettuts (NETTUTS)&utm_content=Netvibes"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/yHIxMvh2z0U" height="1" width="1"/> 1 http://scriptandstyle.com/submissions/how-to-build-a-lava-lamp-style-navigation-menu Script_And_Style http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/ http://scriptandstyle.com/?p=33895 2010-03-12T20:15:30Z 2010-03-12T20:14:32Z

The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent. When the user hovers over it, the menu then becomes opaque again. ]]>

<p>The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent. When the user hovers over it, the menu then becomes opaque again.</p> <p><a href="http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/TKkspjpkG1k" height="1" width="1"/> 1 http://scriptandstyle.com/submissions/fixed-fade-out-menu-a-css-and-jquery-tutorial Script_And_Style http://jamietalbot.com/2010/03/10/css-technique-morning-sunset/ http://scriptandstyle.com/?p=33863 2010-03-12T15:28:51Z 2010-03-12T15:28:51Z

After coming across an excellent article on generating full page images, I had the idea that it would be cool to blend between multiple images as a user scrolled down the page. The somewhat artistic conceit that a user could scroll a similar scene from morning to sunset, ironically came to me at sunset on [...]]]>

<p>After coming across an excellent article on generating full page images, I had the idea that it would be cool to blend between multiple images as a user scrolled down the page. The somewhat artistic conceit that a user could scroll a similar scene from morning to sunset, ironically came to me at sunset on Saturday and was finished by morning</p> <p><a href="http://jamietalbot.com/2010/03/10/css-technique-morning-sunset/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/JsqI3Q3sMGI" height="1" width="1"/> 1 http://scriptandstyle.com/submissions/css-technique-morning-sunset Script_And_Style http://buildinternet.com/2010/03/how-to-map-custom-server-file-extensions/ http://scriptandstyle.com/?p=33778 2010-03-12T04:19:34Z 2010-03-12T04:19:34Z

Learn how to set up an Apache server to handle custom file extensions. ]]>

<p>Learn how to set up an Apache server to handle custom file extensions.</p> <p><a href="http://buildinternet.com/2010/03/how-to-map-custom-server-file-extensions/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/M51cistlTGI" height="1" width="1"/> 0 http://scriptandstyle.com/submissions/how-to-map-custom-server-file-extensions Script_And_Style http://designinstruct.com/web-design/clean-classy-web-design-photoshop/ http://scriptandstyle.com/?p=33786 2010-03-12T04:18:59Z 2010-03-12T04:18:59Z

In this web design tutorial, you will learn how to create an elegant and professional web layout using Photoshop, relying on basic tools such as shape tools and layer styles. We have included a working downloadable template that you can download and use in any way that you like, free of charge! ]]>

<p>In this web design tutorial, you will learn how to create an elegant and professional web layout using Photoshop, relying on basic tools such as shape tools and layer styles. We have included a working downloadable template that you can download and use in any way that you like, free of charge!</p> <p><a href="http://designinstruct.com/web-design/clean-classy-web-design-photoshop/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/fPtQ4rQVwZo" height="1" width="1"/> 1 http://scriptandstyle.com/submissions/create-a-clean-and-classy-web-design-in-photoshop Script & Style http://aext.net/2010/03/brand-new-google-chrome-extensions/ http://scriptandstyle.com/?p=33724 2010-03-12T04:18:18Z 2010-03-12T04:18:18Z

The following extensions are no more than a few weeks old, and thus, it’s highly unlikely that you’ve seen them yet unless you have no life, like me. Keep in mind that since these are brand new, some of them may have bugs here and there. The good thing, though, is that extensions from the [...]]]>

<p>The following extensions are no more than a few weeks old, and thus, it’s highly unlikely that you’ve seen them yet unless you have no life, like me. Keep in mind that since these are brand new, some of them may have bugs here and there. The good thing, though, is that extensions from the gallery automatically update in the background without the need to restart the browser, and extension developers are usually more receptive to adding/removing/fixing features when their extension is newly released</p> <p><a href="http://aext.net/2010/03/brand-new-google-chrome-extensions/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/o2EMx8zbhPc" height="1" width="1"/> 0 http://scriptandstyle.com/submissions/brand-spankin%e2%80%99-new-google-chrome-extensions-you-should-be-trying Script_And_Style http://bit.ly/9OIZt5 http://scriptandstyle.com/?p=33700 2010-03-11T20:55:57Z 2010-03-11T20:55:43Z

Hello, today I am going to go through how to build a custom URL shortener. Why have your own? Because then you are advertising yourself not another service like tinyurl. A URL shortener is a nice way to send incredibly long links. It also helps when writing Tweets on Twitter (something I do a lot). ]]>

<p>Hello, today I am going to go through how to build a custom URL shortener. Why have your own? Because then you are advertising yourself not another service like tinyurl.</p> <p>A URL shortener is a nice way to send incredibly long links. It also helps when writing Tweets on Twitter (something I do a lot).</p> <p><a href="http://bit.ly/9OIZt5"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/VdWrCWUDd1M" height="1" width="1"/> 2 http://scriptandstyle.com/submissions/create-url-shortener-for-twitter-using-php-2 Script_And_Style http://spyrestudios.com/usability-tips-for-mobile-website-designs/ http://scriptandstyle.com/?p=33611 2010-03-11T15:18:39Z 2010-03-11T15:18:39Z

We’re going to cover a few simple, yet prominent steps to designing a much more effective interface and increasing the quality of a mobile websites usability. ]]>

<p>We’re going to cover a few simple, yet prominent steps to designing a much more effective interface and increasing the quality of a mobile websites usability.</p> <p><a href="http://spyrestudios.com/usability-tips-for-mobile-website-designs/"><img src="http://scriptandstyle.com/images/directlink.png" alt="Direct Link" /></a></p><img src="http://feeds.feedburner.com/~r/ScriptAndStyle/~4/wk2rLUjtSXQ" height="1" width="1"/> 0 http://scriptandstyle.com/submissions/5-can%e2%80%99t-miss-usability-tips-for-mobile-website-designs