Take Screenshots of Webpages with HTML2Canvas

html2canvas allows you to take “screenshots” of webpages or parts of it, directly on the users browser. The script renders the current page as a canvas image, by reading the DOM and the different styles applied to the elements.

It does not require any rendering from the server, as the whole image is created on the clients browser. However, for browsers without canvas support alternatives such as flashcanvas or ExplorerCanvas are necessary to create the image.

The script should work fine on the following browsers: Firefox 3.5+, Google Chrome, Newer versions of Opera, >=IE9 (Older versions compatible with the use of flashcanvas).



Information is shared by www.ideasroad.com

How to Create Beautiful and Creative Typographic

Web Typography for the Lonely aims to excite designers about the possibilities of cutting-edge web standards and javascript through beautiful and inspiring typographic explorations.

Web Typography for the Lonely is an ongoing collection of experiments and writings on web typography and the possibilities of standards-based web design. It aims to inspire the web community by pushing the boundries of what is both possible and practical in web standards in a manner that is compelling and exciting to the visually-minded creative.



Information is shared by www.ideasroad.com

Jump to Different Sections in Viewport with jQuery.fracs

jQuery.fracs determines the fraction of an HTML element that is currently in the viewport, as well as the fraction it takes of the complete viewport and the fraction of the area that might possibly be visible. It also provides the coordinates of the visible rectangle in document, element and viewport space.

It makes users easier to jump to different sections of your website. It is very suitable for one-page website or website with a lot of scrolling. jQuery.fracs is provided under the terms of the MIT License.



Information is shared by www.ideasroad.com

Showcase the Most Creative HTML5 and CSS3 Features

HTML5 and CSS3 brings loads of new features and functionality to the modern web. The Expressive Web is a project with the goal of creating both a resource and showcase that highlights some of the most creative and expressive features being added to the web today.

In addition to highlighting and providing information on twelve new HTML5 and CSS3 features, the site itself makes extensive use of new features such as CSS3 transitions, CSS3 transforms, web storage and more to provide a visually compelling resource for learning more about HTML5 and CSS3.



Information is shared by www.ideasroad.com

A Fast Key-Value Storage Engine Written at Google

LevelDB is a fast key-value storage engine written at Google that provides an ordered mapping from string keys to string values. Google has recently announced that they are open sourcing LevelDB under a BSD-style license.

LevelDB is a C++ library that can be used in many contexts. For example, LevelDB may be used by a web browser to store a cache of recently accessed web pages, or by an operating system to store the list of installed packages and package dependencies, or by an application to store user preference settings.



Information is shared by www.ideasroad.com

Standalone Test Spies, Stubs and Mocks for JavaScript

Sinon.JS is a Standalone test spies, stubs and mocks for JavaScript. No dependencies, works with any unit testing framework. A test spy is a function that records arguments, return value, the value of this and exception thrown (if any) for all its calls.

Test spies are useful to test both callbacks and how certain functions/methods are used throughout the system under test. Use a stub when you want to control a method’s behavior from a test to force the code down a specific path. Mocks are fake methods (like spies) with pre-programmed behavior (like stubs) as well as pre-programmed expectations.



Information is share by www.ideasroad.com

Suhosin – Advanced Protection System for PHP

Suhosin is an advanced protection system for PHP installations. It was designed to protect servers and users from known and unknown flaws in PHP applications and the PHP core. Suhosin comes in two independent parts, that can be used separately or in combination. The first part is a small patch against the PHP core, that implements a few low-level protections against bufferoverflows or format string vulnerabilities and the second part is a powerful PHP extension that implements all the other protections.

If you are using PHP only for your own server and only for your own scripts and applications, then you can judge for yourself, if you trust your code enough. In that case you most probably don’t need the Suhosin extension. Because most of it’s features are meant to protect servers against vulnerable programming techniques. However PHP is a very complex programming language with a lot of pitfalls that are often overseen during the development of applications. Even PHP core programmers are writing insecure code from time to time, because they did not know about a PHP pitfall. Therefore it is always a good idea to have Suhosin as your safety net.

Information is shared by www.ideasroad.com

