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