Raphaël—JavaScript Library
Avoid The 7 Deadly Web Design Sins
"Whether or not the site is designed elegantly, what really matters to me is whether the navigation is intuitive, and whether the information is organized well. Design, for as much time as we spend on it, if it's all about the visual elements, that can quickly get someone out of that site. I always try to focus on making sure the information makes sense before putting mouse on screen. "Get together with your project manager and design team, and get all the info from the client before start designing. -Andres Orrego, associate creative director ofChowder Inc. in New York
Codecademy
Prefix and Postfix increment/decrement operators Prefix increment / decrement operators are operators that first increase the value of the variable by 1 (increment) or decrease the value of an expression / variable by 1 (decrement) and then return this incremented / decremented value. They are used like ++(variable) [increment] or --(varaible) [decrement] On the other hand , Postfix increment / decrement operators are operators that first return the value of the variable and then increase the value of thAT variable by 1 (increment) or decrease the value of the variable by 1 (decrement) . They are used like (variable)++ [increment] or (varaible)-- [decrement] Syntax --variable ++variable variable-- variable++ Example var x = 15; var y = x++; console.log(y); console.log(x); var a = 15; var b = ++a; console.log(b); console.log(a);
JavaScript Tutorial: Adding Rotating Images to Your Web Site
Sometimes a single image just isn't enough to showcase all that you want to promote on your site. If you've ever wondered how some sites get several images to rotate and you'd like to do that yourself, well, wonder no more. I'm here to show you how it's done. Also, as an added benefit, I will show you how you can update your images in one location and have those updates appear globally on your site. Let's say you have a cooking site, and you want pictures of the five most recent meals that you've featured to rotate in the banner. Or, let's say you have a real estate site and you want pictures of your 10 most recent listings to rotate in a specific spot on all of your pages. First, you need to get organized. Second, collect all of the links that you want associated with the images and save them somewhere convenient so you can copy and paste them later. Third, you need to paste the following into the header for each page you want the image rotator to appear: That's all there is to it.
How to Embed Almost Anything in your Website
Learn how to embed videos, mp3 music, Flash videos (both swf and flv), pictures, fonts, spreadsheets, charts, maps and everything else into your blog or website. Learn how to embed almost anything in your HTML web pages from Flash videos to Spreadsheets to high resolution photographs to static images from Google Maps and more. Embed RSS Feeds in Web Pages Go to this page, replace the feed URL with your own feed, use the default color scheme or change it to something else and then click Get Code. If you like to embed feeds from multiple sources, merge all of them into one using Yahoo Pipes and then pass the combined feed to the Google Gadget. Embed High Quality or HD YouTube Videos To embed a high resolution version of YouTube clip in your web pages, first make sure that “Watch in High Quality” or “Watch in HD” link exists next to the YouTube player as most videos are only available in standard format. Embed MP3 music and other Audio Embed Flickr Photos and Slideshows Embed Picasa Web Albums
School of Webcraft
It's even more Peer Powered We know learning is more fun with friends. We've kept the best part of the School of Webcraft and made it the core of everything we do to #TeachTheWeb. We work alongside our peers, ask each other for help, and offer expertise to those in need. The Webmaker Community supports each other in our community forum. Come join us! Mozilla & P2PU Mozilla's mission is to keep the web open, and to work together to enable anyone to take part in building it's future. We support each other. Webmaker's #TeachTheWeb program is part of Mozilla's commitment to help educators and others teach vital web literacy skills.
Free Web Hosting, Free Templates, Free Tutorials and More - Zymic
Getting Started (Javascript Tutorial) - JavaScript
Why JavaScript? JavaScript is a powerful, complicated, and often misunderstood computer language. It enables the rapid development of applications in which users can enter data and view results easily. The primary advantage to JavaScript, which is also known as ECMAScript, centers around the Web browser, thus having the ability to produce the same results on all platforms supported by the browser. The examples on this page, just like Google Maps, run on Linux, Windows, and Mac OS. With the recent growth of numerous JavaScript libraries it is now easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. What you should already know JavaScript is a very easy language to start programming with. There are many other technologies that can be integrated into and developed along with JavaScript that are beyond the scope of this document. Getting started Getting started with JavaScript is very easy. Browser compatibility issues <!
Learn HTML and CSS - Use our free tutorials - Build your own website | HTML.net
