Il meglio del 2008 - JavaScript

Nell'ultima parte della nostra serie di riepiloghi, è tempo di vedere alcuni dei JavaScript Goodies del 2008. Alcuni dei seguenti sono risorse, alcuni sono tutorial utili, alcune opinioni e altri semplicemente cose interessanti e divertenti.

C'è sempre una lezione o due da portare via da questi, e potrebbe aiutarti a entrare nel nuovo anno con una varietà di nuove competenze nel tuo portafoglio.

sIFR Lite

“ Una volta alcuni sviluppatori web davvero bravi hanno creato sIFR. Il loro obiettivo era convertire senza problemi i titoli HTML in bei caratteri. Bene, questi sviluppatori hanno fatto un ottimo lavoro facendolo funzionare bene. Guardando il loro codice, ho deciso di creare una versione "lite" di sIFR usando un approccio più orientato agli oggetti. sIFR Lite è un po 'più facile da leggere e più intuitivo da usare. ”

Visita il sito

DD_belatedPNG

Supporto per immagine di sfondo alfa-translucenza PNG a 24 bit + posizione di sfondo + ripetizione di sfondo per IE 6 finalmente!

Visita il sito

Il plugin jQuery EqualHeights

“La creazione di colonne di uguale altezza con CSS a volte è un orso. Ma chi ha bisogno del fastidio di finte colonne, div "chiari" e il resto? Con questo bit di jQuery, puoi facilmente equalizzare le altezze di qualsiasi gruppo di elementi. ”

Visita il sito

jQuery.popeye - un'alternativa lightbox in linea

“Il plug-in trasforma un elenco non associato di immagini in una casella che mostra solo un'immagine di anteprima alla volta. La casella contiene i controlli per scorrere le immagini di anteprima e ingrandire una determinata immagine. La casella si espande per adattarsi alla versione ingrandita, mentre i controlli sono nascosti nella modalità di dimensione immagine completa. Un semplice clic sull'immagine riporta la scatola al suo stato compatto. "

Visita il sito

DD_roundies

Un modo semplice per implementare angoli arrotondati in IE.

“Nessuna tabella a 9 celle per una scatola rotonda. Nessuna immagine Non aggiunge una mezza dozzina o più nodi HTML a un elemento contenitore (più simile a uno, massimo di due e solo in IE). ”

Visita il sito

Niceforms

“ Niceforms è uno script che sostituirà gli elementi del modulo più comunemente usati con quelli personalizzati. Puoi utilizzare il tema predefinito fornito oppure puoi persino sviluppare il tuo look con il minimo sforzo. "

Visita il sito

Angoli jQuery 0.3

“Questo plugin jQuery creerà facilmente angoli meravigliosamente arrotondati. Non sono necessarie immagini o markup invadenti. "

Un altro copione ad angolo arrotondato a tuo vantaggio!

Visita il sito

Plugin del menu jQuery di Superfish

"Superfish è un plug-in jQuery di menu stile Suckerfish avanzato che accetta un menu a discesa CSS puro esistente (quindi degrada con grazia senza JavaScript) e aggiunge i seguenti miglioramenti molto richiesti."

Visita il sito

JavaScript ci salverà tutti

L'opinione di Eric Meyer sul perché dovremmo guardare a JavaScript per estendere il supporto standard gravemente carente in molti browser, invece di aspettare che i fornitori di browser li implementino.

Visita il sito

CSS Sprites2 - È tempo di JavaScript

"Un senso di movimento è spesso il differenziatore tra siti Web pesanti di Flash e siti basati su standard. Le interfacce Flash sono sempre sembrate più vive, rispondendo alle interazioni dell'utente in modo dinamico che i siti Web basati su standard non sono stati in grado di replicare. Ultimamente questo sta cambiando, ovviamente, con una rinascita degli effetti dell'interfaccia dinamica, aiutati dalle librerie JavaScript che lo rendono facile: librerie come Prototype, Scriptaculous, Moo, YUI, MochiKit (e potrei continuare). È giunto il momento di rivisitare la tecnica CSS Sprites di quattro anni fa e vedere se non riusciamo a interferire un po 'di movimento per conto nostro. "

Visita il sito

jParallax

“JParallax trasforma un elemento selezionato in una 'finestra', o finestra, e tutti i suoi figli in livelli assolutamente posizionati che possono essere visti attraverso la finestra. Questi livelli si muovono in risposta al mouse e, a seconda delle dimensioni (e delle opzioni per l'inizializzazione del livello), si muovono di quantità diverse, in un modo di parallasse. "

Gioia pura!

Visita il sito

Piè di pagina fisso senza JavaScript

Una tecnica CSS pura per posizionare piè di pagina fissi, testato fino a IE 5.5.

Visita il sito

Layout dinamico

"Il layout dinamico è una semplice libreria JavaScript che consente di regolare facilmente il layout della pagina in base alla larghezza del browser corrente."

Visita il sito

Smetti di usare Ajax!

“Ajax è un'idea valida e utile. Ma ogni idea si riduce a un'implementazione pratica - una tecnologia che la realizza - e in questo caso la tecnologia è immatura, perché lascia indietro gruppi di utenti. I più importanti e fortemente colpiti sono quelli che usano tecnologie assistive, ma anche quelli che usano browser meno capaci che non supportano gli oggetti di script necessari o non supportano affatto lo script. ”

Visita il sito

Ecco come far funzionare sIFR

"L'obiettivo di questo tutorial è quello di distillare le informazioni sul sito ufficiale per il SIFR in un semplice processo passo-passo su come implementare il SIFR sul tuo sito.

Dopo aver seguito questo tutorial avrai una conoscenza di base di come funziona sIFR e sarai in grado di espandersi in aree più avanzate. "

Visita il sito

FancyZoom

Smooth Javascript Image Zoom per le tue pagine Web.

Visita il sito

Cubo 3D rotante in JavaScript

Niente di più, niente di meno! Controlla.

Visita il sito

Super Mario in Javascript da 14kB

“ Ecco un esperimento per mantenere le cose piccole e confinate in un file Javascript. Non ci sono file di immagine esterni o altro, tutto è reso con Javascript usando elementi canvas o tattiche div di vecchio stile (per IE). Gli sprite sono memorizzati in stringhe con codifica personalizzata in un formato che consente solo 4 colori per ogni sprite ma a sua volta occupa solo circa 40-60 byte per sprite. ”

Visita il sito

10 tecniche Javascript intelligenti per migliorare l'interfaccia utente

"Javascript è in genere utilizzato come linguaggio estetico nello sviluppo web. Ciò significa che gli sviluppatori Web dovrebbero quasi sempre utilizzare Javascript solo per una cosa: migliorare l'esperienza del visitatore. Esistono molti modi intelligenti e utili per migliorare un sito dal punto di vista dell'interfaccia utente. Uno sviluppatore può trovare quasi ogni frammento di Javascript per ottenere ciò che desidera realizzare ".

Visita il sito

25 fantastici giochi JavaScript (un po 'di divertimento e ispirazione)

“JavaScript, con l'ascesa di Ajax, è sicuramente un must-know-well per ogni web designer / sviluppatore.

Oltre ai controlli dei moduli, agli avvisi e al semplice utilizzo di JavaScript simile, puoi quasi fare qualsiasi cosa con l'aiuto di JavaScript (e Canvas). "

Visita il sito

I 5 migliori bookmarklet preferiti

"I bookmarklet sono i link abilitati per JavaScript che puoi inserire nei tuoi bookmark che interagiscono con qualsiasi pagina ti trovi. I migliori bookmarklet funzionano come ci si aspetterebbe in genere da una barra degli strumenti, estendendo la tua esperienza di navigazione. Tuttavia, poiché sono scritti in JavaScript, funzionano tutti all'interno del browser e senza richiedere installazione. Ecco 5 bookmarklet altamente consigliati che puoi trascinare sulla barra degli strumenti del browser o sui segnalibri per prolungare la tua esperienza di navigazione. "

Visita il sito

10 promettenti frame JavaScript

“I framework / librerie JavaScript più diffusi come jQuery, MooTools, Prototype e YUI (per citare alcuni dei framework JavaScript più popolari in circolazione) hanno sicuramente una solida base nell'arena del framework JavaScript. Ma per gli sviluppatori più avventurosi alla ricerca di framework / librerie nuovi o alternativi, ci sono alcuni framework eccellenti al di fuori di quelli popolari che vale la pena provare. ”

Visita il sito

5 utili soluzioni di codifica per progettisti e sviluppatori

“Spesso soluzioni di design creative e davvero straordinarie rimangono sconosciute perché noi, i designer, semplicemente le trascuriamo. Essendo impegnati con i nostri progetti, a volte proviamo a cogliere l'intuizione dietro (probabilmente) il codice complesso e disordinato di altri designer per capire come riescono a implementare particolari idee di design. In effetti, semplicemente osservando il codice di altri sviluppatori, possiamo imparare molto da loro; possiamo trovare idee interessanti e migliorare la qualità del nostro lavoro ".

Visita il sito

Chiamata ai servizi Web tramite AJAX

Questo tutorial ti darà una buona idea di come utilizzare JavaScript per interagire con i servizi Web.

Visita il sito

JavaScript Pretty Date

“… Un modo semplice per formattare vecchie date JavaScript in modo“ carino ”. ”

Visita il sito

App per iPhone JavaScript

“Ho osservato, con interesse, gli sviluppatori che creano nuove applicazioni per iPhone. Possederne uno io stesso ed essere informato in JavaScript - Mi chiedevo quali opzioni ci fossero per creare applicazioni JavaScript scaricabili o iPhone. Nel fare alcune ricerche ho trovato una serie di soluzioni, alcune più semplici di altre, alcune che richiedono più conoscenza di Objective-C di altre. ”

Visita il sito

Tecniche Ajax più ricercate: oltre 50 esempi ed esercitazioni

“Le applicazioni Web hanno fatto enormi passi avanti nel miglioramento dell'esperienza utente grazie alla tecnologia Ajax sviluppata di recente. Quando combini alcune funzionalità pulite per gentile concessione di PHP con l'intelligenza di JavaScript puoi ottenere risultati piuttosto interessanti. Nel tentativo di aiutarti a fare un passo avanti, vorremmo condividere alcuni metodi per aiutare il tuo sito ad anticipare la prossima mossa di un utente. "

Visita il sito

50 eccellenti tutorial AJAX

“AJAX offre agli sviluppatori Web numerose opportunità per migliorare l'esperienza dell'utente e migliorare le prestazioni dei propri siti Web. Esistono innumerevoli modi in cui AJAX può essere utilizzato e fortunatamente ci sono molti tutorial AJAX utili e utili per aiutarti nella tua implementazione.

Questo post funge da raccolta di tutorial utili su come lavorare con AJAX in un'ampia varietà di modi. ”

Visita il sito

10 cose che l'IT deve sapere sull'Ajax

“L'introduzione di qualsiasi nuova tecnologia Web influirà sull'infrastruttura di una rete in modi che vanno dall'interruzione alla distruzione della terra. Ajax è una delle nuove tecnologie Web più dirompenti che viaggiano oggi attraverso le reti. Per aiutarti a ridurre al minimo le sorprese future sulla tua rete, abbiamo delineato le 10 cose che dovresti prendere a cuore su Ajax. ”

Visita il sito

jQuery timepickr

" Jquery.timepickr è stato creato nel tentativo di rendere il processo di inserimento del tempo in una forma il più semplice e naturale possibile."

Visita il sito