Simple Voting System Using jQuery Animate

Simple Vote Using jQuery Animate is a simple idea to use JQuery animate function in voting system. It can be useful for replacing voting system that using many images, the idea is just expanding the div element (css width property) using animate function, we just need to add the same value on the width element.

However, it does not save the voting values at the moment. If you want to do so, you can use session, cookies or database.



Information is shared by www.ideasroad.com

Create Games with melonJS HTML5 Game Engine

melonJS is the result of our enthusiasm and past experiments with Javascript, and came from the feeling that no simple, free and standalone library was available to develop games. And although still a big work in progress and not yet bug free, melonJS already allows to easily create some nice games.

melonJS integrates the popular Tiled map format, allowing to easily design levels using the Tiled map editor, and to focus on the game features itself. melonJS is compatible with the various existing browsers. However, as of today, Google Chrome 12 (or upper) is highly recommended.



Information is shared by www.ideasroad.com

Special Tooltips without Positioning Limitations

Grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified.

Any CSS style can be applied. There’s auto-magic size adjustment for use with localised text. FX queues for animating multiple grumbles. And it works in IE6+, and modern browsers. Image spriting is used for actual bubble image, you can change this as you want – it’s just CSS.



Information is shared by www.ideasroad.com

Open Source Live Support Web Messenger

Web Messenger is an open-source live support software allowing visitors of your site to chat with your operators. It makes easier to communicate with existing and potential clients. It will significantly increase conversion rates and online sales of your web site.

You can place the button of Web Messenger at your site. Your visitors click the button and chat with your operators who help them. This program and the accompanying materials are made available under the terms of the Eclipse Public License v1.0.



Information is shared by www.ideasroad.com

Share Sneak Peeks of Your Designs as Shots

Dribbble is show and tell for designers, developers and other creatives. Share sneak peeks of your work as “shots” — small screenshots of the designs and applications you’re working on. It’s also a place to talk design, give and receive feedback and iterate toward better work.

However, there is no sign up for Dribbble at this time. Membership is entirely driven by existing users – all members of Dribbble have been drafted (invited) by other members. Dribbble has a narrow focus on high-quality design work. They know there are many fantastic designers who have not received an invitation. But it allows them to grow the content and community at a pace where they can preserve the Dribbble ethos.



Information is shared by www.ideasroad.com

Opa – The Scalable Open Source Cloud Language

Opa is a new generation of web development platform. It is a new programming language, a new web server, a new database and a new distributed execution engine, all of them tightly integrated to provide a great experience for web developers.

Opa is concise, simple and readable, it is also extremely powerful, concurrent, dynamically distributed, and extremely secure, much more so than just about any other programming language. Opa is designed to make web development fun, secure and right.



Information is shared by www.ideasroad.com

A Stylish Apache Index with Breadcrumb & Tree Overview

h5ai tries to make browsing directories on Apache servers more pleasant. More pleasant by styling it in a modern way as well as by speeding up browsing through different views, a breadcrumb and a tree overview.

Using such approaches brings h5ai closer to the look and feel of local file browsers and makes browsing files on the server straightforward even for new and unexperienced users. h5ai is provided under the terms of the CC BY-SA 3.0 License.



Information is shared by www.ideasroad.com

Professional Javascript Select Boxes for jQuery & Prototype

Chosen is a javascript plug-in makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors. Instead of forcing your users to scroll through a giant list of items, they can just start typing the name of the item they were looking for.

Add Chosen’s files to your app and then add the class chzn-select to your select box. Chosen automatically respects optgroups, selected state, the multiple attribute and browser tab order. You don’t need to do anything else except customize the style as you see fit.



Information is shared by www.ideasroad.com

Simple & Free To-Do Web Application

TeuxDeux is a simple, designy, free, browser-based to-do application. The idea was to build a bare-bones, but visually compelling and highly usable to-do app: Use the free browser-based TeuxDeux at work/home and then take your to-dos on the road with the iPhone app.

You can also print a beautiful copy of your TeuxDeux list. They added a lovely print.css that makes it easy. Just print and they take care of the styles.



Information is shared by

