Nuovi strumenti per il web design e lo sviluppo: giugno 2012

Autore: Monica Porter
Data Della Creazione: 14 Marzo 2021
Data Di Aggiornamento: 17 Maggio 2024
Anonim
Linkedin per aziende: come usarlo per trovare clienti
Video: Linkedin per aziende: come usarlo per trovare clienti

Contenuto

Questo mese ha una sensazione di ricchezza e consistenza, con note terrose che emergono e alcuni forti aromi fruttati. Esatto, è un'annata. In un mese in cui Google ha collaborato con Lego per ricostruire l'Australasia un blocco alla volta, le app mostrate qui potrebbero essere solo una rosa ristretta. E a proposito, buildwithchrome.com non ce l'ha fatta.

L'indicazione più chiara che il web abbia iniziato a bollire in modo creativo è che l'output di questo mese è stato così vario: copriamo il tempo e il movimento con ProjectFlow, la semplicità gestuale con QuoJS e mashup video-HTML per gentile concessione di Mozilla. È come se qualcuno avesse preso un grosso cucchiaio di legno e avesse mescolato le cose. Che è buono.

È anche un vantaggio che chiunque abbia agitato avesse un sorriso ironico sul viso mentre lo faceva. Tutto ha un tocco di piacere: anche reFiddle, uno strumento regex, si sente spensierato. È ora che le cose nel mondo prendano una svolta per il meglio e ha senso che la ripresa inizi online. E soprattutto, nessuna delle nostre scelte ti costerà un centesimo.


1. ProjectFlow

Prezzo: gratuito

Alcune persone non amano niente di meglio che pianificare, codificare a colori e tracciare i propri progressi anche attraverso le attività più semplici. Altri altrettanto religiosamente ad lib. ProjectFlow offre a quest'ultima classe di individui un modo per mantenere schede molto basilari sul loro carico di lavoro senza sentire che stanno minando la loro vitalità creativa.

Per iniziare, scegli semplicemente le intestazioni di colonna per descrivere le fasi che il tuo lavoro può attraversare, quindi aggiungi le attività come e quando si verificano. Una volta che un determinato lavoro avanza a un nuovo livello di completamento, o anche "successo", trascini semplicemente quell'attività nella colonna pertinente e il gioco è fatto: hai finito con le noiose attività organizzative della giornata.

2. Mozilla Popcorn Maker 0.5.2

Prezzo: gratuito

Popcorn Maker, un insieme di strumenti per l'aggiunta di elementi interattivi ai file video, riuniti in un editor di tipo NLE, fornisce un semplice modo programmatico per creare produzioni video / web composte. Potrebbe anche sottotitolare il filmato del tuo gatto che suona il pianoforte.

Attualmente c'è solo una versione sandbox da esplorare, ma promette di offrire alcune interessanti possibilità per l'integrazione video / web WYSIWYG. L'SDK, nome in codice "Butter", richiede node.js e MongoDB, ma potrebbe rivelarsi un'utile aggiunta alla pipeline di produzione web.


3. QuoJS

Prezzo: gratuito

Poiché le piattaforme mobili e i motori JavaScript continuano ad evolversi, possiamo aspettarci una pletora di librerie progettate per offrire agli sviluppatori una prospettiva nell'ecosistema dei dispositivi. QuoJS è un esempio di come questa possa essere una buona cosa.

Leggero - a soli 14k - e con una sintassi semplice e leggibile, QuoJS ti offre gli strumenti di base per iniziare a creare app per tablet / dispositivi mobili in pochi minuti. È questo alto grado di usabilità che lo rende così prezioso.

Il rilevamento di eventi di tocco (alcuni ancora in dev), la ricerca e la manipolazione DOM, le funzioni Ajax e le query generali del dispositivo si uniscono per formare un sistema di controllo del dispositivo che puoi utilizzare come base da cui elaborare le tue app. Una bella soluzione.


4. reFiddle

Prezzo: gratuito

Prendi nota di questo, perché possiamo garantire che la prossima volta che lavorerai su qualcosa che richiede qualcosa di diverso dalla più banale delle soluzioni regex, avrai dimenticato tutto sull'argomento e tornerai per tentativi ed errori, proprio come il resto di noi.

Gestendo JavaScript, Ruby e .NET, tutto in tempo reale, reFiddle ha un fascino semplice e accattivante. Può anche essere utilizzato per eseguire test unitari, in modo da poter stabilire rapidamente con un certo grado di certezza se la tua equazione farà effettivamente il lavoro di cui hai bisogno o se in realtà è un insieme di simboli casuali disposti in linea.

Puoi anche cercare violini precedenti e controllare Stack Overflow, tutto dalla stessa finestra.

5. jQuery ++

Prezzo: gratuito

Chi non ama jQuery? Quasi nessuno. L'unico problema è che, quando ami qualcosa, è difficile vederne i limiti. Fortunatamente, non è necessario: jQuery ++ riempie la maggior parte degli spazi vuoti, anche quelli che non avevi capito fossero lì.

Animazioni CSS, lettura / scrittura per i cookie, serializzazione di moduli, eventi di trascinamento delegabili e il potere di ascoltare per ridimensionare gli eventi su ogni oggetto? Qualche errore, sicuramente. Gli utenti jQuery più esperti vedranno qui almeno uno o due plugin che portano un sorriso mesto sui loro volti. Inoltre, non è necessario aggiungere l'intera libreria: il sito consente di scegliere e scegliere il download.

