background preloader

Visual Programming for the Mozilla Framework

Visual Programming for the Mozilla Framework

70 New, Useful AJAX And JavaScript Techniques | Developer's Advertisement As the Web grows and becomes more dynamic, more and more websites have user-generated content and tools that greatly improve the user experience in terms of usability and accessibility. Interactive solutions for lightboxes, form validation, navigation, upload, auto-complete, image cropping, slideshows, tool tips, sliders and tables are being developed that use nifty JavaScript and AJAX scripts. When using these, developers have to carefully consider many subtle techniques to help users get things done. In this article, we present 70 new and useful JavaScript and AJAX techniques, all of which are of the highest quality and are more or less easy to configure. jQuery, MooTools, Prototype and script.aculo.us are used in these examples, so every taste gets its due. 1. Timeframe A click-and-drag timeframe, with a function for defining ranges. Dateslider This element enables you to pick dates with a simple slider bar. 2. 3. 4. 5. 6. 7. 8. 9. 10. Proto! 11. 12.

EL Ladder » DigitalMisery.com Background I knew I was going to be a Mad Scientist for Halloween this year and I wanted a cool prop for my laboratory (aka garage work bench). As an electrical engineer, I was always fascinated by the electric “Jacob’s Ladder” displays (or, more accurately, high voltage traveling arc). It really is the definitive mad scientist accessory, even though it really serves no (mad) scientific purpose other than demonstrating how high voltage can ionize air and jump large gaps. However, the rapidly rising white hot plasma and its buzzing and crackling sound cannot be beat. I looked into making one but several factors prevented me from doing so: Idea I really wanted to make one but the above reasons kept steering me away. Bildr-My project involves creating an electronic art simulation of a Jacob’s Ladder/High-Voltage Climbing Arc for a Halloween Mad Scientist display. Design Here are the main components that I finally settled on for the project: Build Next I needed to attach wires to each strand.

TableKit Return to article Introduction TableKit is a collection of HTML table enhancements using the Prototype framework. TableKit currently implements row striping, column sorting, column resizing and cell editing using Ajax. Demo: Sortable/Resizable/Editable Click the table header cells to sort the column, resize the column by dragging the right border of a header cell, click a cell in the table body to edit the value. Urgency Date Time Title Status Requested By Cost Size Keyboard is Broken In Progress Tom Closed Help, I'm on fire! New John My cup holder is not working Mark Windows is crashing Bill 06/07/2006xxx The ring came off my pudding can Assigned Blank Screen Xavier Should I open this email? The internet is broken Jill I can't print Documentation TableKit Basics Installation Reference the script in your HTML: Prototype and tablekit.js are required of course; Fastinit is optional. Simple Usage The easiest way to use TableKit is reference the script in your HTML and give you tables appropriate classes: Options Usage Styles

interfacing arduino+waveshield+standalone dmx box Dear Jon, Thx for your last message, it got me progressing quite a bit on my project's general architecture. As for right now, i have a question you might be able to answer, concerning interfacing my 4 Sharp IR analog range sensors (the 2YOA21 flavor). I would like the sensors, when they detect someone approaching less than a meter away, to send the Arduino a start signal for both the Waveshield and the Enttec dmx interface. So, i materialized the on/off state with two leds, the red one being lit when irVal is above 80cm, the green one when it gets under 80cm. I first tried with one sensor. I found different pieces of code i managed, God knows how, to assemble in a functional way. Here's the first piece of code. [edit]/* read_gp2d12_range Function that reads a value from GP2D12 infrared distance sensor and returns a value in centimeters. Javier Valencia 2008 (mod by seb) /* This is a simple code that reads an input from an analog pin on the Arduino and relays it back to the computer */ [/edit]

The JavaScript Library World Cup [JavaScript & DHTML Tutoria Love them or loathe them, JavaScript libraries are making a huge impact in the area of DOM Scripting. As AJAX matures, and the complexity of the scripts required to support its expanding use increases, it becomes much less feasible to produce custom code from scratch for every project. In addition, the growth of AJAX and the burgeoning interest in Web 2.0 applications is bringing many new people to the field. Not surprisingly, they don’t want to spend the long, hard years absorbing the arcane knowledge required to wrestle with browser bugs and API differences. Whether you’re an old-school DHTML guru or a Web 2.0 wannabe, it’s time you got to know some libraries. So, what’s out there? Over the past year or so, as DOM Scripting has exploded in the mainstream coding arena on the back of AJAX, a seemingly endless number of JavaScript libraries have joined the list of contenders. Of these four, there is no clear front-runner yet. Dojo can be downloaded from the Dojo site in several editions.

Robotic Xylophone With the holiday season approaching, we are always looking for a way to add a little Christmas spirit to our office. This year, we thought it would be awesome to have a musical instrument that we could control with a NerdKits microcontroller kit, and have it play holiday music. Keeping true with the NerdKits spirit, we decided to build a xylophone, build the whole thing from scratch, and teach about solenoids and shift registers along the way! Our homemade xylophone was a great way to put our milling machine to use cutting the bars for each note, and using the lathe for the solenoid forms and steel slugs. We made our xylophone from aluminum bars -- all 6061 aluminum alloy rectangular bars, with a 1.5" x 0.375" cross-section. We used a 1.5" long nylon spacer, plus three #6-32 nuts, plus one rubber washer to set the height of the bar above the acrylic. As described in the video above, we were able to adjust the length of the bars to get the note frequencies we wanted.

Rico Making Music with a Microcontroller Using a piezoelectric buzzer element, we can turn voltage into pressure waves, or sound. This project demonstrates code which can play any desired tone, and plays a song while showing each syllable on the LCD screen. You can download the source code. Take a look at more videos and microcontroller projects!

Related: