Share
Grandi notizie sul sito! Recentemente abbiamo ricevuto molte richieste di tutorial per la conversione in PSD> HTML? quindi, dopo un bel po 'di dibattito dietro le quinte, abbiamo finalmente deciso di provare alcuni tutorial completamente codificati qui su Webdesigntuts!
Fino ad ora, abbiamo coperto molto web design tutorial? il che significa che abbiamo mostrato come progettare un sito Web in Photoshop o Fireworks, ma ci siamo sempre fermati prima di tutorial completamente codificati (leggi di più sul motivo per cui lo abbiamo fatto in seguito). Tutto va bene e bene, ma abbiamo ricevuto molte richieste di tutorial che mostrano come convertire questi progetti in file HTML / CSS pienamente funzionanti. Quindi, questo è esattamente quello che stiamo facendo!
Onestamente, non abbiamo mai previsto così tanto richiesta per questi tutorial completi di "concept to design to coding". Sì, a ben vedere, sembra una connessione ovvia? ma quando abbiamo lanciato Webdesigntuts per la prima volta in ottobre, la nostra missione principale era quella di agire rigorosamente come controparte ispirata al design del nostro sito gemello, Nettuts.
Da allora, abbiamo pubblicato una manciata di post crossover con Nettuts in cui abbiamo superato la fase HTML / CSS, tutti molto popolari; Il problema è che è difficile rintracciare un'intera serie di tutorial su due siti diversi. Quindi, per semplificare le cose, terremo alcune di queste nuove serie di tutorial insieme qui su Webdesigntuts, il più possibile.
Continueremo ad avere molti post crossover con Nettuts in futuro, ma pubblicheremo molti più tutorial di conversione su PSD> HTML qui su Webdesigntuts quando si riferisce a un progetto che abbiamo iniziato qui.
Significa una migliore esperienza di apprendimento! Invece di imparare solo uno o due trucchi in ogni tutorial, speriamo di mostrarti di più sull'intero processo di creazione di un web design - partendo dagli schizzi di base e fino ad avere un sito HTML / CSS funzionale.
Ciò significa che chiunque desideri migliorare il proprio gioco come web designer avrà a disposizione una vasta gamma di risorse "incentrate sui progetti" qui su Webdesigntuts dove possono seguire l'intero processo!
Questa settimana! Stiamo dando il via alla nuova categoria con lo screencast di Corpora design di Adi Purdila, che è stato registrato con estrema accuratezza in Full HD! Stiamo trasformando questo in 3 pezzi: design day 1, design day 2 e una sessione completa sulla codifica.
Abbiamo anche una serie speciale di tipografia CSS in arrivo, quindi tenetelo d'occhio!
Non posso prometterlo ogni Il tut di design che copriamo avrà il trattamento HTML / CSS completamente codificato, ma faremo uno sforzo serio per portare il maggior numero possibile di questi per i principali progetti del sito che copriamo.
Se qualcuno dei nostri lettori è interessato a scrivere alcuni di questi tutorial su PSD> HTML, fammi sapere nei commenti e sarò lieto di collaborare con te!
Fino a quando il nuovo PSD> tutorial HTML sono pronti, dai un'occhiata a questi fantastici tutorial di Nettuts:
Oggi affronteremo la seconda parte: è il momento di affettare il progetto e trasformarlo in un layout HTML funzionale, pronto per essere trasferito su qualsiasi CMS. Iniziamo!
Visita il post
In questa sessione screencast, imparerai esattamente come convertire un design web caldo e allegro in un sito Web HTML e CSS conforme agli standard. Se stai appena iniziando a entrare nel mondo del design e dello sviluppo web, questa è l'introduzione perfetta!
Visita la sessione
Oggi vi illustrerò tutto il mio processo di trasferimento da Photoshop a HTML completato. Creeremo un set di 4 mockup PSD di un sito Web che diventerà un tema WordPress. È un tutorial enorme, quindi se hai intenzione di seguire fino alla fine, assicurati di avere un paio d'ore di anticipo!
Visita il post
In questo video tutorial, afficheremo un PSD, lo diremo per il Web e lo serviremo su una piastra calda. Il nostro design sfoggia un tocco "Web 2.0" e viene gentilmente offerto da Joefrey di ThemeForest.net. Assicurati di visitare il suo profilo se ne hai la possibilità.
Visita il post
Accentsconagua