How to Build a Custom HTML5 Video Player with jQuery

As professional web designers, we want to create a video player that looks consistent across browsers. Each browser however provides its own different look and feel for the player, from the minimal approach of Firefox and Chrome, to the more shiny controls of Opera and Safari. If we want our controls to look the same across all browsers, and integrate with our own design, we’ll have to create our own controls from scratch. This is not as hard as it seems.

All media elements in HTML5 support the media elements API, which we can access using JavaScript and use to easily wire up functions such as play, pause, etc. to any buttons we create. Because the native video player plays nicely with other open web technologies, we can create our controls using HTML, CSS, SVG or whatever else we like.

Article: Building a custom HTML5 video player with CSS3 and jQuery taught us how to build an easily customizable HTML5

Generate PDF Documents with PDFKit for Node.js

PDFKit is a PDF document generation library for Node that makes creating complex, multi-page, printable documents easy. It is written in pure CoffeeScript, but you can choose to use the API in plain ‘ol JavaScript if you like.

The API embraces chainability, and includes both low level functions as well as abstractions for higher level functionality. The PDFKit API is designed to be simple, so generating complex documents is often as simple as a few function calls.



Information is shared by www.ideasroad.com

Random Text Generator for Web Designers and Developers

RandomText was created by Dale Davies mainly as a learning exercise, but also to address the need for an online tool to quickly generate dummy text. RandomText is a web application that designers and developers can use to quickly grab dummy text in either Lorem Ipsum or Gibberish format.

It is very handy and helpful when designing web sites. You can create dummy paragraphs, lists and headings easily with RandomText. You can also view the result as a plain text or HTML code.



Information is shared by www.ideasroad.com

HTML5 Video Voting & Populate Bar Graph in Timeline

HTML5 Video Voting allows you to gather feedback on your videos. Voting is exquisitely simple. All you do is click on the video and use the spacebar to submit your vote, it will automatically populate the bar graph.

When you vote, it is added to that section of the videos timeline. This allows a viewer to quickly assess the most intriguing segments of the video and quickly jump to those sections by clicking on the bar graph. The player is tested in FireFox 4+, Chrome 10+, and Safari 4+ but may very well work in others.



Information is shared by www.ideasroad.com

Create Endless Grid with The Wall Mootools Plugin

The Wall enables to create an endless grid. You choose the number of elements, The Wall will see to the rest. Every moment you may know the position of your wall or move it where you like better by clicking or dragging it.

With The Wall you decide the position of your contents punctually. Every plug is ready to hold your contents, pictures, videos, texts, everything. With The Wall you may have an endless grid or an original draggable coda slider, if you like better.



Information is shared by www.ideasroad.com

New Web Development Technologies: Beyond HTML

After stagnating for quite some time, Web powering technologies are now experiencing rapid development. CSS (Cascading Style Sheets) is just the first wave, and it's already giving way to more robust technologies like DHTML, LAMP, XML (read An Introduction to the Extensible Markup Language for more information on this technology), and AJAX. Attempting to stay current on these technologies can be both time consuming and expensive, which raises the question: should you stick with what you have, or take the plunge and incorporate these advanced techniques?

The answer depends on the kind of site you have and what your users expect to get from it. Will incorporating one or more of these technologies actually improve the usability of your site? If you're merely attracted to the cosmetic overhaul they would provide, you may want to reconsider. Also worth considering are implementation time and costs. Are you willing (or can you afford to pay somebody) to implement the new technology? When all is said and done, engineering can be much more expensive than site design, and can also necessitate ongoing maintenance if your site changes regularly.

DHTML, LAMP, and AJAX are aggregations of multiple technologies. LAMP is a combination of Linux, Apache, MySQL, and one of several scripting languages, usually Perl or PHP. AJAX stands for Asynchronous JavaScript and XML. While the details and differences of each are beyond the scope of this article, suffice it to say that both LAMP and AJAX serve the purpose of helping you simultaneously build Web pages and organize data.

