Bit Repository http://www.bitrepository.com Open Source Resources for Programmers and Designers Mon, 02 Nov 2009 21:21:09 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 bitrepositoryhttp://feedburner.google.comSubscribe with My Yahoo!Subscribe with NewsGatorSubscribe with My AOLSubscribe with BloglinesSubscribe with NetvibesSubscribe with GoogleSubscribe with PageflakesSubscribe with PlusmoSubscribe with The Free DictionarySubscribe with Bitty BrowserSubscribe with NewsAlloySubscribe with Live.comSubscribe with Excite MIXSubscribe with Yourminis.comSubscribe with Attensa for OutlookSubscribe with WebwagSubscribe with netomat HubSubscribe with Podcast ReadySubscribe with FlurrySubscribe with WikioSubscribe with Daily Rotation JQuery Concrete: Support for ConcreteUI programming http://feedproxy.google.com/~r/bitrepository/~3/9asn-_eBklE/jquery-concrete-support-for-concreteui-programming.html http://www.bitrepository.com/jquery-concrete-support-for-concreteui-programming.html#comments Mon, 02 Nov 2009 21:21:09 +0000 Gabe http://www.bitrepository.com/?p=6658

]]> jquery.concrete

Hamish Friedlander’s JQuery Concrete tries to provide a new model of code organization. It intends to be a replacement for Object Oriented Programming that is focused on adding functions to groups of DOM elements based on the content and structure of those DOM elements. This merging of the model and view layer may seem weird initially, it can give very powerful results.

Basic Usage Example

Given this DOM example:

<body>
    <div class="internal_text">Internal text</div>
    <div class="attribute_text" rel="Attribute text"></div>
    <div>some text</div>
  </body>

And this concrete function:

  $('.internal_text').concrete({
    foo: function(){ console.log(this.text()); }
  });
  $('.attribute_text').concrete({
    foo: function(){ console.log(this.attr('rel')); }
  });

Then the following call:

$('div').foo();

The following result will be logged to the console:

Internal text
Attribute text

We’re standing on the shoulders of giants here – combining ideas from Prototype’s behaviour & lowpro and jQuery’s effen & livequery (who themselves stole ideals from Self’s Morphic UI and others), but extending & combining the concepts presented in those tools to provide a complete alternative to traditional OO concepts – self-aware methods, inheritance, polymorphisim and namespacing without a single class definition.

Related posts
  1. Highlight Elements in Script.aculo.us, JQuery and MooTools
  2. How to use the Scroll Effect in JQuery, MooTools and Script.aculo.us
  3. PHP Beginners: How to add multi-language support to a website

]]> http://www.bitrepository.com/jquery-concrete-support-for-concreteui-programming.html/feed 1 http://www.bitrepository.com/jquery-concrete-support-for-concreteui-programming.html Test your MooTools Code using the mooShell Utility http://feedproxy.google.com/~r/bitrepository/~3/ofp8btWXmro/mooshell-utility-to-test-your-mootools-code.html http://www.bitrepository.com/mooshell-utility-to-test-your-mootools-code.html#comments Sun, 01 Nov 2009 11:45:17 +0000 Gabe http://www.bitrepository.com/?p=6647

]]> mooShell is an useful tool to test your MooTools code. You just need to load the page, edit some relevant fields and load the results into an iframe. Although it lacks some features, being in early stage of development this tool is a definitive help when writing HTML, CSS and JavaScript. A nice feature is the ability to save results for further usage, like the result from this example: http://www.mooshell.net/wzRDj/. There are plans to implement logging, choice of JavaScript libraries, snippets, tagging and many more.

mooshell

