The whole idea of naked password is to encourage your users to enter stronger passwords.
Our beautiful model Sally tastefully removes items of clothing as the password grows stronger.

Chrome Experiment has been coming out with heaps of incredible HTML5 canvas and javascript experiments. Thanks to all the awesome developers, most of the experiments are truly unique and jaw dropping. I could never imagine with the combination HTML and javascript can achieve such an amazing result. Take Tank World as an example, stunning 3d graphic, and it's a game! However, it will take year before most of the modern browsers fully support them, and also, I can feel the slowness when the browser loads and renders the graphic. So in the mean time, flash is still the best solution for intensive animation and web based game development.

Check out the list, preferably with Google Chrome. Mind you, some of them are pretty addictive :)

JavaScript, with the rise of Ajax, is definitely a must-know-well for every web designer/developer.

Besides form controls, alerts & similar simple JavaScript usage, you can almost do anything with the help of JavaScript (& Canvas). Some samples are:

Drag’n drops
Animations
CSS manipulations, Ajax & more.

As JavaScript-HTML5 development is getting more popular and browsers supporting new features are being utilized by more users everyday, -as expected- many new games are being developed with JavaScript.

JavaScript-powered games are not only easier-to-develop for web developers but they are also the only cross-platform ones including desktop, web and mobile.

The main focus of CamanJS is manipulating images using the HTML5 canvas and Javascript. It's a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. It is also completely library independent and can be safely used next to jQuery, YUI, Scriptaculous, MooTools, etc.

CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which is only growing as the community makes more plugins. It has a powerful layering system, much like the one present in Photoshop and GIMP, that makes the sky the limit for your creativity.

Good unit tests are focused, fast and isolated. Unfortunately, the code to test sometimes depends on other code that may comprise performance and/or isolation. In this article we will explore some of those cases, and how we can deal with them by planning for testability and loose coupling, and by using test fakes.

No javascript, no hacks, no expressions, just CSS and XHTML

The previous demonstration turned through 90 degrees and with the addition of a text menu in each panel.

The menu will function in all the latest browsers but the animation is only seen by Opera, Safari, Chrome and Firefox v4 beta at the moment. Unfortunately this menu will not work in IE6 as this browser only supports :hover on links.

Tested in IE7, IE7 emulation, IE8, IE9, Firefox, Opera, Safari, Chrome, Avant, SeaMonkey, Flock and Maxthon. It should also work in Mac browsers.

You can use Scriptocean Javascript Slideshow Wizard to build:

• Simple javascript slideshow with fade, scroll, or slide effect.
• Javascript image gallery with thumbnails and control buttons.
• Photo gallery.
• Image based content slider.
• Banner rotator.

Features:

5 different cross browser slideshow effects.
Easy-to-configure.
You can see the slideshow with Internet Explorer, Netscape, Firefox, Mozilla, Opera, Chrome, and Safari.
The slideshow automatically advances the slides. You can set the duration.
You can create more than one slideshow on the same page.
Users can trigger the link for a slide by clicking the image.

jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. jQuery is the most popular JavaScript library in use today. There are so many jQuery slide show plug-ins to choose from and is very easy to implement them into your blog or Portfolio. In this article I collect 12 must see jQuery slideshow plugins and tutorials for the help of web designers. I hope you guys will like these slideshows.

Z serii ciekawe pluginy jQuery mam dzisiaj dla was jQuery File Upload. Oprócz standardowego uploadowania plików mamy możliwość skorzystania z paska postępu, a dodane już pliki możemy bez problemu usunąć. Do listy możliwości oferowanych przez plugin można również zaliczyć:

obsługa drag and drop
możliwość przerwania uploadu pliku
niewymagany Flash. Wszystko oparte o HTML5 i JavaScript
możliwość uploadowania plików do innej domeny

Do poprawnego działania plugin wymaga jQuery w wersji 1.4 oraz jQuery UI 1.8. Teoretycznie plugin działa w każdej przeglądarce (nawet IE6), w praktyce niektóre funkcjonalności w zależności od przeglądarki są okrojone.

All over the Web, you’ll find tutorials explaining how to use the setTimeout() method in JavaScript to set up a timer and using clearTimeout() to cancel that timer. Unfortunately, it’s a little more difficult to find information about pausing and resuming those timers.

You could, of course, cancel the timer and start it all over again; which is probably fine if you’re using timers of short durations. However, if you’ve got a 30 second timer or something, you probably don’t want it to start all over again if someone pauses it at the 29-second mark.

There is a way to pause and resume those timers, though. In order to do so, you need to set a variable to capture the timestamp when the timer begins. Then, when you pause the timer, you need to figure out how much time has passed between the start of the timer and now. Once you resume the timer, you’ll simply pass the amount of time that was left to the new timer.

From Ver. 3.0.1 it is possible to display a series of images as VR Objects 360° with 3D Spin & Zoom. The sprite contains a set of single images of the same object.

The visual structures such as Graphs and Charts are a valuable presence in web development. The visual structures can easily simplify complex data and output that can be chosen to put a list of JavaScript graphs. Today we present 10 such JavaScript solutions for Charts and Graphs to make easy your website development much easier.

An Open Source JavaScript Jabber Messenger, build with the Ext and Prototype Library.

Modal Dialog and Lightbox are Ajax solutions for displaying the content inside the browser without reloading the whole page. Lightboxes overcome the use of the pop up window to suit on the modern browsers and it is being used everywhere these days. It is widely used for displaying of media files, webpages , messages, forms etc in a nice looking overlay.

In this post, I’ll be featuring 30 awesome lightbox and modal dialog boxes that you can use on you web applications.

We have got new chrome experiments to showcase again! Always look forward for this post to show you what have been happening in HTML 5 and javascript development. Make sure you check out each of the experiment here, pretty sure they will blow you away!

Following on from part 1 of my follow-up to “Object-oriented JavaScript”, part 2 provides a technical update to some of the theories and examples.

Without further a-do, let’s jump in with the technical stuff:

Charts and graphs are graphical representation of data that organizes and represents a set of numerical or qualitative data used for analysis such as bar graphs, line charts and pie chart. Are you tired of lame and not-easy to deal with graphs and charts?

There are techniques that will lessen the static images and create more accessible content of the charts and graphs. Techniques in using CSS, jQuery plugins ,and online chart tool generator are some of the few things you can do about your charts and graphs.
Here are some techniques to style up you charts and graphs:

Every web developer needs to use Javascript in creating web applications, and when it comes to displaying multiple items on a page with a focus on a single item Sliders and Scrollers comes in handy. You can use Javascript Sliders and Scrollers with news, images or products to display data in an organized and user friendly way. In this article I compiled a list of 46 Very Functional Javascript Sliders and Scrollers for you to use in developing web applications.

Thanks to expertly crafted libraries such as jQuery and MooTools, JavaScript has become a foundation of Front-End Development. However, it’s extremely important that we note the higher level concepts utilized in these wonderful libraries. Why is that? As web developers, we must equally balance learning the current programming trends with attempts to push the boundaries of those trends. Without this balance, no innovation will occur in web development. So let’s take a moment to appreciate the fundamentals of JavaScript Object Oriented Programming, which include classes, inheritance, and scope.