After stagnating for quite some time, Web powering technologies are now experiencing rapid development. CSS (Cascading Style Sheets) is just the first wave, and it's already giving way to more robust technologies like DHTML, LAMP, XML (read An Introduction to the Extensible Markup Language for more information on this technology), and AJAX. Attempting to stay current on these technologies can be both time consuming and expensive, which raises the question: should you stick with what you have, or take the plunge and incorporate these advanced techniques?

The answer depends on the kind of site you have and what your users expect to get from it. Will incorporating one or more of these technologies actually improve the usability of your site? If you're merely attracted to the cosmetic overhaul they would provide, you may want to reconsider. Also worth considering are implementation time and costs. Are you willing (or can you afford to pay somebody) to implement the new technology? When all is said and done, engineering can be much more expensive than site design, and can also necessitate ongoing maintenance if your site changes regularly.

DHTML, LAMP, and AJAX are aggregations of multiple technologies. LAMP is a combination of Linux, Apache, MySQL, and one of several scripting languages, usually Perl or PHP. AJAX stands for Asynchronous JavaScript and XML. While the details and differences of each are beyond the scope of this article, suffice it to say that both LAMP and AJAX serve the purpose of helping you simultaneously build Web pages and organize data.

DTHML, which is JavaScript merged with HTML/XHTML, allows you to produce Web sites similar to those created with AJAX. In comparison with LAMP and AJAX, however, DHTML has the drawback of being more difficult to maintain and design for, and is most frequently used on pages that involve user interaction. LAMP and AJAX, on the other hand, are much broader in scope. Like CSS, XML is a way of segregating content from layout, but it takes the idea to a much higher plane by allowing information to be displayed in any environment and/or implemented by any number of applications, machines, or databases.

The functionality available from these languages is driving a rapid evolution in the way Web sites look and behave. Whether or not you need to keep up with them depends on whether or not your site, and more importantly those who use it, would benefit. Implementation and maintenance can be costly, but if you need more interactivity, or if there are things you want to accomplish that are beyond the scope of HTML, you might want to look into a site overhaul or at least the addition of some feature sets. Any one of these development platforms will allow you to provide a more powerful site than HTML can offer. But don't get distracted by bells and whistles, and always keep usability foremost in your decisions.

Information is shared by www.ideasroad.com

Add Social & Engagement Widgets with TicketMy’s Socialbar

TicketMy’s Socialbar makes your website social, interactive and engaging by offering a range of social and engagement widgets, with lots of customization and embedding options. It includes more than 20 useful applications, including a multi-IM chatting widget that rivals Meebo. It also provides extensive Facebook and twitter integration for websites to have increased stickiness, user traction and engagement.

You can also track the social sharing and engagement of the users with the provided social analytics. Best of all, TicketMy’s Socialbar is totally Free, served from Amazon’s CloudFront CDN and loads in less than 2 seconds.

TicketMy’s Socialbar can be added to a site by simply embedding a few lines in the HTML of the site in a matter of minutes. And it is very easy to add to any blogging or CMS platform, with drop-in plugins available for Wordpress, Blogger, Joomla, Drupal, Movable type, Tumblr, Ning and etc.



Information is shared by www.ideasroad.com

A Simple Lightweight Modal Windows jQuery Plugin

LeanModal is a simple JQuery plugin for modal windows. It is built for all the short dialogs, alerts, panels and such associated with an app, that you may want to handle in a modal window. Designed to handle hidden content, and doesn’t apply any styles to the target element, other than for displaying and positioning.



Information is shared by www.ideasroad.com

A Powerful jQuery HTML5 Audio Library

Buzz is a small but powerful Javascript library that allows you to easily take advantage of the new HTML5 audio element. It degrades properly on non-modern browsers. It is written by Jay Salvat and licensed under the MIT License.



Information is shared by www.ideasroad.com

Preview Mobile Websites Easily with Mobilizer Desktop App

Mobilizer is a mobile preview desktop application. You can easily preview mobile websites, design mockups, and local HTML on Mac or PC. You can preview on iPhone 4, Palm Pre, HTC Evo, and Blackberry Storm, with more devices on the way.

Simply visit any URL or drag and drop local HTML, Flash, or image files. You are able to view the same site on multiple devices. At last, you can export PNGs of device views, which is perfect for portfolios.