Related posts
  1. UIZE, a free powerful Open Source object oriented JavaScript Framework
  2. Create Graphs and Charts using the MilkChart MooTools Library
  3. How to use the Scroll Effect in JQuery, MooTools and Script.aculo.us

]]> http://www.bitrepository.com/mooshell-utility-to-test-your-mootools-code.html/feed 0 http://www.bitrepository.com/mooshell-utility-to-test-your-mootools-code.html An Unobtrusive JS Calendar and DatePicker: Calender EightySix http://feedproxy.google.com/~r/bitrepository/~3/-zlOtn5YAqQ/an-unobtrusive-lightweight-javascript-calendar-and-datepicker-calender-eightysix.html http://www.bitrepository.com/an-unobtrusive-lightweight-javascript-calendar-and-datepicker-calender-eightysix.html#comments Sat, 31 Oct 2009 14:33:48 +0000 Gabe http://www.bitrepository.com/?p=6629

]]> calender-eightysix-unobtrusive-developer-friendly-calendar-and-datepicker

Calender Eightysix is the successor of the popular Vista-like Ajax Calendar. Being an unobtrusive developer friendly calendar and datepicker, this lightweight customizable script is offering a better user experience for date related functionalities. Calender Eightysix is built from scratch using pure JavaScript, making use of the MooTools framework.

Features include:

  • Quick navigation by jumping back and forth between months, years and decades without drop-down boxes
  • Highly and easily customizable
  • Packed with three themes
  • Lightweight (9.5 kB compressed)
  • Purely javascript; AJAX-less and no PHP needed

Related posts
  1. A Web Based AJAX Events Calendar/Scheduler
  2. A beautiful collection of 21 Excellent Free JavaScript Date Pickers
  3. A JQuery Unobtrusive Time Picker Plugin: jquery.timepickr

]]> http://www.bitrepository.com/an-unobtrusive-lightweight-javascript-calendar-and-datepicker-calender-eightysix.html/feed 0 http://www.bitrepository.com/an-unobtrusive-lightweight-javascript-calendar-and-datepicker-calender-eightysix.html A Free Highly Customizable and Minimalist Flash Checkbox Component http://feedproxy.google.com/~r/bitrepository/~3/5BGLHw-DGaw/a-free-highly-customizable-and-minimalist-flash-checkbox-component.html http://www.bitrepository.com/a-free-highly-customizable-and-minimalist-flash-checkbox-component.html#comments Wed, 28 Oct 2009 07:37:15 +0000 Gabe http://www.bitrepository.com/?p=6624

]]> flash-checkbox-component

Flabell released CheckBox Component, a minimalist checkbox (weights only 45kb) easy to integrate in any AS3 Flash project. It can be used by drag and drop and the design can be changed by altering it’s movie clips directly in the FLA.

Features include:

  • Set the initial state
  • Enabled/Disabled states
  • Label text/position
  • Resizeable
  • Customizable colors

Related posts
  1. A Highly Customizable Free Flash XML Banner Rotator
  2. A free, simple and fully customizable Flash XML Quiz
  3. A Free and Easy to use Drag & Drop Scrollbar Flash Component

]]> http://www.bitrepository.com/a-free-highly-customizable-and-minimalist-flash-checkbox-component.html/feed 0 http://www.bitrepository.com/a-free-highly-customizable-and-minimalist-flash-checkbox-component.html eCSStender: Simplify the design process by authoring modern CSS http://feedproxy.google.com/~r/bitrepository/~3/i8UTuzVzK-c/ecsstender-simplify-the-design-process-by-authoring-modern-css.html http://www.bitrepository.com/ecsstender-simplify-the-design-process-by-authoring-modern-css.html#comments Wed, 28 Oct 2009 07:19:37 +0000 Gabe http://www.bitrepository.com/?p=6613

]]> ecsstender

If you are looking for a way to take control of your CSS, then eCSStender is a choice to consider. It’s time to say hello to lean and mean CSS and forget about the browser-specific properties and hacks cluttering your files.

The following extensions are currently available or are in development:

  • CSS3 Selectors
  • @font-face support
  • CSS rotation (currently bundled with eCSStender as an example)
  • CSS3 border-radius (currently bundled with eCSStender as an example)
  • CSS3 Columns

