Ho mai fatto screencast per te per rendere più facile l'apprendimento, ma se l'inglese è la tua passione, penso che ti piacerà davvero questo post che ti porto.
Un screencast è una registrazione digitale dell'output dello schermo di computadora, a volte contenente narrazione audio. Sebbene il termine screencast date da 2004, prodotti come Loto ScreenCam sono stati utilizzati da allora 1993. I prodotti pionieri producevano file enormi e avevano funzionalità di modifica limitate. I prodotti più recenti supportano formati di file più compatti come Macromedia Flash e dispongono di funzioni di modifica più sofisticate che consentono di modificare la sequenza, il movimento del mouse e l'audio.
Ci sono non meno di trentaquattro screencast per migliorare le tue capacità di progettazione e programmazione, tutti in inglese ma molto ben spiegati e di ottima qualità, quindi non devi preoccuparti.
Fonte | 1°WD
AIAX:
1.AJAX che aggiorna i contenuti RSS
Supera i fastidi dell'aggiornamento della pagina aggiornando i contenuti senza un aggiornamento della pagina di manuale. Questo video mostra le cose da fare e come aggiornare i feed RSS con l'aiuto di AJAX.
Se stai facendo un solo feed, penso che sarebbe più efficiente eseguire il roll del tuo codice JavaScript, soprattutto se si tratta solo di analizzare RSS. Da quello che ricordo, SimplePie sembrava essere molto sovraccarico.
2.Semplice effetto Jquery spia
La cosa grandiosa del sito QuickSnapper di Realmac è che se JavaScript è disattivato, l'elenco degli snap è visibile per impostazione predefinita. Quindi seguiremo l'esempio.
Vale anche la pena notare che la loro versione continua a inserire nuovi elementi fino a quando non arriva alla fine. Ti mostrerò come mantenere l'elenco in loop e in un tutorial successivo ti mostrerò come collegarlo a un successo Ajax che non martella il tuo server e mantiene l'effetto piacevole e fluido.
3.I 25 migliori video tutorial di AJAX da YouTube
I tutorial presentati qui danno un inizio da zero su come creare un documento HTML, aggiungendo javascript e anche collegando un javascript esterno a quello, creando chat AJAX, aggiungendo elementi AJAX a una pagina web usando il framework Spy, inserendo oggetti AJAX in Adobe Dreamweaver, come creare applicazioni Mash up utilizzando il framework AJAX, creare un Delphi per PHP web anche sul database AJAX MySql
jquery:
4.Intestazioni scorrevoli come iPhone
Ti sei mai sentito frustrato quando non riesci a trovare l'intestazione durante la navigazione di un contenuto e ti sei perso con l'oggetto
quando si passa alla pagina successiva, questo cast dello schermo aiuta l'intestazione a rimanere contenuto e sostituisce anche l'intestazione successiva contemporaneamente quando si passa alla pagina successiva in modo sottile. È molto utile per ogni web designer che sta seguendo la tendenza.
5.Salto dell'animazione Slidedown rivisitato
Avresti notato che la tua animazione salta verso la fine, il che potrebbe essere dovuto a problemi di altezza.Questo cast dello schermo ti aiuta a trovare una soluzione considerando i fattori di altezza memorizzando un'altezza in linea e impostando un'altezza in linea in seguito e procedi di conseguenza se stiamo rivelando o nascondendo l'elemento. Possiamo usare questa azione per mostrare i nostri risultati o possiamo usarla anche nelle FAQ. Quindi non c'è bisogno di aggiornare la pagina.
6.Galleria di scorrimento
Vuoi creare una galleria con una diapositiva per navigare tra gli elementi? Questo cast dello schermo ti aiuta con semplici passaggi per tradurre la posizione dei cursori per far scorrere i prodotti inversamente con l'aiuto di Markup, controllo del widget di scorrimento, jQueryUI, CSS e alcuni plug-in che forniscono uno scorrimento più veloce e una pausa quando necessario. Puoi visualizzare i tuoi prodotti e puoi rotolare le tue immagini ecc.
7.Jquery per principianti assoluti
Una serie per principianti assoluti di 15 giorni in Jquery con Theme forest.net come riferimento di Jeff Way che ha video esclusivi per ogni giorno in cui puoi imparare tutti i metodi, lo switcher in stile Jquery, l'effetto hover e molto altro ancora utilizzato in Themeforest.net.
Questa serie di screen cast ti insegnerà Jquery in modo chiaro ed efficace Ogni screencast ha il suo stile e sarebbe molto utile per i principianti che hanno bisogno di imparare Jquery in modo difettoso.
8.Crea menu di navigazione in stile lampada lava
Impara a creare un menu in stile lampada lava dall'inizio che inizialmente dimostra lo stesso processo utilizzando un menu a tre livelli e quindi crea un menu lampada lava utilizzando una libreria Javascript in questa schermata.
È un modo altamente professionale per monetizzare il tuo sito web e questo tipo di menu ti darà una buona occhiata al tuo sito web.
9.Giostra infinita automatica
La maggior parte delle volte un'azione di scorrimento non si interrompe automaticamente e dobbiamo controllarla manualmente quando necessario, quindi per rendere automatica un'azione di scorrimento e metterla in pausa quando il mouse è sopra il carosello usando Jquery è dimostrato in questo cast dello schermo.
Possiamo usare questo carosello anche per scopi dinamici.
10Jquery guarda tim van damme
Gli effetti chiave di Tim, gli effetti Fisarmonica e Hover, che funzionano solo in Webkit, possono funzionare anche in jQuery quando vengono presi in considerazione due fattori, ovvero il margine animato, a sinistra e l'effetto di dissolvenza incrociata rgba dello sfondo.
Per ulteriori dettagli passare attraverso lo screencast e trovarlo da solo.
11Finestra di accesso popup
L'autenticazione viene sempre eseguita con l'aiuto di una password, questa schermata sarà molto utile ai fini dell'autorizzazione.
In questo cast di schermata creiamo una semplice finestra pop up che verifica la password di un account in un server LDAP e dove i dati vengono passati da un collegamento alla finestra creata dinamicamente.
12Screencast per creare il tuo plug-in jquery
Segui la guida degli esperti James Padolsey, Jeffery Way e Dan Wellman in questo cast di schermate per creare i tuoi plugin Jquery e usarli nei tuoi programmi. Ho imparato come impostare i valori predefiniti, precaricare le immagini, creare metodi di richiamata e creare pulsanti di opzione dinamici utilizzando Jquery, CSS.
Per imparare i passaggi completi, studia la trasmissione dello schermo completa.
13. Serie di video Jquery
Un regime di allenamento più elaborato e preciso di 10 minuti per Themeforest.net e utilizzando lo stesso come utilizzare la libreria Jquery e creare i propri progetti con l'aiuto della descrizione di serie di video per 15 giorni.
L'intera serie porterà i principianti come professionisti di successo in Jquery, che potranno modificare e personalizzare le applicazioni Jquery in modo flessibile.
Screencast PHP:
14Immergersi in PHP
Un breve tour su vari argomenti in PHP viene fornito come tutorial separati. Questi tutorial autonomi di Jeffery Way ti insegnano a caricare file utilizzando PHP con l'aiuto del blog ThemeForest, che è una fonte completa sulle query PHP.
Questo cast di schermate copre i diversi tipi di argomenti per i principianti e gli utenti di livello intermedio.
15PHP Json Jquery Screencast Ajax
Per creare una comunicazione tra PHP e l'origine dati JSON utilizzando la funzionalità AJAX di jQuery in cui creiamo uno script per inviare i dati JSON, quindi un array PHP, quindi carichiamo il file e la nostra origine dati viene popolata.
Per conoscere i passaggi completi, guarda lo screen cast completo, uno screencast avanzato per gli amanti di PHP.
16.Sito di amministrazione delle foto che utilizza PHP e Jquery
Questo screencast ti aiuta a creare un sito di foto utilizzando PHP e jquery in cui viene creato un database con la raccolta di foto e all'amministratore vengono concessi i diritti di aggiornare il titolo delle foto e di mantenere eventuali sottodirectory facendo clic sul testo .
Puoi amministrare l'intera galleria fotografica secondo le tue esigenze. La specialità di questo cast dello schermo sta usando Jquery, stiamo accedendo alle gallerie.
Screencast CSS:
17HTML e CSS sono le basi
Aiuta il principiante assoluto con le basi di HTML e CSS che sono solo file di testo a un livello in cui puoi usarli come anteprima nel tuo sito web.
Questo screen cast ti insegna che HTML è il contenuto e CSS è il design del sito web e anche come creare un sito web di buona qualità. Qui puoi imparare le basi di HTML e CSS in modo da poter gestire facilmente i siti web quando appresi bene le basi.
18Galleria di immagini CSS3 modificabile
Creiamo un modello di progettazione di una galleria di immagini piuttosto tipico, una griglia di immagini che appaiono più grandi quando si fa clic. Questa galleria di immagini ti darà un aspetto altamente professionale per il tuo sviluppo web.
Ma questa pagina della galleria di immagini fa uso del markup HTML5 semantico caldo, un sacco di prelibatezze visive con CSS3 e jQuery e reso modificabile tramite CMS PageLime.
19.Come usare gli sprite CSS
I CSS Sprite sono stati un argomento caldo da molto tempo ormai. Il fatto è che ogni immagine su una pagina web è una richiesta server separata e puoi aumentare notevolmente le prestazioni di una pagina Ridurre il numero di richieste HTTP migliora i tempi di caricamento. Per ottenere ciò usiamo gli sprite CSS, come creare uno sprite CSS e come descriverli qui.
Questo ti darà una buona idea sugli sprite CSS e su come usarli con il tuo lato di sviluppo web.
20Sguardo dettagliato al framework CSS 960
Il 960 Grid System è uno sforzo per semplificare il flusso di lavoro di sviluppo web fornendo dimensioni di uso comune, basate su una larghezza di 960 pixel. Sono disponibili due varianti: 12 e 16 colonne, che possono essere utilizzate separatamente o in tandem.
Non è necessario padroneggiare il codice per creare un'applicazione Web. I framework CSS sono lì per scrivere il codice. Trascorri del tempo con questo cast dello schermo per conoscere i framework e sviluppare in modo efficiente le tue applicazioni web.
21. Commutatore di immagini
Image Switcher è un JavaScript gratuito che inserisce automaticamente una serie di immagini in una singola porta di visualizzazione hot-swap. Si tratta di un puro commutatore di immagini CSS, leggero e conforme agli standard. Potrebbe essere utilizzato per una galleria o qualsiasi funzione simile. È possibile utilizzare un numero qualsiasi di opzioni di selezione dell'elenco purché la larghezza le possa contenere.
Cambiare le immagini mentre ci si sposta su un collegamento è ciò che questo cast dello schermo ti insegna senza l'aiuto di JavaScript. Per ottenere ciò, devi solo attivare lo z-index al passaggio del mouse e un po 'di posizionamento assoluto.
22Costruire una galleria fotografica
Come molte persone là fuori, potresti voler creare un sito web per mostrare le tue foto di amici, familiari, vacanze, matrimoni, ecc. Bene, questo piccolo tutorial ti mostrerà come creare una galleria fotografica e caricarla su Internet.
Una galleria fotografica che si costruisce automaticamente con le immagini da una directory così come le sottodirectory è possibile tramite CSS. Chris Coyier insegna in questo cast dello schermo a costruire una galleria fotografica automatica.
23Incorporamento dell'audio
Come incorporare un file MP3 (come un podcast, una canzone o una musica di sottofondo) in una pagina Web o in un feed RSS in modo che i visitatori possano ascoltare l'audio nel browser stesso senza richiedere un lettore esterno come QuickTime o Windows Media Player.
La maggior parte dell'immagine utilizziamo un'immagine o un file audio. Ma un'immagine con un audio in sottofondo rende l'utente abbastanza a suo agio nel cogliere le informazioni. Chris Coyier insegna lo stesso con l'aiuto di JavaScript e Flash in questo cast dello schermo.
24Utilizzando CSS3
Sono state progettate molte nuove interessanti funzioni e caratteristiche CSS3. Cercheremo di mostrarne alcuni su questa pagina Web. Per miglioramenti visivi come sfondi multipli, RGB, immagine del bordo, raggio del bordo, @font face, animazioni / transizioni e molto altro ancora per CSS3 è in movimento ora.
Per seguire questa ultima ondata, dai un'occhiata a questo cast dello schermo.
25Presentazione di firebug
Puoi ottenere le informazioni su markup, CSS, layout e DOM di un elemento in una pagina con Firebug, un'estensione di Firefox diventata inevitabile per i web designer e gli sviluppatori dove puoi modificare e vedere i risultati direttamente nel browser.
Per saperne di più, impara questa trasmissione dello schermo.
26Pagina unica per gli aggiornamenti di Twitter
Se progettato correttamente, a Twitter feed può migliorare l'estetica del layout di un sito Web. Se twittare è il tuo passatempo, devi essere desideroso di visualizzare i tuoi tweet dall'inizio alla fine. Ad esempio, potresti coprire il design in Photoshop e dare uno stile alla tua pagina.
Per ottenere questo compito, segui questa schermata che ti guida dal materiale javascript al CSS per dare uno stile alla tua pagina.
Codificatore:
27Screencast di base
Code Igniter è un'applicazione web open source per scrivere programmi PHP e anche per creare applicazioni web con funzionalità complete. Scrivere codice da zero, fornendo un ricco set di librerie per le attività comunemente necessarie, oltre a un'interfaccia semplice e una struttura logica per accedere queste biblioteche.
In questo screencast ti offre un'introduzione su CodeIgniter e anche per creare un blog in CodeIgniter usando PHP di Derek Jones.
28Sviluppo facile con codeigniter
Con PHP grezzo, questo può richiedere un po 'di tempo. Tuttavia, con CodeIgniter, è semplicemente questione di fare riferimento alla libreria corretta e di passare alcune opzioni di configurazione! Immergiamoci.
Desideroso di mettere a punto le abilità PHP dopo aver appreso l'introduzione, vai al passaggio successivo, questo screencast ti insegna a caricare un'immagine e salvarla dopo la convalida iniziale utilizzando PHP in CodeIgniter.
29Screencast di avvio killer per codeigniter
Preparati a creare la tua prima applicazione con CodeIgniter, crea un modulo utilizzando Form builder, crea un'applicazione di esempio, crea un blog in 20 minuti, crea un'impaginazione, invia e ricevi dati tramite jQuery Post e JSON in questo screencast di 10 minuti di Derek Jones .
Speriamo che imparerai più avanti Framework di sviluppo dell'applicazione CodeIgniter dopo guardare lo screencast.
XML:
30Costruisci un sistema di accesso e registrazione con xml
Costruire un intero sistema di appartenenza può essere un'attività noiosa e dispendiosa in termini di tempo. Tim Cooper ci mostrerà come costruire l'INTERA cosa in circa trenta minuti.
Utilizzando XML potremmo creare un modulo di accesso e registrazione in molto meno tempo rispetto a MySQL, Tim Cooper in questa schermata ci mostra questo esaminando PHP, .htaccess, file, sessioni e altro.
31Costruttore di moduli
Può sembrare strano tentare di standardizzare i tipi di dati in un sistema PROGETTATO PER ESSERE COSÌ FLESSIBILE, ma più di un istituto riferisce che la definizione di aspettative ragionevoli per le implementazioni del portafoglio nel campus e la gestione delle risorse IT per sfruttare una certa quantità di standardizzazione fa molto per progetto sostenibile.
Impara le basi della creazione di un modulo utilizzando lo strumento di creazione moduli che potrebbe essere utilizzato per creare un file di schema XML e utilizzarlo anche per molti scopi multipli in molte forme. Sean Keesler ti insegna a costruire un modulo in questo cast dello schermo.
32Parametrizza i dati di test utilizzando XML
Crea script di automazione per testare la funzionalità dell'applicazione Web in Internet Explorer su Windows.
Da questo Screen cast raggiungere questo compito con l'aiuto di Pamie, un file di classe Python che crea uno script di test Pamie per automatizzare un modulo, creare un file XML, leggere i dati ed eseguire il test.
Ti mostra:
- Come creare uno script di test Pamie per automatizzare un modulo
- Come trovare i nomi e gli ID degli elementi DOM da automatizzare
- Creazione di un file XML da zero utilizzando Notepad ++
- Come leggere i dati in un file XML utilizzando ElementTree
- Come eseguire il test
33Screen cast per farti prendere a calci in culo con Drupal
Trova difficile imparare Drupal, questo screencast semplifica l'apprendimento pratico del processo passo dopo passo a partire dall'installazione, sistema di nodi, sistema di blocchi, tipi di contenuto, sviluppo di temi e altro.
Inoltre potresti trovare risorse per libri Drupal, podcast Drupal, forum Drupal, canali Drupal.
34 Raccolta di Drupal
Ottieni tutte le informazioni che volevi sapere su Drupal, questo screencast ti offre il meglio degli screencast di Drupal, i migliori libri su Drupal, risorse, moduli e anche i fastidi di Drupal. Ottieni gli ultimi screencast su Drupal 6, scopri di più su CSS Injector, Node Convert, sindrome da buffet aperto, creazione di un backup, su Webform, Login Toboggan, filtri di input, lunghezza del teaser e molto altro su questa piattaforma di gestione dei contenuti: Drupal.