Share
Stora webbplatsnyheter! Vi har fått massor av förfrågningar om PSD> HTML-omvandlingstutorials nyligen? så efter ganska lite debatt bakom kulisserna har vi äntligen bestämt oss för att prova några helt kodade handledning här på Webdesigntuts!
Hittills har vi täckt massor av webben design Handledningar? vilket innebär att vi har visat hur man utformar en webbplats i Photoshop eller Fireworks, men vi har alltid slutat med fullständiga kodade handledningar (läs mer om varför vi har gjort det här nedan). Det är bra och bra, men vi har fått många förfrågningar om handledning som visar hur man konverterar dessa mönster till fullt fungerande HTML / CSS-filer. Så det är precis vad vi gör!
Ärligt talat, vi förväntade oss aldrig så mycket efterfrågan på dessa kompletta "koncept att designa till kodning" handledning. Ja, i efterhand verkar det som en uppenbar anslutning? men när vi första gången lanserade Webdesigntuts tillbaka i oktober var vårt främsta uppdrag att agera strängt som den designmotiverade motparten till vår systersida, Nettuts.
Sedan dess har vi publicerat en handfull crossover-inlägg med Nettuts där vi har gått över HTML / CSS-fasen - som alla har varit enormt populära. Problemet är att det är svårt att spåra en hel handledningsserie på två olika webbplatser. Så, för att förenkla saker, kommer vi att hålla några av dessa nya handledningsserie tillsammans här på Webdesigntuts, så mycket som möjligt.
Vi fortsätter att ha många crossover-inlägg med Nettuts i framtiden, men vi kommer att publicera mycket mer PSD> HTML-omvandlingstutorials här på Webdesigntuts när det gäller en design som vi började här.
Det betyder en bättre lärandeupplevelse! Istället för att bara lära sig ett eller två knep i varje handledning hoppas vi att visa dig mer av hela processen att skapa en webbdesign - från grundläggande skisser och hela vägen till att ha en funktionell HTML / CSS-webbplats.
Detta innebär i slutändan att alla som vill stärka sitt spel som webbdesigner kommer att ha ett stort antal "projektcentriska" resurser tillgängliga här på Webdesigntuts där de kan följa hela processen!
Denna vecka! Vi slår av den nya kategorin med Adi Purdilas Corpora design screencast - som han noggrant spelat in i full HD! Vi bryter upp det här i 3 delar - design dag 1, design dag 2 och en hel session om kodningen.
Vi har också en speciell CSS typografi serie kommer snart också, så håll ett öga på det!
Jag kan inte lova det varje design tut som vi täcker kommer att få den helt kodade HTML / CSS-behandlingen, men vi kommer att göra en seriös insats för att få så många av dessa som vi kan för de stora sajtdesignerna som vi täcker.
Om någon av våra läsare är intresserad av att skriva några av dessa PSD> HTML-handledning, låt mig veta i kommentarerna och jag är glad att jobba med dig!
Innan den nya PSD> HTML-tutorials är redo, kolla in dessa fantastiska handledning från Netuts:
Idag ska vi ta itu med den andra delen: det är dags att skära konstruktionen och göra den till en funktionell HTML-layout, redo att bli portad till något CMS. Låt oss börja!
Besök posten
I den här screencast-sessionen lär du dig exakt hur man konverterar en varm och glad webbdesign till en standardkompatibel HTML- och CSS-webbplats. Om du precis börjat gå in i webbdesign och utvecklingsvärlden är det här den perfekta introduktionen!
Besök sessionen
Idag ska jag ta dig igenom hela min process för att komma från Photoshop till HTML. Vi ska bygga upp en uppsättning 4 PSD-mockups på en webbplats som så småningom blir WordPress-tema. Det är en massiv handledning, så om du ska följa igenom till slutet, se till att du har några timmar att spara!
Besök posten
I den här videoprocessen slicerar vi upp en PSD, slår den på nätet och serverar den på en varm hetta. Vår design sport är snygg? Web 2.0 "känner och följer med Joefrey från ThemeForest.net. Var säker på att besöka hans profil om du har chansen.
Besök posten
Accentsconagua