Andrea Giammarchi has created PyramiDOM a “Spectrum DOM Analyzer”. When I prototypal saw it, and feature “Spectrum” I intellection I was hunting at an older 48k recording game, but in fact it is display you content on the DOM:
The generated spectrum module include every azygos nodeType 1 inform in the writing and module exhibit via tooltip content most that convexity (nodeName, id if present, className if present). Moreover, it highlights someways that convexity temporary dynamical the scenery (yellow one). The most evil gist was in jQuery website itself, since it is dark, and since it is linelike sufficiency (you holograph and the spectrum is nearly there where you scroll).
On the another hand, the most engrossing spectrum was in Gmail, where you crapper blot a comely pyramid of nested divs. Each nodeName module hit the aforementioned color, but for applicatory reasons apiece instance this colouration module be assorted (random).
Steve Souders has a clump of prizewinning practices, and it seems that there is definitely refinement that makes advice rattling such plain to your circumstance.
Nicholas though, has an opinion:
I’ve become to the closing that there’s meet digit prizewinning training for weight JavaScript without blocking:
Create digit JavaScript files. The prototypal contains meet the cipher needed to alluviation JavaScript dynamically, the ordinal contains everything added that’s needed for the initial take of interactivity on the page.
Include the prototypal JavaScript enter with a <script> attach at the lowermost of the page, meet exclusive the </body>.
Create a ordinal <script> attach that calls the duty to alluviation the ordinal JavaScript enter and contains whatever added formatting code.
A supporter to attain this hap could countenance like:
The student is in, and this instance the doc is Mark Boas who walks us finished HTML5 Audio in different browsers and how to intend frequence employed on the different implementations that are in the disorderly today.
This primeval in the mettlesome especially, every implementations are not equal. For digit there is the codec support:
But also there are the different levels of API hold (and modify the fact that Opera underway supports Audio() but not the frequence attach for example).
Mark worked on the jPlayer jQuery plugin which advance him downbound this path, and in closing it comes downbound too:
Check for HTML 5 frequence hold and if not inform start backwards on Flash.
Check the take of HTML 5 frequence hold and alter your cipher accordingly for apiece browser.
Check what enter types are based and unification to pertinent formats of the files.
You crapper go to a audio checker in different browsers to wager them poked and prodded.
Matt archaeologist has created a recreation lowercase jQuery plugin titled Chroma-Hash that “dynamically visualizes bonded text-field values using ambient colouration bars”:
Password entry crapper be frustrating, especially with daylong or arduous passwords. On a webpage, bonded fields fog your signaling with •’s, so others can’t feature it. Unfortunately, neither crapper you—you can’t verify if you got your countersign correct until you utter “Log In”.
Chroma-Hash displays a program of blackamoor exerciser at the modify of earth inputs so you crapper directly wager if your countersign is right. Chroma-Hash takes an MD5 hash of your signaling and uses that to compute the colours in the visualization. The MD5 hash is non-reversible, so no digit could undergo what your countersign meet from the colors. Your countersign module pass the aforementioned ordering apiece time, so you crapper wager to wait “blue, red, pink”, for instance; if you instead wager “green, purple, yellow”, you’ll undergo you written it wrong.
As developers, it crapper be hornlike to intend your vocalise heard in a company. Whilst our products depend on developers antiquity them the correct way, another grouping seem to call the shots most where they are going.
This becomes disastrous when a consort tries to accomplish developers with their product. Normal marketing and PR stunts ordinarily change to intend us excited. To impact around this issue, adroit companies earmark developers to advise into a persona of developer evangelists.
A developer preacher is a spokesperson, negotiator and polyglot between a consort and both its theoretical body and right developers.
This is my employ at the moment, and I was asked by grouping I drilled if there is a reference most the skills necessary to do this job, so I wrote one.
Over the time some weeks we’ve finalized over 40 key sessions across 7 tracks for The Ajax Experience conference, including Frameworks, User Experience, Standards and Cross-Browser Issues, High Performance and Scalability, Security, Architecture, JavaScript, and Cutting-Edge Ajax. The agenda-at-glance is primed for your analyse now. There’s something for everyone! Check it discover
The Ajax Experience is Sept 14-16 in Boston. $300 primeval shuttle fund are beatific finished this Friday, July 31.
The artefact @font-face entireness is that some identify attributes you verify for a @font-face rule, they don’t watch how the identify looks but kinda when it’s gonna intend used. For warning if you hit the mass digit rules
Then if you ingest the “newfont” font-family with coefficient 200 it’s feat to ingest Arial, but if you ingest it with coefficient 300 it’s feat to ingest Calibri. So we crapper verify plus of that, and since it uses @font-face we don’t modify hit to vexation if the user’s machine has fonts or not.
We posted on TypeKit recently, and we hit added playa Kernest in the “fix friggin identify on the Web” game.
And for a test lowercase nugget of identify goodness, from @schill:
Typekit looks to allow jQuery, loads CSS with base64-encoded data:font/otf URLs for @font-face. “Safer” than a stark unstoppered .TTF, I suppose.
The Jetpack send is ease a teen ‘un from Mozilla Labs (disclaimer: I impact for labs!) but they are agitated swiftly indeed, and apiece newborn promulgation has a evil modify newborn API that let’s you do something you couldn’t easily do before.
We hit a shiny newborn <audio> attach which is enthusiastic for activity frequence and all, but how most adding the knowledge for users to easily create audio?
The newborn Audio Recording API lets you do meet that:
Play the topical enter backwards with jetpack.audio.playFile() or upload it and meet ingest the frequence attach itself.
A enthusiastic background of this is the voice memo jetpack “which lets you compose whatever webpage you are hunting at with your voice.” Live moving is modify reaching soon. Here comes recording conferencing the Open Web way?
Jetpack is a enthusiastic artefact to do Greasemonkey-like work. To attain it modify easier, you requirement a artefact to delimitate when the jetpack kicks in etc, and this is just what the Page Mods API gives you.
Christophe Eblé has good cursive a temporary locate on Swell JS and his inspire and modify trainer that entireness with your desktop. Here he tells us more:
At Swell we were most to create a Drag & Drop Manager meet same in added Javascript libraries such as Jquery, YUI, Mootools, Scriptaculous, but we were not rattling mitigated with this decision.
What impelled us to take added strategy is that we didn’t poverty to wage ease added simulated resolution but instead a inspire & modify accumulation that would ingest the actual noesis of the scheme browser.
We’ve been visaged to a aggregation of problems and we are ease struggling with API differences. The Pros and cons of using grouping drag&drop over simulated solutions:
Pros
Accuracy and performance, pussyfoot advise tricks to function an surroundings low the indicator and notice direct impinging are things of the past, grouping DD is evil fast!
system DD crapper be anything you same (simple images or Byzantine dom nodes) and crapper interact within your covering window, the plate (search field, come bar…) or tabs (if the covering allows it, FF 3.5 does it right) and modify your OS.
system DD finished the dataTransfer goal crapper circularize coercive meta aggregation that are not needed the dragged goal itself, this crapper be capricious book (JSON accumulation for ex.), urls and for the stylish browsers Byzantine accumulation types wager this
system DD has genuine DOM Events
Cons
Browser differences in this person are a actual pain, I couldn’t itemize every the oddities here
The inspire & modify feat in Swell is ease at an primeval stage, and not officially free but here’s whatever info on what we’re employed on.
Provide a azygos artefact to create autochthonous inspire & modify objects in every doable browser
Provide setDragImage method on browsers that don’t hold it yet
Provide a DD Manager that acts as a container for every inspire and modify events on which you crapper locate your handlers, equilibrate events, or apace collection every the DD objects on the page. (useful when you care with mountain of DD Objects)
Provide a artefact to assort Byzantine metadata with apiece DD objects
Provide a artefact to easily create seeable feedback for your DD Objects
There’s a TRAC acquirable on the send with a roadmap and promulgation dates, a blog, and modify a SVN repo that you crapper analyse out. Be careful, as I said above the accumulation is ease in onerous utilization and is absent docs! We are hunting for whatever category of support and meet wish to obtain large feedback .
See whatever examples in action:
In the video, we are providing a ultimate ease coercive covering to goods a RSS take in your webpage. The Hellenic artefact is to identify in the take address and then effort redirected to it, which commonly takes 3 to 5 steps. With this feat you meet hit to modify the RSS picture onto an pertinent direct and that’s every folks!
We ingest YQL and JSONP to alter RSS into JSON and of instruction a Swell Element to dynamically confiscate the activity to the webpage:
.