Share
Ieri mi sono preso un po 'di tempo per "festeggiare" il nostro anniversario di 6 mesi rivisitando i nostri tutorial più vecchi. A volte, è facile dimenticare quanto materiale incredibile abbiamo su questo sito - materiale che alcuni di voi potrebbero non sapere nemmeno! Se sei come me, usi il week-end per aggiornarti sul tuo apprendimento - dal momento che il lavoro occupa così tanto tempo. Oggi elencherò i primi venti tutorial su NETTUTS (in nessun ordine particolare) che faranno balzare la tua educazione.
Non c'è niente come costruire un intero sito per mostrarti una buona panoramica di come dovrebbe funzionare un layout CSS. Su PSDTUTS abbiamo un tutorial in cui hai progettato un design web elegante e di fascia alta. In questo tutorial prenderemo il file PSD e lo costruiremo con un bel HTML e CSS puliti.
Visita l'articolo
In questo tutorial prenderemo il tuo sito web medio di tutti i giorni e lo miglioreremo con jQuery. Aggiungeremo una funzionalità ajax in modo che il contenuto venga caricato nel contenitore pertinente anziché che l'utente debba navigare verso un'altra pagina. Integreremo anche fantastici effetti di animazione.
Visita l'articolo
La versione uno diventa oro! I visitatori stanno arrivando da ogni angolo del globo. Sai che probabilmente ci saranno alcuni problemi iniziali, voglio dire, questo è 1.0.0.0 ... tutti quegli zeri hanno lo scopo di concederci un po 'di grazia?
Visita l'articolo
I progetti variano per portata e dimensioni e le sfide che comportano variano allo stesso modo. Come web designer solitario, il più grande lavoro di cui sono responsabile è FlashDen. Insieme a migliaia di membri attivi che chattano, caricano e acquistano, il sito elabora grandi quantità di denaro e grandi quantità di traffico.
Visita l'articolo
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 seguirai fino alla fine, assicurati di avere un paio d'ore di anticipo!
Visita l'articolo
Una delle maggiori sfide per i web designer è trovare modi per inserire molte informazioni su una pagina senza perdere l'usabilità. Il contenuto a schede è un ottimo modo per gestire questo problema ed è stato ampiamente utilizzato sui blog di recente. Oggi costruiremo una semplice casella informativa con schede in HTML, quindi renderla funzionante usando alcuni semplici Javascript, e alla fine otterremo la stessa cosa usando la libreria jQuery.
Visita l'articolo
Spesso nella mia carriera di web ninja, mi è stato chiesto di creare skin o progetti open source a tema per portarli in linea con il marchio dei miei clienti. A seconda del progetto, questo può essere più o meno frustrante (ti sto guardando Magento) ma MediaWiki è uno dei progetti più facili con cui lavorare grazie al numero limitato di file e cose da regolare. In questo tutorial passeremo attraverso il processo di tematizzazione che ho usato per lo stile del prossimo Wiki PSDTUTS, ma il processo, in particolare l'utilizzo di Firebug, potrebbe essere applicato a quasi tutti i CMS.
Visita l'articolo
Il CSS è un linguaggio relativamente semplice da imparare. Padroneggiarlo, dall'altra, può rivelarsi un po 'più difficile. La compensazione per le varie incoerenze del browser da sola può produrre un'emicrania. In questo articolo, demistizziamo cinque dei problemi più gravi che incontrerai quando crei applicazioni web.
Visita l'articolo
Un blogroll tradizionale è una semplice lista di altri siti, spesso nella barra laterale, che sono collegati, di proprietà di, o altrimenti amichevoli al sito di casa. I blogroll sono una grande idea e in linea con lo spirito del blogging, ma come fa un lettore casuale a sapere se qualcuno di questi siti è veramente interessante? Miglioriamo il concetto di blogroll non solo elencando i siti, ma estraendo dinamicamente i titoli più recenti da loro e utilizzando una divertente animazione jQuery.
Visita l'articolo
Quando si tratta di CSS, ci sono molte risorse e supposti "suggerimenti di esperti" sul web. Questi sono da "guru" non autoproclamati e autoproclamati che non hanno alcuna credibilità nel mondo del design. Sebbene possano avere punti validi, come si può sapere se una punta CSS è una risorsa valida o solo un hack non verificato?
Visita l'articolo
Una lotta che rimane ancora oggi nel web design è la visualizzazione di tutte le informazioni ridondanti su ogni pagina. Ad esempio, un modulo di accesso. Cosa accadrebbe se ci fosse un modo per rendere facilmente accessibile il contenuto su ogni pagina, ma tenerlo nascosto fino al momento necessario? Beh, è possibile, creando un pannello superiore che, una volta fatto clic, rivelerà se stesso e il suo contenuto. Ma dobbiamo renderlo bello, quindi lo animeremo anche noi.
Visita l'articolo
L'interfaccia utente di JQuery può aggiungere così tanto a una pagina web. Ci sono molti diversi widget forniti dall'interfaccia utente. Una stella alta e futura, è il cursore. In questo tutorial, ti mostrerò come utilizzare un dispositivo di scorrimento per controllare le dimensioni del testo di un articolo su una pagina. Ciò consente all'utente di controllare esattamente le dimensioni adatte a loro, ed è anche una caratteristica piuttosto impressionante da avere su un sito!
Visita l'articolo
In questo tutorial ti mostrerò come creare uno switcher di stile usando jQuery e PHP. Il risultato finale sarà uno switcher di stile dinamico discreto e completamente degradabile che sarà rapido e facile da implementare.
Visita l'articolo
Sweetcron è "The Automated Lifestream Blog Software". È ancora in beta pubblica, ma è già un bel pacchetto software per blog. La bellezza di Sweetcron è che i nuovi post vengono creati automaticamente dalla tua attività altrove sul web. Nuove foto su Flickr? Tweet su Twitter? Complimenti su StumbleUpon? Post del blog su Tumblr? Aggiungili tutti al tuo sito di Sweetcron e appariranno sul tuo sito in pochi minuti.
Visita l'articolo
Sembra che l'ossessione del settore del web design in questo momento sia la possibilità di creare una "sezione in primo piano". Anche se una volta può aver richiesto una grande abilità, non è più così. In questo screencast, ti mostrerò come creare facilmente una sezione in evidenza scorrevole utilizzando uno dei temi popolari della Theme Forest come riferimento. Entriamo in esso!
Visita l'articolo
jQuery aggiunge un sacco di fantastiche funzionalità ai tuoi siti web. Può fare una serie di cose, dall'animazione all'AJAX. Di solito è disapprovato fare affidamento su jQuery per progettare i tuoi siti, ma è divertente scatenarsi di tanto in tanto. In questo tutorial ti insegnerò come usare jQuery per creare una Dashboard completamente codificata, proprio come Leopard! Questo può essere utile per nascondere un sacco di gadget o widget per i quali non hai spazio!
Visita l'articolo
Ci sono molti modi diversi per comunicare con i tuoi utenti in questi giorni. Feed RSS, SMS e siti come Twitter hanno cambiato il modo in cui parliamo al nostro pubblico. Ma per i miei soldi, non puoi battere il tocco personale di una buona e-mail newsletter.
Naturalmente tenere una newsletter può richiedere degli sforzi, ma in questo tutorial ti mostrerò come utilizzare il tuo normale sito web Wordpress combinato con Feedburner per creare un semplice gestore di newsletter.
Visita l'articolo
WordPress sembra essere ovunque in questi giorni, e non c'è da meravigliarsi con la sua facilità d'uso e facilità di personalizzazione. In questo tutorial, analizzerò la struttura comments.php del tema WordPress predefinito e ti fornirò vari frammenti di codice per rendere la tua skin più semplice.
Visita l'articolo
Apple è sempre stata una divinità in termini di presentazione di se stessi e dei loro prodotti. Adoro la sidebar nella pagina iniziale di Apple e volevo utilizzare il plug-in Accordion nell'interfaccia utente jQuery per raggiungere questo obiettivo! Come se non fosse abbastanza per me, voglio essere in grado di mostrarlo e nasconderlo a mio piacimento. Ti mostrerò come!
Visita l'articolo
Ci sono alcune tecniche speciali o effetti che possono rendere ogni pagina web. Questi sono i 20 migliori effetti Ajax che ogni sviluppatore web dovrebbe conoscere. Sono parti essenziali della cassetta degli attrezzi di qualsiasi sviluppatore web. Se non li hai ancora visti, senza dubbio lo farai nel tuo futuro sviluppo web.
Visita l'articolo
Come molti altri web designer, mi piace codificare pagine web belle ma flessibili che si mostrano praticamente identiche in ogni browser web. Purtroppo, la progettazione di newsletter via email ti fa tornare indietro di dieci anni. Tag, tabelle, stili incorporati obsoleti, oh mio! In questo articolo, elencherò sei metodi che miglioreranno immediatamente i tuoi layout di email.
Visita l'articolo
Accentsconagua