Share
Igår tog jag lite tid att "fira" vår 6 månaders jubileum genom att se över våra äldre handledning. Ibland är det lätt att glömma hur mycket otroligt material vi har på den här webbplatsen - material som några av er kanske inte ens vet om! Om du är som jag använder du helgen för att komma ikapp med ditt lärande - eftersom arbetet tar så mycket tid. Idag ska jag lista de översta tjugo handledningarna på NETTUTS (i ingen särskild ordning) som kommer att starta din utbildning.
Det finns inget som att bygga en hel webbplats för att visa dig en bra översikt över hur en CSS-layout ska fungera. Över på PSDTUTS har vi en handledning där du designar en elegant och avancerad webbdesign. I den här handledningen kommer vi att ta den PSD-filen och bygga den med lite snyggt rent HTML och CSS.
Besök artikeln
I denna handledning tar vi din genomsnittliga vardagliga webbplats och förbättrar den med jQuery. Vi lägger till ajax-funktionalitet så att innehållet laddas in i relevant behållare istället för att användaren måste navigera till en annan sida. Vi kommer också att integrera några fantastiska animationseffekter.
Besök artikeln
Version ett går guld! Besökare landar från alla hörn av världen. Du vet att det är troligt att det kommer att bli några tandvårdsproblem, menar jag, det här är 1.0.0.0 ... alla dessa nollor är avsedda att ge oss lite nåd rätt?
Besök artikeln
Projekten varierar i omfattning och storlek, och de utmaningar de medför varierar också. Som en ensam webbdesigner är det största jobbet jag ansvarar för, FlashDen. Tillsammans med tusentals aktiva medlemmar som alla chattar, laddar upp och köper, hanterar sajten stora mängder pengar och stora mängder trafik.
Besök artikeln
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 artikeln
En av de största utmaningarna för webbdesigners är att hitta sätt att lägga mycket information på en sida utan att förlora användbarheten. Tabbinnehåll är ett utmärkt sätt att hantera denna fråga och har använts i stor utsträckning på bloggar nyligen. Idag ska vi bygga en enkel liten flikinformation i HTML, sedan göra den funktion med hjälp av några enkla Javascript, och äntligen kommer vi att uppnå samma sak med jQuery-biblioteket.
Besök artikeln
Ofta i min karriär som webbninja, har jag blivit ombedd att öppna eller öppna projekt med öppen källkod för att få dem att överensstämma med mina kunder. Beroende på projektet kan det vara mer eller mindre frustrerande (jag tittar på dig Magento) men MediaWiki är en av de enklare projekten att arbeta med på grund av det begränsade antalet filer och saker att justera. I denna handledning går vi igenom temaprocessen som jag brukade utforma den kommande PSDTUTS Wiki, men processen, särskilt med Firebug, kan tillämpas på ganska mycket CMS.
Besök artikeln
CSS är ett relativt enkelt språk att lära sig. Mastering det kan å andra sidan visa sig lite svårare. Att kompensera för olika webbläsarens inkonsekvenser kan ensam producera migrän. I den här artikeln kommer vi att demystifiera fem av de mest domfulla problem som du stöter på när du bygger webbapplikationer.
Besök artikeln
En traditionell bloggroll är en enkel lista över andra webbplatser, ofta i sidofältet, som är relaterade, ägda av eller på annat sätt vänliga till hemsidan. Blogrolls är en bra idé och på-punkt med bloggens anda, men hur är en avslappnad läsare att veta om någon av dessa webbplatser är verkligen intressanta? Låt oss förbättra begreppet blogroll genom att inte bara lista webbplatser, men dra dynamiskt nya rubriker från dem och använda några roliga jQuery-animeringar.
Besök artikeln
När det gäller CSS finns det massor av resurser och förmodade "expert tips" på webben. Dessa är från okända, självutnämnda "guruer" som inte har någon gatukredit i designvärlden. Medan de kan ha giltiga poäng, hur mår man att veta om ett CSS-tips är en giltig resurs eller bara ett otestat hack?
Besök artikeln
En kamp som fortfarande är idag i webbdesign visar all den överflödiga informationen på varje sida. Till exempel ett inloggningsformulär. Vad händer om det var ett sätt att enkelt göra innehållet tillgängligt på varje sida, men håll det gömt tills det behövs? Tja, du kan, genom att göra en topppanel som när den klickas kommer att avslöja sitt eget och dess innehåll. Men vi måste göra denna look snygg, så vi kommer också att animera den.
Besök artikeln
JQuerys användargränssnitt kan lägga till så mycket till en webbsida. Det finns många olika widgets som användargränssnittet ger. En upp och kommande stjärna är reglaget. I den här handledningen visar jag dig hur du använder en reglage för att styra textstorleken på en artikel på en sida. Detta låter användaren kontrollera exakt storleken som passar dem, och det är också en ganska imponerande funktion att ha på en webbplats!
Besök artikeln
I denna handledning kommer jag att visa dig hur man skapar en stilomkopplare med jQuery och PHP. Slutresultatet blir en diskret och helt nedbrytbar dynamisk stilbrytare som blir snabb och enkel att implementera.
Besök artikeln
Sweetcron är "The Automated Lifestream Blog Software". Det är fortfarande offentligt beta, men är redan ett mycket trevligt bloggprogram. Skönheten i Sweetcron är att nya inlägg skapas automatiskt från din verksamhet på annat håll på webben. Nya bilder på Flickr? Tweets på Twitter? Tummer upp på StumbleUpon? Blogginlägg på Tumblr? Lägg till dem alla på din Sweetcron-powered webbplats och de kommer att visas på din webbplats på några minuter.
Besök artikeln
Det verkar som om besättningen av webbdesign industrin just nu är möjligheten att skapa en "featured section". Även om det en gång kan ha krävt mycket skicklighet, så är det inte längre fallet. I den här skärmbilden visar jag dig hur du enkelt skapar en rullningsbar del med en av Theme Forests populära teman som referens. Låt oss komma in i det!
Besök artikeln
jQuery lägger till en hel del cool funktion till dina webbplatser. Det kan göra en rad saker, från animering till AJAX. Det är vanligtvis rynkat på att lita starkt på jQuery att designa dina webbplatser, men det är kul att gå vild då och då. I denna handledning lär jag dig hur du använder jQuery för att skapa en helt kodad Dashboard, precis som Leopard! Det här kan vara praktiskt att dölja en massa prylar eller widgets som du inte har plats för!
Besök artikeln
Det finns många olika sätt att kommunicera med dina användare idag. RSS-flöden, SMS och webbplatser som Twitter har ändrat hur vi pratar med vår publik. Men för mina pengar kan du inte slå den personliga touchen av ett bra ol e-postbrev.
Naturligtvis kan du hålla ansträngning, men i denna handledning visar jag dig hur du använder din vanliga Wordpress-webbplats i kombination med Feedburner för att göra en enkel nyhetsbrevschef.
Besök artikeln
WordPress verkar vara överallt i dessa dagar, och det är inte konstigt att det är lätt att använda och lätta att anpassa. I denna handledning kommer jag att dissekera standard WordPress-tematets comments.php-struktur och ge dig olika kodstyper för att göra din skinning enklare.
Besök artikeln
Apple har alltid varit gudar när det gäller hur de presenterar sig och deras produkter. Jag älskar bara sidfältet på Apples startsida och ville använda Accordion-plugin i jQuery-gränssnittet för att uppnå detta! Som om det inte räcker för mig, vill jag kunna visa och gömma det också till mitt nöje. Jag ska visa dig hur!
Besök artikeln
Det finns några speciella tekniker eller effekter som kan spice upp nästan varje webbsida. Det här är de 20 bästa Ajax-effekterna som varje webbutvecklare borde veta. De är viktiga delar i alla webbutvecklareens verktygslåda. Om du inte har sett dem än, kommer du säkert att i din framtida webbutveckling sträva efter.
Besök artikeln
Liksom många andra webbdesigners trivs jag med att koda vackra, men ändå flexibla webbsidor som visas nästan identiska i varje webbläsare. Tyvärr skickar du e-postnyhetsbrev tillbaka ti år. Utskrivna taggar, tabeller, inline styling, åh min! I den här artikeln kommer jag att lista sex metoder som omedelbart förbättrar dina e-postlayouter.
Besök artikeln
Accentsconagua