Extensions built with eCSStender greatly simplify the design process because you can author modern CSS using advanced selectors, properties such as border-radius, or custom font faces and rest assured that your design will work… even in IE6.

Related posts
  1. Create super awesome buttons with CSS3 and RGBA
  2. WooFunction: 178 Free Web-related Icons in a Glossy Design Style
  3. Equivalent of PHP’s in_array() function

]]> http://www.bitrepository.com/ecsstender-simplify-the-design-process-by-authoring-modern-css.html/feed 0 http://www.bitrepository.com/ecsstender-simplify-the-design-process-by-authoring-modern-css.html A Free and Easy to use Drag & Drop Scrollbar Flash Component http://feedproxy.google.com/~r/bitrepository/~3/V_s8XSTzqgk/a-free-and-easy-to-use-drag-drop-scrollbar-flash-component.html http://www.bitrepository.com/a-free-and-easy-to-use-drag-drop-scrollbar-flash-component.html#comments Mon, 19 Oct 2009 18:01:06 +0000 Gabe http://www.bitrepository.com/?p=6574

]]> Flabell’s Free Content Scroller is an easy drag and drop scrollbar component with support for both vertical and horizontal scrolling. This easy to use flash component works by passing the content (text or not), a mask (the size of the mask is the display area), the offset and the direction.

General details:

  • Opens with: Flash CS3+
  • Resolution: Resizeable
  • Published size: 25kb
  • ActionScript version: AS3

This component also supports scrolling using the mouse wheel.

free-flash-content-scroller

Related posts
  1. A Free Highly Customizable and Minimalist Flash Checkbox Component
  2. A free, simple and fully customizable Flash XML Quiz
  3. A Highly Customizable Free Flash XML Banner Rotator

]]> http://www.bitrepository.com/a-free-and-easy-to-use-drag-drop-scrollbar-flash-component.html/feed 0 http://www.bitrepository.com/a-free-and-easy-to-use-drag-drop-scrollbar-flash-component.html Create specific vector graphics using Raphaël JavaScript Library http://feedproxy.google.com/~r/bitrepository/~3/qg2IrJRK_Uc/create-specific-vector-graphics-using-raphael-javascript-library.html http://www.bitrepository.com/create-specific-vector-graphics-using-raphael-javascript-library.html#comments Sat, 17 Oct 2009 07:58:51 +0000 Gabe http://www.bitrepository.com/?p=6559

]]> If you are looking for a way to create your own specific chart or image crop and rotate widgets than Raphaël is definitely a choice to consider. This simple to use JavaScript library uses the SVG W3C Recommendation and VML as a base for creating graphics meaning that every graphical object that you create is also a DOM object. Therefore, you can attach JavaScript handlers or modify them later.

Raphael-JavaScript-Library

Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

  • Tested in: Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
  • Source: http://raphaeljs.com/
  • License: MIT

Related posts
  1. Fancy AJAX Captchas with JQuery – For an awesome user experience
  2. Create Graphs and Charts using the MilkChart MooTools Library
  3. Bumpbox – An awesome lightbox clone with support for PDF files

]]> http://www.bitrepository.com/create-specific-vector-graphics-using-raphael-javascript-library.html/feed 1 http://www.bitrepository.com/create-specific-vector-graphics-using-raphael-javascript-library.html Change the way you write and manage your CSS using CSScaffold http://feedproxy.google.com/~r/bitrepository/~3/sC4B-qXtQP4/change-the-way-you-write-and-manage-your-css-using-csscaffold.html http://www.bitrepository.com/change-the-way-you-write-and-manage-your-css-using-csscaffold.html#comments Fri, 16 Oct 2009 19:55:34 +0000 Gabe http://www.bitrepository.com/?p=6555

]]> CSScaffold is a new type of CSS, built with PHP, that changes the way you write and manage your CSS. It speeds up your development time by doing the hard work for you. Scaffold is different to other CSS frameworks, like Blueprint and 960.gs, but it’s power lies in it’s ability to extend the CSS language. It offers you the possibility to generate the CSS found in other CSS frameworks dynamically, like grid classes to quickly build layouts. The framework uses .htaccess files to automatically pass any CSS file through Scaffold first for processing and caching. You just have to drop the files onto your server (keep the framework in your CSS directory) and you’re ready to go with the CSS you’ve already written.