6. Firefox Beta per Android 14.0

Prezzo: gratuito

Se navighi sul Web su un dispositivo Android, ci sono buone notizie questo mese: Firefox Beta per Android ha raggiunto la versione 14. E con il supporto dei video Flash, i tempi di caricamento migliorati e la possibilità di sincronizzarsi con la tua esperienza desktop, Firefox sta iniziando a guardare come un'opzione convincente.

In termini di usabilità, il cosiddetto "Awesome Screen" è in realtà un bel modo per gestire le varie attività organizzative che la navigazione sul Web genera. Firefox tiene a portata di mano gli screengrab della tua cronologia recente in modo che tu possa riprendere da dove avevi interrotto. E se esegui la sincronizzazione dagli altri dispositivi, non è necessario che sia la tua ultima sessione Android.

7. Mozilla Thimble

Prezzo: gratuito

Un semplice ambiente basato su browser per l'apprendimento di HTML e CSS, sarebbe facile liquidare Mozilla Thimble in quanto semplifica eccessivamente le cose, ma ciò non gli renderebbe giustizia. In uno scenario di classe, questa semplicità sarebbe un punto di forza.

Dal momento che Thimble non ha campane o fischietti di cui parlare, c'è ben poco da distrarre dall'evento principale: creare e pubblicare pagine HTML / CSS dal tipo di interfaccia di anteprima / codice dal vivo che diventerebbe presto familiare se ti mettessi al lavoro.

Non è perfetto, ma è un tentativo di produrre uno strumento che sia veramente utile in un contesto di apprendimento. E Mozilla apprezzerà sicuramente il tuo feedback.

8. jqmPhp 0.03

Prezzo: gratuito

Se sei uno sviluppatore PHP che guarda jQuery Mobile e pensa "sembra che potrebbe essere piuttosto noioso", jqmPhp ti tirerà su di morale. Grazie a questo set di classi PHP che delineano rapidamente le app jQM, tutto ciò che devi fare è generare l'oggetto PHP di base con una funzione echo e voilà!

jqmPhp è ancora in fase di sviluppo iniziale ma è un sistema intelligente, ben documentato e ha una sintassi molto sensata. Potrebbe essere necessario attendere che il team di jqmPhp si metta al passo con gli aggiornamenti a jQuery Mobile stesso, ma sembrano essere in cima a quello. Se ti piace PHP, è un gioco da ragazzi.

9. jQuery 1.8 Beta

Prezzo: gratuito

L'attuale beta di jQuery ha alcuni aggiornamenti davvero importanti, in particolare la capacità di indirizzare le proprietà CSS con prefisso del fornitore, controlli di animazione completamente revisionati e un sistema modulare integrato in modo da poter ridurre al minimo l'impronta del framework.

Altre modifiche molto apprezzate includono una riscrittura del motore di selezione che, secondo quanto riferito, ha dato a jQuery un aumento delle prestazioni a tutto tondo. C'è anche l'inizio di una repressione degli attacchi XSS con l'introduzione di un metodo $ .parseHTML.

Tutto sommato, questo si preannuncia come un aggiornamento particolarmente forte, quindi sarebbe molto pubblico da parte tua essere coinvolto e segnalare eventuali bug.

10. skrollr

Prezzo: gratuito

skrollr offre "scorrimento parallasse per le masse", che si traduce approssimativamente in animazioni di proprietà CSS nel tempo utilizzando l'attributo dati HTML5 per descrivere i fotogrammi chiave in base alla posizione di scorrimento. È roba terribilmente intelligente e i risultati sono straordinariamente impressionanti.

Questo genere di cose è facile da esagerare, ma con skrollr che rende l'intero processo quasi indolore, non sentirai il bisogno di gridare dei tuoi effetti di scorrimento abilmente stratificati. Né ti sarà richiesto di usare jQuery, perché skrollr è completamente privo di dipendenze.

Se di recente ti sei imbattuto in strumenti interessanti che non sono stati inseriti nella nostra lista ma pensi che dovrebbero averlo, faccelo sapere nei commenti. Allo stesso modo, se hai creato uno strumento che vorresti che includessimo nella prossima carrellata, mandaci un'e-mail!

Consigliato
La guida per professionisti alla progettazione dell'interfaccia utente
Per Saperne Di Più

La guida per professionisti alla progettazione dell'interfaccia utente

Quando ho iniziato la mia carriera, ero un web de igner. Ho lavorato nel web de ign per quattro anni, iniziando con iti di piccole impre e per poi pa are a clienti più grandi. Ho coperto che non ...
10 consigli utili per i principianti della stampa 3D
Per Saperne Di Più

10 consigli utili per i principianti della stampa 3D

Recentemente u Creative Bloq, abbiamo e aminato le tampanti 3D, nei eguenti po t:5 fanta tici de igner di tampanti 3D po ono permetter i3 fanta tiche tampanti 3D de ktop per progetti ti enza ingombri3...
10 design di specchi creativi
Per Saperne Di Più

10 design di specchi creativi

pecchio, pecchio ul muro, qual è il più bello di tutti voi? In tutto il mondo, i creativi tanno tra formando que ti comuni oggetti per la ca a in brillanti pezzi di de ign. Dai un'occhi...