Information is shared by www.ideasroad.com

Debug Your Mobile Applications with Socketbug

Mobile Application Developers, while able to produce amazing applications, are limited by the native browsers own limited functionality. Basic features available on desktop browsers are completely absent from mobile browsers. The ability to view source code, debug javascript, or even execute a javascript command from a console are all tools developers have come to expect while developing websites.

This is where Socketbug fills the gap! Socketbug is a Remote Debugging Utility built using Socket.IO. This means you can now use modern browsers ( both mobile and desktop ) to work together to allow you to remotely debug you mobile web applications.



Information is shared by www.ideasroad.com

CSS3 Transitions with Custom Easing Functions

CSS3 transitions are easy to implement, more performant than the setTimeout based alternative & because of this work really well on mobile devices. However, it is not as flexible as the Javascript alternatives is easing functions.

Libraries such as jQuery & Scripty2 have a suite of really compelling functions that just aren’t available with CSS transitions. So, here we have Morf, a Javascript work-around for hardware accelerated CSS3 transitions with custom easing functions.



Information is shared by www.ideasroad.com

Share Your Code with GitHub for Mac

GitHub for Mac has just launched recently. Now you can Clone repositories, Browse history, Commit changes, Branch code, and Share code on github.com as simple as possible. The sync button pushes your changes to GitHub and pulls down other’s changes in one operation.

You can add a repository by dragging a folder to the application. When you add repositories to GitHub for Mac, they automatically match them up with any organizations you belong to.



Information is shared by www.ideasroad.com

Open Source Vector Graphics Scripting Framework

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

Paper.js is easy to learn for beginners and has lots to master for intermediate and advanced users. Paper.js is developed by Jürg Lehni & Jonathan Puckey, and distributed under the permissive MIT License.



Information is shared by www.ideasroad.com

VisualSearch.js – Autocomplete Faceted Search Queries

VisualSearch.js enhances ordinary search boxes with the ability to autocomplete faceted search queries. Specify the facets for completion, along with the completable values for any facet. You can retrieve the search query as a structured object, so you don’t have to parse the query string yourself.

You can also check out the live example of a search on DocumentCloud.org that uses facets. VisualSearch.js is an open-source component of DocumentCloud, and it is hosted on GitHub.



Information is shared by www.ideasroad.com

CSS Prism – A CSS Color Spectrum Inspector

CSS Prism is a CSS color spectrum inspector. Input the path to any .css file, and it will output an easy to scan display of all hex colors from the file. Unwanted colors can be edited via a Photoshop-like color picker and the resulting .css file can be downloaded for your convenience.

The CSS Prism Bookmarklet will insert links to any webpage’s linked .css files just inside the body tag. CSS Prism will be quite helpful to you if you are building more sites at work.



Information is shared by www.ideasroad.com

Fully Automated Web Application Security Scanner

Skipfish is an active web application security reconnaissance tool. It prepares an interactive sitemap for the targeted site by carrying out a recursive crawl and dictionary-based probes.

The resulting map is then annotated with the output from a number of active (but hopefully non-disruptive) security checks. The final report generated by the tool is meant to serve as a foundation for professional web application security assessments.



Information is shared by www.ideasroad.com

Create CSS Sprite Images Easily with Sprite Cow

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. I personally found it pretty useful and easy to use.

There are one or two rather clever tricks happening with Javascript and Canvas to discover the dimensions of images and generate the CSS, they have also shared the code on Github so that others can see under the hood.



Information is shared by www.ideasroad.com

TN3 Gallery: Slick and Easy to Use jQuery Image Gallery

TN3 Gallery is a full fledged HTML based customizable jQuery image gallery with slideshow, transitions and multiple album options. It is compatible with all modern desktop and mobile browsers. And it is powered by our beloved jQuery.

With TN3 Gallery you can easily create amazing photo galleries and slideshows with multiple albums, image preloading, dynamic image sizing, mouse wheel navigation, optional captions, thumbnail carousel, CSS skinning, XML and Flickr support.

