120 tips, tricks och Tuts från 2009 värd din tid
Nu när vi ner till slutet av 2009, vilka var några av de bästa webbutveckling och självstudier design och artiklar från år? Vi tar en titt på 120 av dem!
Januari
Hur man bygger ett inloggningssystem för en enkel webbplats
I dagens video handledning kommer vi att bygga ett inloggningssystem med PHP och MySQL. Många kommer många funktioner ska omfattas, inklusive MySqli, som upprättas, jQuery, klasser, Sessioner, cookies, etc. Jag bet av mer än jag kunde tugga för dagens screencast. Så, kommer jag att skapa en del 2 i den närmaste veckorna för att förbättra vårt system ytterligare.
Gör ditt eget TinyURL Service Vid Phurl
13 januari 2009 i Övrigt av Thord Hedengren
Slice och tärningarna som PSD
I dagens video läraren kommer vi att dela upp en PSD, tärning det på webben, och serverar den på en varm kokplatta. Vår design sport en snygg "Web 2.0" känsla och kommer artighet av Joefrey från ThemeForest.net. Var noga med att besöka sin profil om du har chansen.
The Definitive Guide Skapa en praktisk jQuery Plugin
I den här artikeln weíre kommer att bygga vår egen jQuery plugin steg-för-steg från början, jQuery gör denna uppgift exceptionellt lätt för oss, vilket ger oss en enkel metod för förpackningar upp våra manus och exponera deras funktionalitet, och uppmuntra användningen av skalbar och återanvändbara objektorienterade tekniker.
15 + Tips till Fart upp din webbplats och optimera din kod!
När du har blivit som kodar för ett tag börjar du att ta något för givet. Du glömma hur smart du egentligen är. Hur många hundratals kortkommandon har vi memorerat? Hur många språk har vi lärt oss? Hur många ramar? Hur många hacka? Att säga att webbdesign / utveckling är en mycket tuff bransch lägger lätt på det. Lägg sedan i det faktum att mycket av det ni vet idag kommer att betraktas föråldrade om några år.
10 Killer WordPress Hacks
2008 var ett mycket bra år för WordPress samfundet. Mjukvaran har uppdaterats många gånger, vilket ledde till den senaste utgåvan av version 2.7, och många nya bloggar dedikerade till WordPress skapades. Var naturligtvis massor av nya hacka upptäckts, vilket bidrog till massor av bloggare förbättra deras bloggar.
I den här artikeln visar Weill du 10 nya användbara mördare WordPress hack för att frigöra kraften i din favorit blogga motor. Varje hacka har en tillhörande förklaring, så youíll inte bara kraften i WordPress, men också förstå hur det fungerar.
PHP för nybörjare: Bygga upp första enkla CMS
Itis säkert att säga att nästan varje webbplats du läste upp aktuell i dessa dagar använder någon form av content management system (CMS). Medan det finns massor av fantastiska gratis alternativ som ger oss ett CMS för att driva en webbplats (Wordpress, Drupal, etc.), doesnít det gjorde ont att kika under huven och få en känsla för hur dessa system fungerar.
Word Jumbling Experiment
Tydligen började det redan 2003 men den kom till min kännedom om två år efter det. Itis sedan märkts som ett internet meme som är intressant eftersom den första gången jag såg det var en affisch på en tågstation nära London, inte på internet! Om youíre undrar vad "det" är här du går.
Utmatningsbuffer för webbutvecklare, en Beginnerís Guide
Om du inte använder PHP: s produktion buffring bör du vara. Och om du är kan du inte använder den till sin potential. I denna artikel skriven speciellt för webbutvecklare, jag gör ett mål för produktionen buffert och visar hur du kommer igång inom några sekunder. Denna artikel är början på en serie där jag ska dela med er awesome potential output buffert.
Snabba upp din JavaScript, del 1
I mitt förra inlägg berättade jag om de förhållanden under vilka den fruktade långvariga script dialogrutan visas i webbläsare. Webbläsare slutar köra skript, antingen när theyíve genomförs alltför många uttalanden (Internet Explorer) eller när JavaScript motorn har varit igång en viss tid (andra). Problemet är naturligtvis isnít hur webbläsaren är att upptäcka långvariga skript itis att manuset tar för lång tid att verkställa.
Se del 2 , del 3 och del 4 av denna serie.
Februari
JavaScript och DOM Serie: Lektion 1
Hej och välkommen till den första delen av vad som förhoppningsvis kommer en omfattande serie som omfattar centrala aspekter av JavaScript programmeringsspråk och DOM API.
Glöm inte att kassan del 2
Exakt hur man använder CSS Sprites
Idag kommer Andres skall lära oss hur vi ska använda CSS sprites för att förbättra laddningstider och minska antalet HTTP-förfrågningar som görs. Som alltid välkommen att ställa eventuella frågor i kommentarerna området.
Är du gör dessa 10 PHP misstag?
En av de bästa sakerna med PHP är att det är ett bra språk för att bara "dyka in", tack vare sin breda popularitet. Alla som har förmågan att slå "Sök" på Google kan snabbt skapa ett program. Men ger detta också en viktig kritik av PHP: Det är nästan för enkelt att hitta och reproducera dålig kod.
Intro till Django: Skapa en Att göra-lista
Django är ett starkt nät ram skapas i Python, som följer TORR (Upprepa inte dig själv), och batterier ingår filosofier. Det möjliggör snabb webbplats utveckling genom att tillhandahålla ett brett utbud av verktyg och genvägar ur lådan. Django är extremt snabb och flexibel - ännu snabbare än alla PHP-ramar finns. I denna artikel kommer jag presentera dig för Django genom att visa dig hur man bygger en enkel att göra-lista.
Utöka SimplePie till Parse Unika RSS-feed
För några dagar sedan, som jag förberett Skapa en Slick Flickr Galleri med SimplePie tutorial, föll det mig att vi inte har skrivit många artiklar som omfattas SimplePie. Med tanke på hur fantastiskt ett bibliotek det är, tror jag det är dags att ta en närmare titt.
10 Web Typografi Regler varje designer bör veta
När någon besöker en webbplats youíve utformad, oddsen är att de donít bryr sig mycket om färger, bilder eller ljud, omedelbart theyíre titta på texten.
Elegant Animerade Veckans Tidslinje för sajter
Igår min vän Nick bad mig några förslag om att utforma ett original vecka tidsplan för en webbapplikation som han utvecklar. Jag föreslog att använda följande animerade tidslinjen som jag genomfört återanvända koden för min mångsidiga reglaget och nu vill jag dela med mig av.
11 sätt att förbättra ett användargränssnitt med MooTools
När du skapar ett användargränssnitt, itis viktigt att engagera för användaren, inte bara ur ett visuellt hänseende, men också med interaktivitet. Med så många JavaScript-ramverk lättillgänglig, webbdesigners och utvecklare har många verktyg till sitt förfogande för att lägga till smarta effekter på deras UIís.
Hur man gör en imponerande animerade Landskap Sidhuvud med jQuery
Innehållet doesnít har alltid stanna synligt. Ibland kan det gömma sig i de mest oväntade platser.
I denna handledning Weill börjar med en serie tema sidhuvud, bygga två olika stater för innehåll och animera en övergång mellan dem med hjälp av jQuery.
Vertikal centrering med CSS
Det finns några olika sätt att vertikalt centrum objekt med CSS, men det kan vara svårt att välja rätt en. Iíll visa dig alla de bästa sätten att leva sett och även hur man skapar en fin liten centrerad hemsida.
Mars
Det enklaste sättet att använda någon Font You Wish
CSS 3 är på horisonten, och vi är egentligen glada. Tack vare den senaste webbläsaren uppdateringarna, kan utvecklare börja arbeta med tidsbesparande nya egenskaper - som @ font-face. Tyvärr är tillgången på dessa funktioner begränsade till en liten bråkdel av vår användarbas. Åtminstone för nästa år eller så, vi måste fortsätta använda Flash och Javascript alternativ när bädda in teckensnitt.
Lägga till Variabler till din CSS-filer
Låt oss prova något annat om nettuts + idag. Alla som har arbetat med stora CSS-filer håller med om att dess främsta svaghet är dess oförmåga att använda variabler. I denna artikel kommer vi att lära oss hur man genomför variabler med hjälp av PHP och Apache: s omskrivning mod.
Dykning med PHP
Som några av er kanske vet, jag har varit igång en vecka video serie på ThemeForest blogg som lär nya utvecklare exakt hur man arbetar med PHP. En eller två gånger i veckan, släppa jag en ny "avsnittet" som bygger på de föregående dagarna. Att utöka vår publik, har jag beslutat att frigöra "Dag 13" här. Se till att prenumerera på i skogen för att hålla dig uppdaterad på varje ny release.
Allt du behöver för att komma igång med MySQL
Utveckla webbapplikationer med hjälp av en statisk data butik där data måste uppdateras, lagras och manipuleras ofta kan vara en besvärlig uppgift. Men den här artikeln introducerar dig till en värld av relationsdatabaser så att du kan maximera din data potential.
Professionella Frontend Engineering
Igår kväll, långt efter att jag borde ha somnat, jag kom över en fantastisk överblick över ìfrontend engineering.î Detta är en måste-se på video, framlagt av Nate Koechley. Många designers kommer att få mer från denna film än en hel bok. Nate täcker allt från underutnyttjade html-taggar, till Doctypes, korrekta namnkonventioner. Jag rekommenderar verkligen tittar på den.
Bygg ett innehåll Slider med jQuery
Det finns massor av tutorials redan ute om att skapa innehåll glidare med jQuery.
Designa rullgardinsmenyer: exempel och bästa praxis
Som en allmän regel, de flesta webbutvecklare, särskilt användbarhet entusiaster, säger att det är förkastligt att använda rullgardinsmenyerna eftersom de är förvirrande, irriterande och ofta dysfunktionella. Från en design synvinkel emellertid rullgardinsmenyer är en utmärkt funktion eftersom de hjälper städa upp en upptagen layout. Om strukturerade korrekt kan rullgardinsmenyer vara en stor navigationsverktyg, medan det fortfarande är en användbar och attraktiv design funktionen.
12 utmärkta verktyg för att hämta ett domännamn
Välja den perfekta domännamnet för din webbplats är det viktigaste, och ofta hårdast, steg i upprättandet av en webbnärvaro. Det finns gott om verktyg där ute som kan hjälpa dig att minska bördorna för kontroll tillgängliga domäner och föreslog liknande namn som är relaterade till dina sökningar.
I den här artikeln, läs youíll om 12 snygga webbverktyg som kommer att ge er en hand att hitta och välja domännamn. Youíll hitta en mängd olika verktyg för sökning och förslag som har ett sortiment av funktioner så att, förhoppningsvis, youíll upptäcka några favoriter.
11 Utmärkt lösningar för att skapa Beskrivningar
Beskrivningar i webbdesign blir mer och mer vanligt förekommande. Även om jag donít tror att de är lämpliga för varje typ av webbplats kan de vara ett mycket bra komplement när det genomförts korrekt. Om du planerar att använda tooltips i nästa projekt, det svåraste kan vara att välja rätt lösning.
Regular Expressions for Dummies
Välkommen till min nya video serien, ìRegular Uttryck för Dummiesî. Under loppet av tio filmer eller så, IIM kommer att lära dig hur man använder reguljära uttryck i din Javascript och PHP applikationer. Som alltid Iíll förutsätter att du vet absolut dragkedja. Om du havenít redan, prenumerera på våra RSS-flöde eller följa mig på Twitter att hålla dig uppdaterad på nya releaser.
Också se på del 2 , del 3 , del 4 och del 5 i denna serie!
April
Design en vacker hemsida från Scratch
Har du någonsin velat designa en vacker hemsida men bara visste inte hur? För att vara ärlig, för några år sedan, det hände mig också. När du surfar på webben, jag såg så många fina hemsidor och önskade att jag hade den kompetens att skapa sådana mönster. Idag kan jag och jag ska lära dig att göra det också! I huvudsak krävs det ett fåtal Photoshop kompetens och ett öga för detaljer. Genom den här guiden kommer jag påpeka dessa små detaljer som gör en webbplats design ser vacker ut. Starta Photoshop och låt oss sätta igång!
En krasch-kurs i WordPress Plugg utveckling
Trots en omfattande codex, många WordPress-användare är fortfarande inte känner till hur man skapar sina egna plugins. I dagens screencast börjar vi från grunden och bygga vår första användbara plugin. I det här exemplet ska vi skriva en enkel "tuts formatering"-funktion som gör att en blogg editor för att lättare format artiklar.
Bygga en jQuery Image scroller
I denna tutorial weíre kommer att bygga upp en bild scroller, med användning av jQueryís utmärkta funktioner animation och allmänt ha lite kul med kod. Bild scrollers är förstås inget nytt; versioner av dem komma ut hela tiden. Många av dem är dock användarnas begäran, vilket innebär att för att det visade innehållet till förändringar, måste besökaren klickar på en knapp eller företa någon annan åtgärd. Detta scroller kommer att vara annorlunda i det att den kommer att vara helt fristående och kommer att börja rulla när sidan laddas.
404/403 Webbplats Fel sidor med PHP Auto-Mailer
Webbplats felsidor är kanske en av de mest förbisedda delar av ett helt välutvecklade webbplats. Det är inte bara viktiga, men de ger dig möjlighet att ha lite kul. Även om många webbutvecklare lita på serverloggar att hålla ett öga på träffar på fel sidor, jag ska ta en annan strategi genom att använda ett PHP genererade e-post. Dessutom kommer vi krydda mönstret lite, lägga grundläggande navigering och länken till webbplatsen sitemap.
Lägg till Power på din PHP med flera nivåer Applications
Eftersom PHP-applikationer blir mer och mer komplexa, kan det vara lätt att sluta med ett trassligt röra av kod som gör underhållet nästan omöjligt. Tillämpning av begreppet differentierade tillämpningar kan bidra till att lindra en del av svårigheten att upprätthålla komplexa applikationer.
Bonus: Om du går på universitetet för webbutveckling?
Vi kommer in en unik ålder, en tid då en enkel Google-sökning har potential att ersätta professorer. Som studenter från hela världen besluta om att inte spendera enorma summor pengar - under en ekonomisk recession - att närvara vid universitet i höst, kan de finna sig att fråga, "Är det värt det?"
Särskilt i webbutveckling världen, är det möjligt att den senaste tekniken och trender som lärs ut på bloggar, i stället för i klassrummet. På en vecka får jag mail från universitetsstuderande informera oss om att vår "lilla ole '" blogg har lärt dem mer än deras college professorer. Med tanke på den frekvens där dessa smickrande mail inträffa, men det tar upp en intressant fråga: "Är universitetet föråldrad?"
PHP Arrays Unleashed
Förstå matriser är det första viktigt steg när lära sig koden. En matris är inte ett lätt begrepp att förstå vid första sedan en matris har många värden, eller delar, och kan användas på så många sätt. Många funktioner returnerar sina resultat i en matris. Det finns ingen väg runt det, om du vill lära dig att kod, varken i php, javascript eller något annat språk, måste du förstå matrisen.
Progressive Enhancement: Vad det är, och hur man använder den?
Progressive Enhancement är en kraftfull metod som tillåter webbutvecklare att koncentrera sig på att bygga bästa möjliga webbplatser med hänsyn tagen till frågor som ingår i de webbplatser som nås av flera okända user-agents. Progressive Enhancement (PE) är principen att börja med en stabil grund och sedan lägga till förbättringar på det om du känner vissa nu user-agents kan hantera bättre upplevelse.
PE skiljer sig från Graceful Nedbrytning (GD) i GD är resan från komplexitet till enkelhet, medan PE är resan från enkelhet till komplexitet. PE anses vara en bättre metod än GD eftersom det tenderar att täcka ett större utbud av tänkbara problem som en baslinje. PE är den vita listan för gdis svartlista.
38 sätt att optimera och snabba upp din WordPress Blog
WordPress bloggar och webbplatser kan vara notoriskt långsamma. Men frukta icke ñ här finns sätt att göra din WordPress blog super snabbt och roligt för besökarna att se med några tweaks, hacks och plugins. Var noga med att kontrollera eftersom jag kommer att uppdatera denna post när jag upptäcker nya och underbara sätt att optimera och påskynda WordPress bloggar.
Använd Anpassad Saknad bild grafik med jQuery
Igår var jag postat en artikel om hur du kan använda din egen ìmissing imageî grafik när bilden inte laddas med MooTools. Hereís hur man gör samma med hjälp av jQuery.
Fråga JW: Self-Anropa Anonym Funktion
Mellan Nettuts + och ThemeForest, jag får massor av frågor e-post varje vecka. Även om jag försöker mitt bästa, jag helt enkelt donít har tid till forskning svaret på var och en. Tanke på detta, beslutade leva till sporadiskt post ìAsk JWî artiklar. Detta weekís fråga gäller Javascriptís själv åberopa anonyma funktioner, och kommer från Travis.
Maj
Ställa in en mördare WordPress Testmiljö Lokalt
Om du är en tung WordPress utvecklare som mig, kanske du upptäcker att du behöver för att skapa en ny anläggning för varje webbplats som kräver en konstig struktur eller vissa tjänster, istället för att använda din enhetlig lokal installation test WordPress. Cue WordPress Mu. WordPress Multi User är en plattform som skapats av genier på Automattic som i grunden är en WordPress installation som tillåter flera bloggar att köra med samma programvara.
Skapa en Fun Tweet Counter med jQuery
I denna handledning kommer vi att titta på med hjälp av jQuery för att ringa Twitterís API och sedan använda resultaten för att skapa en widget för en blogg eller personlig hemsida som visar vad timmar under dagen vi tweet som mest.
30 HTML Best Practices för nybörjare ñ Basix
Den svåraste aspekten av att köra Nettuts + är redovisning av så många olika kunskapsnivåer. Om vi efter för många avancerade övningar, kommer våra nybörjare publik nytta inte. Samma sak gäller det motsatta. Vi gör vårt bästa, men alltid gärna röret i om du känner att du försummas. Denna webbplats är för dig, så att säga upp! Med det sagt, dagens tutorial är speciellt för dem som bara dykning i webbutveckling. Om du har ett års erfarenhet eller mindre, förhoppningsvis några av de tips som anges här kommer att hjälpa dig att bli bättre, snabbare!
The Ultimate Guide till. Htaccess filer
Apaches. Htaccess konfigurationsfiler har förbryllade otaliga utvecklare. Denna handledning syftar till att bryta igenom denna förvirring genom att fokusera på exempel och grundliga beskrivningar. Bland de nyttan av utbildning. Htaccess konfigurationen automatiskt gzipping i ditt innehåll som ger vänligare webbadresser, förhindra hotlinking, förbättra caching, och mycket mer. Först grunderna.
Hur göra AJAX förfrågningar med Raw Javascript
Javascript ramar har vänt enkel AJAX funktioner i en-liners. Detta är helt otroligt, med tanke på att det skulle krävas mer än tjugo att åstadkomma samma sak med rå Javascript. Ändå är det viktigt att lära sig vad som är "under huven".
Glöm inte att kolla in del 2 !
Komma igång med Ruby on Rails: Installation
Denna artikel kommer att guida dig genom processen att installera Ruby on Rails, och någon annan programvara som krävs för att börja använda den.
Kolla in del 2 .
Snabbaste sättet att bygga upp en HTML-sträng
Du har en massiv samling av föremål som måste omvandlas till en HTML-lista utan att orsaka att användaren någon sorg. Det finns ett par vanliga sätt att göra detta:
Skapa en enkel ingång Sanitation-funktion med PHP
Jag bryr mig inte vad någon säger mig är PHP säkerhet antalet en sak jag är orolig när du skriver ett manus. Om du skulle in sina uppgifter direkt från $ POST eller $ GET till en MySQL-databasen kan du (och förmodligen kommer) vara i för en värld av problem. Idag ska jag gå igenom stegen i att skapa en mycket enkel att använda ingången sanera funktion i PHP.
Datavetenskap i JavaScript: Bubble Sortera
Sorteringsalgoritmer är en av hörnstenarna i datavetenskap utbildning. Syftet isnít att lära dig ett tiotal olika sätt att sortera data när youíll aldrig behovet av att genomföra dem för hand i ditt yrkesliv. De är i stället används som ett verktyg för att undervisa algoritm teori, att visa dig att det finns flera sätt att lösa ett enda problem. Och så börjar jag göra samma sak med JavaScript och bubbla sortera.
Gör en animerad alfabetet med hjälp av knapptryckning Evenemang i jQuery
Resultatet här var resultatet av några slumpmässigt jQuery knapptryckning vid försök under de senaste dagarna. Jag rekommenderar att du använder denna handledning som ett proof of concept snarare än slutprodukten.
Letís det verkligen en stund o Det finns väldigt få ställen där man behöver den exakta effekten Weill att bygga. Men logiken bakom det bör vara en mycket mer användbar för att anpassa till dina egna behov.
Juni
24 JavaScript Best Practices för nybörjare ñ Basix
Som en uppföljning till "30 HTML och CSS bästa praxis", denna vecka kommer vi att granska JavaScript! När du har granskat listan måste du berätta för oss vad litet tips som du har kommit över!
Säkra dina formulär med Form Keys
Säkerhet är ett hett ämne. Att se till att dina webbplatser är säkra är oerhört viktigt för varje webbapplikation. I själva verket tillbringar jag 70% av min tid säkra mina ansökningar. En av de viktigaste sakerna vi måste säkerställa är former. I dag kommer vi att granska en metod för att förhindra XSS (Cross-site scripting) och Cross-site begäran förfalskning på formulär.
10 Viktiga SQL tips för utvecklare
SQL är ytterligare ett viktigt språk för utvecklare som vill skapa datadrivna webbplatser. Men många utvecklare är bekant med olika aspekter av SQL, så i denna artikel kommer vi att analysera tio grundläggande tips.
Bygga ett forum från scratch med Ruby on Rails
I dag kommer vi att bygga ett enkelt forum med Ruby on Rails, och vi kommer att arbeta upp från grunderna som täcker saker som autentisering och mer avancerad teknik databas.
Använda jQuery för att manipulera och filtrera data
När en webbsida är utformad för att visa stora tabeller av data, en stor mängd man bör ägnas åt så att användaren kan sortera data i ett strukturerat sätt. I den här artikeln kommer jag att gå igenom fyra tekniker: effekter hover, rader zebra, filtrering och sortering.
De xmlrpc.php Fil-och Säkerhet på webbplatsen
Beläget i header.php filen flesta WordPress teman, det finns en viktig hake som kallas wp_head (). Denna viktiga krok gör att funktioner för att mata ut innehållet till webbläsaren i
område i webbdokument 1. I nyare versioner av WordPress, möjliggör detta krok WordPress mata ut följande tre rader i din themeís avsnitt.Fråga Ben: detektera när DOM delar har avlägsnats med jQuery
Jag vet att jQuery är bra för Event Management, men jag undrar om ni har stött på ett sätt att upptäcka om en DOM element (dvs en rad i en tabell) togs bort? Jag har ett bord och jag vill köra en ajax begäran varje gång en tr togs bort, men det finns flera sätt att tr kunde tas bort.
Ta din design till nästa nivå med CSS3
Cascading Style Sheets introducerades för 13 år sedan, och den allmänt utbredda CSS 2.1 standarden har funnits i 11 år nu. När vi tittar på webbsidor som skapades för 11 år sedan itis klart att vi är ett tusen miles bort från den eran. Det är ganska anmärkningsvärt hur mycket webbutveckling har utvecklats under åren, på ett sätt vi aldrig skulle kunnat föreställa då.
Att skicka Nice HTML Email med PHP
Detta kommer att bli en fortsättning på webbplatsen Ändra Formulär demo weíve använt runt här ett tag. Om du behöver komma ikapp, första jag talade om det, så jag byggde den, då jag screencasted det, så jag säkrat det. Genom allt detta, har slutresultatet blivit en tråkig text som bara e som får skickas till en enda e-postadress.
Hur ett Lansering Snart sidan med PHP och jQuery
I denna tutorial jag vill förklara hur man skall genomföra en enkel lanserar snart sida med PHP och jQuery. Vad är en lansering snart sida? I allmänhet är det en sida som informerar besökare på en webbplats under uppbyggnad om när webbplatsen kommer att vara online och ger dem möjlighet att lämna sin e-post för att bli uppdaterad när hemsidan är online.
Juli
CodeIgniter från Scratch
Efter många förfrågningar, idag lanserar vi en ny screencast serie om Nettuts + som kommer att fokusera enbart på CodeIgniter PHP ramen. Under loppet av ungefär 10 filmer, jag ska lära dig exakt hur man använder denna ram. I slutändan kommer vi att arbeta oss upp för att bygga en anpassad CMS. Utan vidare, här är dag ett!
Och du måste kolla in del 2 , del 3 , del 4 , del 5 http://net.tutsplus.com/videos/screencasts/codeigniter-from-scratch-day-4-newsletter-signup/, del 6 , del 7 !
Skapa en Twitter-liknande "Load Mer" Widget
Både Twitter och Apples App Store använder en lysande teknik för lastning mer information; du klickar på länken och färskvaror magiskt visas på skärmen. Den här guiden lär dig att använda AJAX, CSS, Javascript, till JSON, PHP och HTML skapar det magiska. Den här guiden kommer också att finnas både jQuery och MooTools versioner av skriptet.
HTML 5 och CSS 3: Tekniker Youíll Snart använder
I denna handledning kommer vi att bygga en blogg sida med nästa generations teknik från HTML 5 och CSS 3. Handledningen är att visa hur vi kommer att bygga webbplatser när specifikationerna färdigställs och webbläsarleverantörer har genomfört dem. Om du redan vet HTML och CSS, bör det vara lätt att följa med.
Använda htaccess filer för Pretty webbadresser
Fortsätter vår översyn av htaccess-filer, i dag kommer vi att undersöka hur man kan använda mod_rewrite för att skapa ganska webbadresser.
Hur man skapar en enkel webbaserad Chat Application
I denna handledning kommer vi att skapa en enkel webb-baserad chat program med PHP och jQuery. Denna typ av verktyg skulle vara perfekt för en levande stödsystem för din webbplats.
Lätt Retweet Button
Ända sedan jag såg Bit.ly JavaScript API jag har varit sugen på att bygga ett enkelt skript för att spåra hur många personer som besöker ett blogginlägg från Twitter. Den gångna helgen byggde jag ett litet skript för att göra just detta - och i en helt diskret sätt.
Text Rotation med CSS
Än en gång, efter att ha läst någon annans artikel , kände jag mig inspirerad att sätta ihop ett alternativ exempel. I detta fall: Text Rotation.
Inom den artikel jag länkade till, använder exempel en bild sprite och en stänk av CSS för att få saker placeras rätt. Ja, kanske inte så mycket en strö. Det är som toppen föll av peppar shaker och du har plötsligt fått en stor hög med peppar på maten. Det gör att jag vill nysa.
10 Typografi tips för att få dina kunskaper till nästa nivå
En ofta förbisedd aspekt av webbdesign, av dem just har börjat, är typografi. I själva verket webbdesigners som har funnits i ett par år har även en tendens att bortse och underskatta kraften i typografi. Donít misstar mig ändå, itis en av de mest kraftfulla verktyg webbdesigners har.
Nedläggningar i JavaScript
En nedläggning JavaScript, kan enkelt beskrivas som en kvar omfattning, åtminstone är detta vad jag tycker om det. Fördelen med en nedläggning är att den behåller den omfattningen (ìscope chainî) av den yttre (eller ìparentî) utförande sammanhang. Detta beteende kan användas i en mängd olika sätt och har blivit ett användbart botemedel mot en hel JavaScript gotchas, en av de vanligaste är den ìlooping problemî.
En introduktion till objektorienterad PHP
Detta är en tredelad serie om införande Objektorienterad PHP, ett sätt att hantera din kod och förvara olika delar separat, allt samtidigt som den är lättillgänglig. I hadnít really planned it this way, but my previous article works as a great precursor to this article, showing you how to get a PHP/MySQL Sandbox up and running, which is just what weíll be using for this tutorial as I believe a hands-on approach is the best way to learn things like this.
Och så ska du läsa del 2 och del 3 .
Augusti
En krasch-kurs i avancerad CSS3 Effekter
Webkit is one of the few – if only – browser engines that really embraces advanced CSS3 effects. Unfortunately, this presents somewhat of a double-edged sword. We get to play with all of these amazing effects – such as CSS masks, reflections, transitions, animations, scaling, etc. – yet, we can't truly implement them into our projects until more browsers provide support. With all of that said, it's important to be on the cutting edge of what's possible.
How to Create a Simple News Ticker
In this tutorial weíll be looking at how we can transform some semantic and accessible underlying HTML into an attractive and functional news ticker that smoothly scrolls its contents. Some news tickers are horizontal and some are vertical; the one that weíre going to create today will be vertical.
8 Vanliga uttryck du bör veta
Vanliga uttryck är ett eget språk. När du lär dig ett nytt programmeringsspråk, de är denna lilla sub-språk som är obegripligt vid första anblicken. Många gånger måste du läsa en annan tutorial, artikel eller bok bara för att förstå de "enkla" mönster som beskrivs. I dag granskar vi åtta vanliga uttryck som du bör känna till ditt nästa kodning projekt.
30 + PHP Best Practices för nybörjare ñ Basix
PHP är det mest använda språket för att programmera på webben. Här är trettio bästa praxis för nybörjare som vill få ett fastare grepp om grunderna.
6 sätt att förbättra ditt webben Typografi
Typografi på webben är allt annat än enkel, och för många är det en oroande mysterium. Idag ska vi granska sex sätt som webbdesigners och utvecklare kan förbättra typografi på de sidor som de skapar.
8 användbarhet och Best Practices för nybörjare
Som en webbdesigner när du kodar och utforma webbplatsen är det ditt jobb att se till att webbplatsen är användarvänlig intuitiv, vänlig och lätt att navigera. Även om dessa är grundläggande arbetsetik för varje webbdesigner någon gång du kanske missar lite saker här och där, som kan komma under främre slutanvändaren hud. Ändå kanske du börjar din väg till webbdesign. Här är åtta användbarhet och praktiska tips för nybörjare webbdesigner.
Grunderna i MySQL Query Validering
Web 2.0 är en fin sak. Du kan bygga hela webbplatser, system nyheter, eller bildgallerier ñ bara genom att använda kraften av innehåll som lämnats av användarna.
Men var försiktig! Du kan aldrig lita på alla användare när det gäller att lämna uppgifter. Det finns alltid de som kan försöka att äventyra din webbplats genom att skicka in dåliga frågor. Även om oavsiktliga, kan det vara möjligt för användare att förstöra din databaseís konsekvens bara genom att skriva felaktiga uppgifter.
JavaScript: dålig praxis
Jag har sett en hel del nyfikna (på gränsen till fruktansvärda) kod i mitt liv, och IID säga ungefär hälften av den var skriven av mig. Om du donít intygar att du en gång skrev dålig kod sedan youíre antingen en lögnare eller kanske har allsmäktig makt!
Top 10 UX Myter
Al Gore uppfann Internet. Dricker alkohol håller kroppen varm. Du wonít bli gravid om man står på huvudet efter Ö ja, du förstår. Myter är de hårda och fasta regler som ofta börjar som en rimlig idé eller en gång-off iakttagelsen att växa och destillera i ëcommon knowledgeí som de nästan spridning. Jag vet att leva trodde för några av dessa. Leva frågade också min UX expert Twitter vänner för deras UX Myter ñ och de har många!
Bygg en elastisk textarea med Ext JS
Eftersom det var först med på Facebook, elastiska textfält ñ <textarea> element som automatiskt utöka eller minska beroende på hur mycket text som användaren ingångarna N har blivit en av de coolaste funktionella UI effekter på webben. I den här artikeln kommer jag att guida dig genom återskapandet av denna häpnadsväckande effekt använder Ext JS, och jag slår vad om att du kommer bli förvånad att se hur lätt det är att göra det.
September
Få rent med PHP
Datasäkerhet är viktig och ofta underskattad av konstruktörer, utvecklare och kunder. Eftersom PHP 5.2.0, data sanitization och validering har gjorts betydligt lättare med införandet av uppgifterna filtrering. Idag ska vi ta en närmare titt på dessa filter, hur man använder dem och bygga några anpassade funktioner.
En djupare titt på mod_rewrite för Apache
When people think of .htaccess configuration the first thing that pops into most people's minds is URL manipulation with mod rewrite. People typically get frustrated with mod rewrite’s complexity. This tutorial will walk you through everything you need to know for the most common mod_rewrite tasks.
20+ HTML Forms Best Practices for Beginners ñ Basix
Working with XHTML forms can be somewhat daunting; they not only use some niche HTML elements, but also blur the line between static content and user interaction. Let's review some things to remember when creating your next form.
The Only SEO Tools Youíll Ever Need
Search Engine Optimization is a rather complex and never ending process. You have to analyze a lot of things including what keywords people are searching for, the density of those keywords in your sites, how many sites link back to you, how popular your links are and so on. Doing all this manually can be a huge pain.
With that in mind, regardless of whether you're an SEO guru or a beginner, these twenty tools are guaranteed to make your life easier.
5 Lesser Known JavaScript Libraries that Make Web Design Easier
In this round-up weíll be looking at 5 JavaScript libraries that can really ease the development of modern, attractive web sites. The libraries that weíll be looking at arenít libraries in the same sense as something like jQuery or the YUI; theyíre much smaller and much more specialized. But theyíre the best at what they do and provide unique functionality.
The Z-Index CSS Property: A Comprehensive Look
Most CSS properties are quite simple to deal with. Often, applying a CSS property to an element in your markup will have instant results ó as soon as you refresh the page, the value set for the property takes effect, and you see the result immediately. Other CSS properties, however, are a little more complex and will only work under a given set of circumstances.
The Principles of Good Web Design
Good web design doesnít just appear out of nowhere, there are many aspects of design that come together to achieve this. The first one that weíll be looking in this 4-part-series is layout.
You'll want to read part 2 , part 3 , and part 4 .
Style a List with One Pixel
A one-pixel background image can be a pretty versatile thing. With repeat-x it can be a horizontal line, repeat-y makes a vertical line, and repeat makes it a fill color. Just as a little fun proof of concept, we can use that to create a depth-chart looking unordered list:
Easy Custom Feeds in WordPress
Now that we have seen how to setup Tumblr-style posts, it would be nice to be able to segregate the Tumblr-posts category from the main feed into its own, separate feed. This would enable readers to subscribe exclusively to the Tumblr-posts feed and maybe display it in their sidebar or something. While weíre at it, it would also be cool to be able to provide readers with a full menu of feed choices, including the following.
@font-face and 15 Free Fonts You Can Use Today
Fonts are a huge part of design (as we all know). Text on the web needs to be much more dynamic than in any other media. We have solutions like CufÛn, sIFR, etc. but perhaps one of the better options is using @font-face in CSS.
Oktober
Simple Techniques to Lock Down your Website
One crucial part of PHP development practice is always keeping in mind that security is not something you can simply buy off the shelf at your local convenient store. Ensuring the security of your web applications is a process, which over time, needs to be constantly evaluated, monitored, and hardened.
Easy Version Control with Git
Have you ever worked on a project that was so unwieldy, you were scared to update a file or add a feature? Maybe the problem was that you weren't using a version control system. In today's tutorial, we'll learn the basics of what might possibly be the best VCS in the world: Git.
Drag to Share
Weíve all seen the brilliant functionality on Mashable where news stories and interesting articles can be shared to social networking sites; the functionality is driven by the images accompanying the articles; you click and hold on an image and can then drag it into a toolbar to share it. Itís brilliant and intuitive, and in this article Iím going to show you how we can replicate this behavior with jQuery and jQuery UI.
Feeds 101
Flöden. RSS. Atom. Syndication. Subscribers. These are some of the keywords floating around the web and have gained notorious prominence over the years. In this guide, we'll take a look at a number of things including what feeds are, why you need to have a feed for your site, how to set up one and then publish it.
How to Build a Simple Content Slider jQuery Plugin
I was recently asked by a reader to recommend a helpful content slider plugin. No doubt, there are a bunch of excellent options available — some which are, perhaps, too excellent! With so much flexibility comes extra weight; especially when sometimes you only need a simple slide or fade transition.
So I figured, why not build a simple custom plugin that will get the job done?
Data URIs Explained
One of the most frequently requested browser features in recent memory is data URI support. Thereís been a fair amount written about data URIs recently: my colleague Stoyan Stefanov has written a couple of posts about data URIs, and my former colleague Hedger Wang also penned a post about how to use data URIs in IE. Surprisingly, thereís still a lot of misunderstanding and confusion about data URIs, what they are, how they work, and why youíd ever want to use one.
10 Tips on Writing Hero-worthy Error Messages
Another forehead-smack-worthy curse-laden moment: Iíve filled out a lengthy online form and hit the submit button only to find myself staring back at an empty form peppered with red errors. Has this happened to you? Of course it has.
Design a Minimal and Modern Portfolio Layout with Photoshop
In this Photoshop web design tutorial, weíre going to create a mock-up of a clean and modern-looking website. This is Part 1 of a tutorial series that will show you how to create the design, and then convert it to an HTML/CSS template.
20 Do's and Don'ts of Effective Web Design
When you are creating a website (or hiring a web/blog designer to create one for you), there are specific items you need to be aware of. Things that normally wouldnít cross your mind. For the average person who wants a website or blog for their business, they are after one very important thing ñ sales. Now, they may tell you that they want the big flashy logos, or the overdone textures/gradients, but it is the job of a well skilled web designer to steer their clients in the right direction.
7 Things I Wish I had Known About jQuery
This article is mostly aimed at people who are just starting to learn jQuery. I assume you know the following.
November
You Don't Know Anything About Regular Expressions: A Complete Guide
Regular expressions can be scary…really scary. Fortunately, once you memorize what each symbol represents, the fear quickly subsides. If you fit the title of this article, there's much to learn! Låt oss komma igång.
Top 20+ MySQL Best Practices
Database operations often tend to be the main bottleneck for most web applications today. It's not only the DBA's (database administrators) that have to worry about these performance issues. We as programmers need to do our part by structuring tables properly, writing optimized queries and better code. Here are some MySQL optimization techniques for programmers.
17 Hours of JavaScript from the Masters
Douglas Crockford. John Resig. Peter-Paul Koch. Nicolas C. Zakas. If you recognize these names, you probably know what they all have in common: they're amazingly talented JavaScript Developers. Today, you'll hear from all of them, in this roundup of JavaScript presentations. Be ready to stretch your brain!
ASP.NET from Scratch: Lesson 1
Nettuts+ is primarily a PHP haven; however, I'm sure we can all agree that there are many fantastic, and technically more powerful languages and frameworks at our disposal. Jeremy McPeak, author of Professional AJAX, and Beginning JavaScript: 4th Edition, will teach you how to build ASP.NET applications from scratch over the course of the next several video tutorials. Njut!
And Part 2 .
The Basics of Object-Oriented JavaScript
Over recent years, JavaScript has increasingly gained popularity, partly due to libraries that are developed to make JavaScript apps/effects easier to create for those who may not have fully grasped the core language yet.
8 Things Programmers Should Know About UI Design
In an ideal world, each big subject from the software development process would be handed to a specialized professional: UI designers, programmers, architects, database administrators etc. Unfortunately, this is not the case most of times. There a plenty of cases out there where projects suffer from lack of proper expertise and well trained people. Thatís not to say we should know everything, nor that we should refuse doing work we are not sufficiently prepared for. From freelancers to big companies, we are sometime facing the need of wearing someone elseís hat. In those cases we have no other option but to simply get ourselves wet and just do it.
Ask JW: A Plugin to Make Important Announcements
Todayís Q&A comes courtesy of Frederico Gonzalez, from Twitter. He asked if there was an easy way to add announcement bars to the top of his site, much like the one on ActiveDen right now (assuming youíre not logged in). Luckily, as youíll find, itís quite simple to whip up a jQuery plugin that will make these announcements a cinch to add.
Creating a Web App From Scratch
Today we begin Part 1 of an 8-Part series on building a web application from absolute scratch to a complete product. I am going to kick things off by introducing the idea, and then I will be handling the design, UI, and general front-end stuff. We are going to be going back and forth from here over to my friend Jason Lengstorfís blog Ennui Design. Jason will be handling the back-end stuff like application planning and database stuff. At the end of the week, weíll unleash the actual working application for you.
You'll have to read part 2 , part 3 , part 4 , part 5 , part 6 , part 7 , and part 8 .
How To Create Your First AJAX and PHP Contact Form
You've been to websites that use them, a nice little AJAX contact form. AJAX is a great way to submit data without a page refresh and is a great tool for certain elements of a website, such as a contact form. So how do we go about doing so? Today, we will take it step by step and build your first AJAX and PHP contact form. We'll be using jQuery and the popular email validation code found on google code (originally by AddedBytes) to help us out.
How to Build a Site With Keyboard Navigation: PSD to HTML
Today weíll be looking at how to add keyboard navigation to a website using a few simple lines of JavaScript. First weíll create a simple site theme in Photoshop and then transform it into a working website that uses keyboard functions to switch pages.
Decemeber
JavaScript from Null: Video Series
Thanks to the wide adoption of libraries like jQuery and Mootools, JavaScript's popularity has skyrocketed in the last few years. However, in the process, an interesting thing occurred: many newer developers are learning these libraries without taking the time to actually learn about raw JavaScript techniques. What percentage of jQuery users don't know how to fade out an element with only raw JS? My guess is that it's much higher than many would think.
If you want to truly understand the library you're working with, and improve your skill-set, it's vital that you learn the fundamentals of raw JavaScript.
This screencast series focuses exclusively on JavaScript, and will take you from your first “Hello, World” alert up to more advanced topics.
Don't forget to watch part 2 and part 3 .
SQL for Beginners
Most modern web applications today interact with databases, usually with a language called SQL. Lucky for us, this language is quite easy to learn. In this article, we are going to start with some basic SQL queries and use them to interact with a MySQL database.
And here's part 2 .
Custom Events, and the Special Events API in jQuery
Web pages, for the most part, are event-driven. Libraries such as jQuery have provided helper methods to make this functionality much easier to grasp. In this tutorial, we'll look at expanding upon these methods to create your own custom namespaced events.
HTTP Headers for Dummies
Whether you're a programmer or not, you have seen it everywhere on the web. At this moment your browsers address bar shows something that starts with “http://”. Even your first Hello World script sent HTTP headers without you realizing it. In this article we are going to learn about the basics of HTTP headers and how we can use them in our web applications.
How to Build a Shopping Cart using CodeIgniter and jQuery
CodeIgniter is an open source PHP web application framework with a lot of features. Recently, thanks to the latest update, a new feature was added to this framework, called the Cart Class. In this tutorial, we're going to take advantage of this new class, and write a shopping cart system, with a touch of jQuery added in.
My Fundamental Misunderstanding Of The jQuery Event Object
Typically, when I deal with event binding in jQuery, I use it in a very one-off kind of way. Meaning, I rarely have multiple event handlers bound to the same element and I rarely use event bubbling in which an event is utilized at more than one level of the DOM tree. As such, I never needed more than a superficial understanding of the jQuery event object. This morning, however, as I was further exploring custom event types in jQuery, it quickly became apparent that my understanding of the event object was, in reality, a critical misunderstanding.
Stronger, Better, Faster Design with CSS3
In our last article about CSS3, ìPushing Your Buttons With Practical CSS3, we talked about using new CSS3 techniques like gradients, border-radius and drop-shadows to create compelling, flexible and (in some cases) hilarious buttons.
In this second article weíre going to focus on using those CSS techniques (and a little JavaScript) to create some practical elements and layouts. As before, caveat coder ó a lot of the CSS properties weíre going to use have limited support, if any, in IE6/7 and probably 8. Firefox 3.5+ and Safari 4 are your best bet right now to see all the cool stuff going on in CSS right now (Chrome does a pretty good job, too).
CSS Techniques I Wish I Knew When I Started Designing Websites
CSS is the best thing to happen to the web since Tim Berners-Lee. Itís simple, powerful, and easy to use. But even with all its simplicity, it hides some important capabilities. Ask any designer, and theyíll tell you that the majority of their code headaches are caused and ultimately solved by CSS.
Writing Maintainable Code
Three years ago, I gave my first talk at Yahoo! entitled, Maintainable JavaScript ( slides ). The point of the talk was to encourage people to use more rigor in their JavaScript coding. A lot of people who write JavaScript for a living began as hobbyists and hackers, including myself. All of the best front end engineers are self-taught, of course, because this stuff hasnít been taught in colleges and universities. I took the opportunity to simply point out that the same coding practices that are taught in traditional software engineering programs can also be applied to JavaScript. And of course, I threw in some of my own personal findings gathered through years of web development.
Display Gravatar & Autofill Fields for Previous Commenter
When someone comments on your site, cookies with the information the entered are saved to their computers. WordPress makes it easy to access that information. In fact, in your comments.php template they are ready-to-go PHP variables you can spit out anywhere youíd like. Letís take a look.
Bonus: 24 Ways and A List Apart
I haven't included any articles from 24 Ways , because you should read them all! (If you aren't aware, 24 Ways published 24 articles each year, from December 1 – 24.) There aren't any articles from A List Apart , for the same reason.
A Mini-Rant
Collecting all these tips, tuts, and articles was an interesting experience (ever tried to work with 30+ tabs at once?). As I did, I noticed—certainly not for the first time—a disturbing trend in the web dev community: so many sites had post after post entitled something like this: “number adjective subject.” While some list posts are great (guess what you've just read?), nothing beats really content. Nettut+ is amazing at cooking up great tutorials, appropriately seasoning it with the occasional list post. Here's hoping 2010 shows more web dev/design blogs following this pattern!
And Yours?
We all have our favourites; what article from 2009 helped you the most?
- Follow us on Twitter , or subscribe to the Nettuts+ RSS Feed for the best web development tutorials on the web.
Ready to take your skills to the next level, and start profiting from your scripts and components? Check out our sister marketplace, CodeCanyon .
120 Tips, Tricks, and Tuts from 2009 Worth your Time
| Webbutveckling & design |  |
| Blixt | |
| Fotografering | |
| Photoshop | |
| Vector | |
| Ljud | |
| Grafik | |
| Efterverkningar | |
| SEO | |
Översättare
 |  |  |  |  |  |  |  |  |  |
 |  |  |  |  |  |  |  |  |  |
 |  |  |  |  |  |  |  |  |  |
 |  |  |  |  |  |  |  |  |  |
 |  | ||||||||
0 Kommentarer
Du kan bli den första att lämna en kommentar.