jQuery for Designers is a really nice resource for those of us with jQuery inclinations.
Smokescreen Real-Time Converts Flash To HTML5
Smokescreen is a new open-source project:
Smokescreen is a new open-source project aimed at converting Flash to JavaScript/HTML5 to run where it previously couldn’t and better interoperate with webpages where it previously could.
With Smokescreen you can reach new platforms without learning any new tools; your Flash is automatically converted to JavaScript/HTML5.
Based on the iPad demo video and this online demo, I’m thoroughly impressed. It’ll be interesting to see how much ActionScript interactivity it can convert, presumably to JavaScript.
Ricardo Cabello's Canvas-Based Harmony Sketching WebApp
Harmony is a fun little web-app that uses HTML5s Canvas element and JavaScript to allow you to draw little, simple, sticky drawings. Read up on it and give it a whirl.
jQTouch Is For iPhone-Like Web-Apps
Storing this here for my own posterity as much as yours, jQTouch is a nice jQuery addon which gives you access to doing some very nice mobile-apps effects right in your HTML webpage. Combine it with this nice iPhone PSD template, and your CV just got a little meatier.
Gordon: Open Source Flash Player In JavaScript
Gordon – An open source Flash runtime written in pure JavaScript with SVG
Gordon is written by @tobeytaylor. Because it’s JavaScript and SVG, it even runs on the iPhone. Support is limited, currently, but development seems to be picking up. Best part: it doesn’t crash.
The Simplest JavaScript Show/Hide In The World
Need to hide, then show some HTML content? Maybe you need to hide some text until the user explicity asks for it? In any case, here’s a really simple way to do it:
<script type="text/javascript">
function toggle(element) {
document.getElementById(element).style.display = (document.getElementById(element).style.display == "none") ? "" : "none";
}
</script>
Click to toggle insightful quote…
In Code We Trust
Add this to your HTML (or preferrably your globally included JavaScript file):
<script type="text/javascript">
function toggle(element) {
document.getElementById(element).style.display = (document.getElementById(element).style.display == "none") ? "" : "none";
}
</script>
Add this to where you want to show or hide stuff:
<a href="javascript:toggle('secret')">Click to toggle…</a>
<div id="secret" style="display: none;">
Top Secret!
</div>
[Update]: Thanks to Jeff Minard for drastically optimising the code.
FlashObject Is Now Named SWFObject
Due to Adobe trying to “protect their Flash trademark, my favourite Flash embed script now formerly known as “FlashObject has changed its name to “SWFObject. Update your bookmarks. More on the event.