Features include:

  • Written like CSS (it is not necessary to learn a new language to use it)
  • Usage of constants within the CSS document
  • Use mixins like in SASS and Compass
  • Nest selectors to tidy up your code
  • Optimize, compress and gzip
  • Generate test suites for typography, layouts and form styles
  • Plugin architecture that lets you extend the language the way you want

Related posts
  1. UIZE, a free powerful Open Source object oriented JavaScript Framework
  2. Manage your Personal To-Do List in AJAX-Style using myTinyTodo
  3. Changelogger: Find out why you should update WordPress Plugins

]]> http://www.bitrepository.com/change-the-way-you-write-and-manage-your-css-using-csscaffold.html/feed 0 http://www.bitrepository.com/change-the-way-you-write-and-manage-your-css-using-csscaffold.html xCSS: A Lightweight Open Source Object Oriented CSS Framework http://feedproxy.google.com/~r/bitrepository/~3/-prbTgs3Ndo/xcss-a-lightweight-open-source-object-oriented-css-framework.html http://www.bitrepository.com/xcss-a-lightweight-open-source-object-oriented-css-framework.html#comments Mon, 12 Oct 2009 17:36:32 +0000 Gabe http://www.bitrepository.com/?p=6542

]]> xCSS is an open source lightweight framework that bases on CSS to empower a straight forward and object-oriented workflow when developing complex styles cascades. This framework is very useful to cut out development time by: having an intuitive overview of the overall CSS structure, using variables, re-using style existing cascades, nesting selector declarations, extending objects and many other handy features. xCSS seemly integrated into any existing workflow. An advantage is that the CSS overhead is getting reduced while your (X)HTML attributes remain semantic.

xCSS-Object-Oriented-CSS-Framework

xCSS compiles on the fly (your natural CSS workflow remains the same) and it easily configurable (you can setup the file hierarchy and miscellaneous output settings in one single xCSS config file).

Related posts
  1. UIZE, a free powerful Open Source object oriented JavaScript Framework
  2. JoobsBox: A Free Flexible Open Source Job Board Software
  3. A free Open Source PHP MySQL driven knowledge base software

]]> http://www.bitrepository.com/xcss-a-lightweight-open-source-object-oriented-css-framework.html/feed 0 http://www.bitrepository.com/xcss-a-lightweight-open-source-object-oriented-css-framework.html Get a completly 100% Free Web Icon Set from GraphicRiver http://feedproxy.google.com/~r/bitrepository/~3/ztlecyW6wfM/get-a-completly-100-percent-free-web-icon-set-from-graphicriver.html http://www.bitrepository.com/get-a-completly-100-percent-free-web-icon-set-from-graphicriver.html#comments Sun, 11 Oct 2009 17:40:15 +0000 Gabe http://www.bitrepository.com/?p=6530

]]> To celebrate the Redesign of the Envato Marketplaces, GraphicRiver is sharing a completely free web icon set that was designed by the icon designers from Turbomilk. All you need is a link back to the free icon set page (http://graphicriver.net/free-icons) and you can use the icons in anything from personal to commercial items for sale on ThemeForest and FlashDen. Go wild!

graphicriver-free-icon-set

Related posts
  1. Download 1000 Free Beautifully Designed ‘Farm-Fresh Web Icons’
  2. 27 Free Circular Social Media Icons in 3 Sizes
  3. A beautiful set of Free Social Media Icons from WeFunction

]]> http://www.bitrepository.com/get-a-completly-100-percent-free-web-icon-set-from-graphicriver.html/feed 2 http://www.bitrepository.com/get-a-completly-100-percent-free-web-icon-set-from-graphicriver.html