Screencast video 2025, Luglio

Molti siti non utilizzano alcun sistema di gestione dei contenuti (CMS) per generare le loro pagine, sono solo un buon contenuto HTML statico. Un sito per il tuo "

Come abbiamo detto qui molte volte: i caratteri delle icone sono fantastici. Sono efficienti nello stesso modo in cui sono efficienti gli sprite CSS: molte immagini utilizzabili per "

In questo screencast rispondiamo in tempo reale a più post del forum senza alcuna pianificazione. Non credo che abbiamo ottenuto un homerun su nessuno dei thread che guardiamo, ma "

Non ho mai inviato in vita mia una "richiesta pull" su GitHub. Volevo provare, quindi questo video cattura il momento in cui cerco di capire "

In questo screencast andiamo su The Forums per rispondere a quante più domande possibile. Il punto è solo divertirsi un po 'e mostrarti quanto è facile "

Vi presento quattro cose davvero semplici che potete fare per rendere più veloci i vostri siti web. Niente di così complesso come creare sprite di immagini (che non è quello "

Anche se il layout di un sito è semplice come un'area di contenuto principale a sinistra e una barra laterale a destra, questa è una griglia. Ci sono nuovi metodi di layout in CSS "

CodePen PRO offre una serie di nuove funzionalità. Puoi leggere su di loro, ma è molto meglio mostrarli, giusto? : e questo è solo l'inizio. "

CodePen è un'app per condividere e giocare con il codice front-end. L'ho fatto con alcuni miei amici: Alex Vazquez e Tim Sabat. In questo tipico "

Questa è una rapida panoramica a livello di principiante dei diversi valori di posizione CSS. In poche parole: il relativo ti consente di "spingere" e lascia l'elemento "

In questo screencast sposto il mio sito web personale dai miei vecchi metodi di modifica FTP live a un sistema controllato di versione appropriato, inclusa la distribuzione. Non ho "

Non c'è nulla di cui aver paura in questo nuovo e coraggioso mondo di pre-elaborazione. Le app native lo rendono così semplice che dovrebbe essere una parte vitale di qualsiasi moderno "

Esistono tre diversi tipi di layout per i siti Web: larghezza fissa, larghezza fluida e larghezza elastica. In questo screencast guardiamo tutti questi tre "

Chartwell è un font specifico per creare grafici a torta, grafici a barre e grafici a linee semplici e belli. È semplice come scrivere semplici equazioni "

LiveReload è un'app della barra dei menu solo per Mac che è molto utile per gli sviluppatori web. Digli solo di guardare una cartella specifica e quando un file viene salvato, il "

Il tema WordPress predefinito al momento di questo screencast è TwentyEleven, un design meravigliosamente semplice e reattivo. Cioè, finché non pubblicheremo un fantastico "

Sono disponibili molti strumenti per mostrare schermate di siti Web in browser diversi per facilitare i test. Ma manca uno screenshot in tanti modi: no "

In cui prendo un esempio reale di qualcosa che sapevo che usare gli sprite sarebbe stata una buona idea, creare lo sprite a mano in Photoshop (il mio metodo preferito) e "

Basta salvare il sito web dal browser (in Firefox, si ottiene un file .html e tutte le risorse), rilasciarlo nella cartella pubblica e fare clic con il pulsante destro del mouse "

In cui mostro e spiego le basi del significato di "responsive web design". Poi vado dappertutto e mostro esempi correlati "

Passiamo un'intera ora a guardare un progetto di Photoshop e scrivere markup HTML5 che descrive ciò che vediamo. Cerchiamo di essere il più semantici possibile e di discutere "

Probabilmente sei abbastanza consapevole del motivo per cui usare il controllo della versione è una buona cosa. In caso contrario, lo esaminerò rapidamente in questo video. Quindi entriamo in "

Questo è un episodio speciale extra a tema EMPIRE STRIKES BACK della serie di riprogettazione v10! Tutto inizia bene. Iniziamo a spostare alcune cose "

Questo è un episodio speciale extra a tema RITORNO DELLO JEDI della serie di riprogettazione v10! Abbiamo lasciato l'ultimo screencast completamente sconfitto. Stavamo cercando di utilizzare "

L'Almanacco è stato lanciato nella v9 e non è mai stato realizzato. Tuttavia si sta avvicinando sempre di più ogni giorno. Quindi nella v10 progetteremo intorno al "

La ricerca funziona! È solo che il modello su cui atterri non è del tutto corretto. Dobbiamo modificare il modello in modo che appaia corretto e corrisponda allo stile del "

Abbiamo un po 'di un mockup di Photoshop su cui lavorare da qui mentre continuiamo a costruire il modello per la singola pagina della galleria. Per prima cosa, abbiamo designato il prossimo "

L'area di ricerca nell'intestazione "funziona" in quanto è progettata e puoi fare clic su di essa per aprirla e chiuderla e tutto il resto. Ma in realtà non esegue alcuna ricerca "

Abbiamo passato tutto questo tempo nel nostro mockup statico a creare un JavaScript intelligente che "caricasse agevolmente" le immagini nella Galleria. Ora che abbiamo il vero "

Tutti i nostri motori di ricerca personalizzati di Google sono configurati (ne abbiamo impostato uno diverso per ogni sezione del sito). La nostra interfaccia utente per la ricerca è pronta per l'uso. Abbiamo"