TN3 Photo Gallery looks really clean and easy to use. There are 5 transition styles you can choose to use, including fade, slide, blinds, grid and none. All transition styles are very smooth. It works really well on photo or image gallery sites.



Information is shared by www.ideasroad.com

An Interactive, Collaborative Art Website Built in HTML5

The Endless Mural is an interactive, collaborative art website built in HTML5. You can experiment, play and draw, using all the tools and artwork provided. When you are happy with what you have created, submit your composition to the endless mural and become a part of this global collaboration.

See your own drawing as a part of an ever growing, ever evolving whole, and take a look at what contributors from all over the world have created.



Information is shared by www.ideasroad.com

FlickrBomb – Fill Your Prototypes with Relevant Content

Adding relevant images to static prototypes is a pain, that is why folks tend to fill them in with placeholders. If you really want to add an image, you have to search for it, download it, crop it to right size, and then add it to your prototype. That is until now.

flickrBomb is an easy way for you to fill your prototypes with relevant content, and not just those dull gray placeholder images. Hover over the images and click the wrench icon to see flickrBomb in action.



Information is shared by www.ideasroad.com

jQuery HTML5 Music Player

Orman Clark has designed a pretty slick compact music player interface in PSD some time ago. Now, someone has coded the design into an awesome HTML5 Music Player in jQuery for us. The user interface is very clean and easy to use.



Information is shared by www.ideasroad.com

Javascript Frameworks and jQuery (Infographic)

We always wanted to know the comparison of numbers among the most popular Javascript frameworks and web applications developed by those frameworks. Here is an infographic of Javascript Frameworks and jQuery. It includes jQuery, Mootools, Prototype, YUI, Dojo, Extjs and etc.

From the infographic, you can get an idea of how many installations of those frameworks have been measured over the last month. It is also interesting to know that Version 1.3.2 is the most popular version of jQuery at the moment.



Information is shared by www.ideasroad.com

HTML5 Templates Generator for HTML5 Projects

Initializr is an HTML5 templates generator to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate, a powerful HTML5 template created by Paul Irish and Divya Manian.

Initializr will generate for you a clean customizable template based on Boilerplate with just what you need to start. Some functionalities have been removed from Boilerplate to focus on what most people really use.



Information is shared by www.ideasroad.com

HTML5 Drag & Drop Image File Uploader jQuery Plugin

Droparea is a HTML5 drag and drop image file uploader jQuery plug-in and a php script for server-side. Simply drag the image file into the specified area, the image will be automatically uploaded to your server. You can also see the progress of the upload too. It has been tested on Google Chrome and Mozilla Firefox.



Information is shared by www.ideasroad.com

Show Vector Maps with jVectorMap jQuery Plugin

jVectorMap is a jQuery plugin employed to show vector maps and visualize data on HTML pages. It uses SVG in all modern browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, while legacy support for older versions of IE from 6 to 8 is provided with VML.

Using jVectorMap is pretty simple. All you need is to include JavaScript and CSS files. While initializing map you can also provide parameters to change its look and feel easily.



Information is shared by www.ideasroad.com

Admin Style Interfaces for Ruby on Rails

Active Admin is a Ruby on Rails plugin for generating administration style interfaces. It abstracts common business application patterns to make it simple for developers to implement beautiful and elegant interfaces with very little effort.

Active Admin’s interface was designed from the ground up for non-technical users. It makes it easy for developers to build highly usable interfaces that customers will actually enjoy using. You can get started with one line of code or customize the entire interface with the provided DSL.



Information is shared by www.ideasroad.com

Cloud Zoom: Image Zoom jQuery Plugin with More Features

Cloud Zoom is a jQuery plugin comparable to commercial image zoom products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers. It has been tested on IE6+, Firefox, Chrome, Opera, Safari.

You can add a tint of any colour to the small image. The intensity of tint is fully customisable. Zoom position can be inside the smaller image, useful if you would rather not obscure any other content. You can also apply a subtle soft-focus effect to the small image. Best of all, Cloud Zoom is completely free.



Information is shared by www.ideasroad.com

AtMail 6 Webmail Client + Email Server + Stunning Interface

