background preloader


IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping phase of your web application. What is Interaction? Interactions are visual changes of the screen which occur when users act on user interface elements. In other words, interactions are the behaviors of the user interface.

CSS-Based Forms: Modern Solutions Advertisement In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, so web-forms are becoming more and more important for the success of any company. In the end, exactly those web-forms are responsible for the first contact with potential customers. Let’s take a look, which modern solutions a web-developer can use, designing his/her next css-based form. Links checked: May/08 2008. 14 Javascript Resources And Plugins For Creating A Stylish Chart We had shared a lot of useful resources about CSS/jQuery recently. Today, I am going to share useful resources and plugins to create a stylish chart. Graph and Chart are very effective ways of showing data. There are a lot of different methods to generate graphs/charts. For example, you can use Flash, Javascript, CSS, or server side script such as PHP or ASP to generate them. Today, we are going to look into Javascript solutions to generate charts.

How to Create a jQuery Bookmarklet I suspect many of my readers have written at least one jQuery Plugin / Script. In this post, I’d like to show you how to get the most out of that script by also releasing it as a jQuery Bookmarklet. Below, you’ll find two examples of utilities that are ripe for bookmarkleting, as well as a prepared jQuery Bookmarklet file that you can easily modify for the purpose. Note: Even if you haven’t written a jQuery plugin before, you’ll find bookmarkleting someone else’s plugin as easy as using it on a site. Before I get to the code though – take a look at the payload.

Dragable RSS boxes Demo Licensing This script is distributed under the LGPL open source license.Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download files A Collection of Printable Web Browser Sketching and Wireframe Templates All of the printable sketching templates that you will find below have all been designed specifically for web designers. Each of the sketching templates have an imprint of a web browser (they either use Safari, Chrome or Firefox) just waiting for you to wireframe or sketch your next design project. Each template is slightly different, most have various grid sizes, others are either blank or lined and some of them have allowed space to accommodate some note-taking. Below the free templates you will find a small selection of notepads and sketchpads (sorry, they are not free, pretty cheap though), again designed with the imprint of a web browser and all cool enough to merit a mention.

No CGI acccess required! Setup a checkout page. If you have a secure server, and CGI access, the form action on this page should point at it. If you are accepting credit card numbers, a secure server really should be used. 51+ Best of jQuery Tutorials and Examples Apr 24 2008 There’s stuff all over the Web about jQuery, but finding the best tutorials to get you started can be tough. Here are Examples and tutorials from jQuery masters to keep you on the right track. We will start with jQuery masters and feature some of their best tutorials, then we will move on to more categorized tutorials, cheat sheets and hacks. » JavaScript Image Cropper UI, using Prototype & Details Support for latest versions of Prototype & (1.7.0 & 1.9.0 respectively) Tested with & added support notice for IE9 Added support for latest versions of Prototype & ( & 1.8.2 respectively). Changes provided by Tom Hirashima. No-longer package prototype & with the release Changed tests to use google ajax libraries api to load prototype & Added option to not auto include the cropper CSS file #00008 - Fixed bug: Dynamic include of cropper CSS expected cropper.js and failed when using cropper.uncompressed.js #00028 - Fixed bug: Doesn't work with latest - Fix by Tom Hirashima #00030 - Fixed bug: Doesn't work in Firefox 3.5 (CSS include issue) #00007 - Fixed bug: onEndCrop isn't called when moving with keys #00011 - Fixed bug: The image that is to be cropped does not show in IE6.0 -- included CSS fix Tidied up source code & fixed issues that jslint found so it will compress better Initial verison

10 Free Wireframing Tools for Designers This series is supported by Ben & Jerry's Joe, Ben & Jerry's new line-up of Fair Trade and frozen iced coffee drinks. Learn more about it here. Wireframing is a crucial step in web design and development as it allows for rapid prototyping and helps to pinpoint potential problems early in the process. It can be invaluable to have a visual representation of content, hierarchy and layout. Wireframes make it easier to communicate ideas, reduce scope creep, cut down on project costs (due to fewer design revisions later), and enable greater upfront usability and functionality testing. This post highlights 10 of the best free wireframing tools available, including standalone applications, web-based tools and browser add-ons.

Personal projects Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase, or signing up for a website. They are the basic, and pretty much the only way of gathering information on the web. scrollorama Disclaimer: This is an experimental, just-for-fun sort of project and hasn’t been thoroughly tested. Design and build your site, dividing your content into blocks. Embed scrollorama.js after jQuery and initialize the plugin, passing the blocks class selector as a parameter. gCons: Free All-Purpose Icons for Designers and Developers (100 icons PSD) - Smashing Magazine Advertisement Today we are glad to release gCons, a set of free all-purpose 32×32px icons for designers and web developers (100 icons). The icons come in 12 different colors and are available in PSD, PNG, JPG and GIF formats. This set was designed by Sarfraz Shoukat especially for Smashing Magazine and its readers. Download the icon set for free! You can use the set for all of your projects for free and without any restrictions.