CSSRockstars

Archive for the ‘MIT License’ Category

inputEx is a javascript framework, built on the top of YUI, for creating forms and form objects.

It uses no html (opposite of unobtrusive libraries): all the fields and forms are configured using JSON. It provides a very efficient abstraction for building interactive web applications.

JavaScript Forms

inputEx features:

  • json configuration for each field
  • complex data structures (list/objects/tree/list of urls/objects of objects etc…)
  • composition between the fields (for “meta”-fields such as InPlaceEdit,List,Tree,Pair,…)
  • javascript object mapping for greater interactivity
  • a common “updated” event to handle different browsers and different field interactions

AlivePDF is an open-source ActionScript 3 (Flash, Flex, AIR) PDF generation library. It allows you to generate PDF’s on the client-side.

You can use AlivePDF with Flash, Flex and Adobe AIR applications. Some sample codes can be found here.

PDF Flash

There also few tutorials about using it with AIR and Flex here

markItUp! is a lightweight and customizable jQuery plugin which turns any textarea into a markup editor.

It has ready-to-use tag sets for HTML, textile, wiki syntax, markdown and BBcode inputs. Also, you can easily create your own.

jQuery Markup Editor

Some powerful features of this markup editor are:

  • Fast and unobtrusive integration
  • Support for keyboard shortcuts
  • Fully customizable and scriptable
  • Ajax dynamic preview
  • Customizable skins

LightForm is an AJAX - PHP Contact Form is a simple but handy script for creating charming & secure contact forms.

It uses FormCheck2 for validation and NiceForms for the styling of the form.

PHP Ajax Contact Form

LightForm has the "question asking"  feature for eliminating spams & it provides the user IP, referrer and browser agent in the message to provide more details about the visitor.

Control Suite is a set of 6 high quality widgets and controls built with the Prototype JavaScript framework.

Each script is well tested, highly extensible and unobstrusive.

Select Multiple Textbox With Prototype

Suite has these widgets and controls:

  • Tab
  • Modal
  • TextArea
  • Select Multiple
  • Rating
  • Progress Bar

Different approach to star rating:

Prototype Star Rating

Suite is very well documented. You can easily reach the details of the APIs and this makes the product much more usable.

It is a time consuming process to create an admin interface with standard functions such as add-edit-delete-update again and again.

ActiveScaffold, a Ruby On Rails plugin handles all the ActiveRecords smartly. It adds add-edit-delete-update functionality with an Ajaxed interface & sorting, searching and pagination support.

Ruby On Rails DB Manager

ActiveScaffold features:

  • AJAXified table interface for creating, updating, and deleting objects
  • Automatic handling of ActiveRecord associations
  • Sorting, Search and Pagination
  • Graceful JavaScript degradation
  • RESTful API support (XML/YAML/JSON)
  • Sexy CSS styling and theming support
  • More extension points than you can shake a stick at
  • Guaranteed to work on Firefox 1+, IE 6+ and Safari 2+
  • Released under the MIT License, the same one as Rails itself, so you can use it freely in your commercial applications.

Degrafa is a declarative graphics framework fo Flex which aims:

  • Bringing the graphics classes up a level to provide a common ground between developer and designer within Flex
  • Enabling the graphics classes to become first class citizens within the Flex framework.
  • Minimizing the learning curve of Flex graphics development.

Degrafa allows you to use MXML markup to draw shapes, make complex graphics, create skins and also includes advanced CSS support.

Flex Graphics

Rather than ActionScript, MXML is easier to read an learn, specially for a designer’s point of view.

There are great samples of what can be done with Degrafa here.

mooRainbow is an easy to integrate JavaScript color picker built with mootools.

This color picker can be attached to any element in the DOM. A click event would automatically be attached to that element and simply clicking on it you will be able to show or hide mooRainbow.

JavaScript Color Picker

This mootools powered JavaScript color picker:

  • is fully customizable via CSS file.
  • keeps clean your DOM and generates valid XHTML and CSS.
  • provides you, as return, an object containing RGB, HSB and HEX of choosen color.
  • works on Firefox/Safari/Opera/IE.

Umbraco is an open source content management system built with ASP.NET and using MSSQL for storing the data.

Using Umbraco, designers can create valid XHTML with their markup left intact and developers can integrate any .Net based controls out of the box.


Some features of this ASP.NET CMS software:

  • Beautiful, user-friendly interface
  • Integrated WYSIWYG Editor
  • Support for editing in Microsoft Word
  • Versioned and scheduled publishing
  • Full support for own .NET Controls
  • Documented API
  • Use any .NET Language like c# or VB.NET
  • Full source code available (open source)
  • Super simple template engine
  • Full support for web standards

This powerful free CMS application will also have reports (for statistics) and form creation features in the near future.

Designing with grids is very common as it helps creating identical, measured layouts.

960 Grid System is an effort to streamline web development (for rapid prototyping and for production environments) workflow by providing commonly used dimensions , based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

Grid Design

Why 960 pixels?

All modern monitors support at least 1024 × 768 pixel resolution. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.

What is in the package?

In the download package, you can find PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio, and CSS framework with demo HTML .

feed-holder
FeedBurner
  • Gooey Templates
  • Krop
  • slice'n dice
  • Website Magazine
  • DNS Pinger
  • Advertise Here