By leveraging typeface.js, jQuery, the canvas, toDataURL, CSS background properties and real overlayed text, Type Select is able to combine custom fonts with your browser’s native text selection functionality. You can now interact with beautifully rendered typefaces just like you do with normal text.
Web professionals have been stuck with 9 “web safe” fonts for too many years. There have been some clever solutions (SIFR, FLIR, Typeface.js, Cufon), but text selection has been a tough nut to crack. This approach can become a viable workaround until browser technology catches up. Type Select is offered as a free proof-of-concept under the MIT License.
Requirements: jQuery 1.3.2+
Demo: http://www.typeselect.org/
License: MIT License
Glow is a JavaScript library which aims to make working with JavaScript and the DOM easier. It tries to do this by abstracting common tasks, hiding cross-browser issues, and providing a set of user interface widgets. Glow isn’t the BBC’s first JavaScript library, although it is the first to be released as open source software.
There are a range of excellent open source JavaScript libraries available nowadays. However, on reviewing the major libraries, BBC found that none met their standards and guidelines, with browser support in particular being a major issue. Therefore, they decided to build a JavaScript library tailored to their requirements. Naming it Glow.
Glow is available under the Apache Licence, Version 2.0. This allows you to use the library in nearly all circumstances, and to modify it as you see fit.
Requirements: –
Demo: http://www.bbc.co.uk/glow/
License: Apache 2.0 License
Wix offers you a simple powerful online platform to make flash websites for free. There is no downloads or programming needed. You just need to use The Wix Editor, which is an online user friendly drag and drop builder. It is loaded with tons of designs, media items, effects, and animations. All Wix websites are search engine friendly. So you can focus on promoting your Flash website.
Wix has introduced some new features recently. You can now work on “Areas†for easy layout and structure. You can also add scrollbars to the paragraphs now. There are new skins and colors for contact form. And finally, you can add Twitter feeds to your site as well.
Source: http://www.wix.com/
Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn’t even increase security, but it does cost you business due to login failures.
That’s why Apple implemented an alternative method on iPhone/iPod Touch: passwords get masked while typing but the last character in row is shown in plain text. Compared to common password fields on the web this method improves usability.
Therefore, Stefan Ullrich has developed a dPassword jQuery Plugin for transforming password fields into iPhone-like password fields, which delays password masking. It works unobtrusive too. Non-JS users get the common masked password fields.
Requirements: jQuery Framework
Demo: http://blog.decaf.de/2009/07/iphone-like-password-fields…
License: MIT License
Pingdom is a service that monitors websites and servers from the Internet and alerts you if there is a problem. It acts like a watchdog, making sure that your website is up and running 24/7. You handle all your settings from an online control panel. No need to install anything. You can get error alerts via both email and SMS.
Now, you can use Pingdom for free. It is not a free trial, but a completely free account that you can use for as long as you like. Pingdom Free has all the features of the paid account types. The only limitation is that you can only monitor one website or server, but that should be enough for a lot of bloggers and hobbyist webmasters.
Source: Pingdom adds FREE website monitoring
Filament Group wrote an article describing how to use JavaScript to scrape data from an HTML table and generate charts using the HTML 5 Canvas element. The technique is particularly useful because the data for the visualization already exists in the page in structured tabular format, making it accessible to people who browse the web with a screen reader or other assistive technology.
Now they have rewritten and extended the code behind the technique and packaged it up as a new jQuery plugin called “Visualize“, which you can download. The plugin provides a simple method for generating bar, line, area, and pie charts from an HTML table, and allows you to configure them in a variety of ways.
Requirements: IE6, IE7, IE8, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9
Demo: http://www.filamentgroup.com/examples/charting_v2/index_2.php
License: MIT, GPL License
Web applications are popular due to the ubiquity of web browsers. The ability to update and maintain web applications without distributing and installing software on potentially thousands of client computers is a key reason for their popularity.
A modern and easy to use Admin User Interface is the key to success of web applications. We are going to show you How To Create a Web Application Admin User Interface in Photoshop. So that you can easily create your own admin user interface for your web applications.
Final Result
This Web Application Admin User Interface is what we are about to make. You can click on the image to see a full-scale version.
Read the rest of this entry »
Magento is a very Powerful Open Source eCommerce System, which offers offering unprecedented flexibility and control.
Nettus has written a tutorial: “Easy E-Commerce With Magento” which demonstrates how to download and install Magento to a local host, configure some of the site options, and create simple and configurable products and categories for your e-commerce site. You can learn most of the basics of Magento from the tutorial.
Source: http://net.tutsplus.com/videos/screencasts/easy-e-commerce…
Would you like the Scrolling Background Effect like youlove.us? The technique is actually a lot simpler than it looks, it’s based around scrolling a very tall gradient image behind some transparent PNG images. The header image has a transparent background and solid text, while the main page is actually an image with the heading text as transparent cut outs.
The JavaScript is where the real magic happens. They have made use of the jQuery library and Alexander Farkas backgroundposition.js script to help them make the background move. The final result looks very nice. However, it might consume a lot of your CPU resources.
Requirements: jQuery Framework
Demo: http://youlove.us/blog/the-youloveus-scrolling-background-effect…
License: License Free
DreamCSS has written a tutorial explains how to Create Beautiful jQuery sliders with image description and name. The gallery looks so simple but elegant. The text effect it displays the image title and description is very attractive as well.
Requirements: jQuery Framework
Demo: http://dreamcss.comli.com/jquery sliders/
License: License Free