Remember we have mentioned AtMail 5 long time ago. Recently, they have launched a new version of Atmail as a complete Webmail, Mail-server and CalDAV server for ISPs/Webhosting providers and Small-business. AtMail 6 is a Linux based Webmail Client + Email solution which brings your organizations email under control.

AtMail 6 has been completely rebuilt from the ground up using Zend, jQuery, a true Web2.0 interface, Gmail email threading, inline attachment thumbnails, full IMAP/S support, CalDAV client/server – The aim is to provide users an alternative to Gmail or Exchange running on your own networks. It’s faster, lighter and more logical. The new version of AtMail really impressed me. It is very powerful and easy to use. The new user interface is absolutely stunning.



Information is shared by www.ideasroad.com

Realtime Log Monitoring Across Multiple Machines with Log.io

Your infrastructure has hundreds of log files spread across dozens of machines. For monitoring deployments and troubleshooting, you need to instantly see composite streams of log messages in a single user interface.

Log.io is a real-time log monitoring in your browser. Harvesters watch log files for changes, send new log messages to the server, which broadcasts to web clients. Users create stream and history screens to view and search log messages.

Web client has been tested in Chrome, Safari, and Firefox. Harvester & Server have been tested on Ubuntu 10.10.



Information is shared by www.ideasroad.com

Typesafe – Enterprise-Grade Scala from the Experts

Typesafe is a modern software platform that makes it easy for developers to build scalable software applications. It combines the Scala programming language, Akka middleware, and robust developer tools in a simple package that integrates seamlessly with existing Java infrastructure.

Scala and Akka are deployed in production at some of the largest web properties and financial institutions in the world, and run on the battle-tested Java runtime environment. Deploy with confidence.

The Typesafe Stack is 100% open source, integrated distribution offering Scala, Akka, sbt, and the Scala plugin for Eclipse. And it is available for Mac OS X, Linux, and Windows and requires the Java runtime version 1.6 or later.



Information is shared by www.ideasroad.com

How to Create Fancy Checkboxes and Radio Buttons

Marko Dugonjić teaches us how to Create Fancy Checkboxes and Radio Buttons in forms with a typical markup, a few lines of CSS and some JavaScript functions. He has also provided the jQuery version too.



Information is shared by www.ideasroad.com

How to Create GitHub’s Tree Slider with HTML5

Do you like GitHub’s Tree Slider? The new HTML5 History API (which really has nothing to do with HTML – it’s a JavaScript API) allows us to manage the URL changes while CSS3 transitions handle the sliding. Permalinks are always maintained, your back button works as expected, and it’s much faster than waiting for a full page load.

Take a look at The Tree Slider by GitHub, to see how to implement that. Basically they intercept your click, call pushState() to change the browser’s URL, load in data with Ajax, then slide over to it.



Information is shared by www.ideasroad.com

Compfight – Rails Based Ajax Search for Flickr Photos

Compfight is a home brewed flickr search tool specifically for the advertising / design community. The rails based ajax search bar pulls in a flickr feed at speed so that you can quickly scour the site.

You can restrict your search to the Creative Commons with “only”, and use the “commercial” setting for commercially usable assets. Blue bars indicate flickr is holding an original. Linger your cursor over the image to display dimensions. For nothing but originals switch Seek Original to “only.”



Information is shared by www.ideasroad.com

jCryption – Javascript HTML-Form Encryption Plugin

jCryption is a javascript HTML-Form encryption plugin, which encrypts the POST/GET-Data that will be sent when you submit a form. It uses the Multiple-precision and Barrett modular reduction libraries for the calculations and jQuery for the rest. jCryption is completly free and dual licensed under the MIT and GPL licenses like jQuery.

Normally if you submit a form and you don’t use SSL, your data will be sent in plain text. But SSL is neither supported by every webhost nor it’s easy to install/apply sometimes. So I created this plug-in in order that you are able to encrypt your data fast and simple. jCryption uses the public-key algorithm of RSA for the encryption.

jCryption at it’s current state is no replacement for SSL, because there is no authentication, but the main goal of jCryption should be a very easy and fast to install plugin which offers a base level of security.

Information is shared by www.ideasroad.com