Gisteren nam ik de tijd om ons 6-jarig jubileum te vieren door onze oudere tutorials opnieuw te bekijken. Soms is het gemakkelijk om te vergeten hoeveel ongelooflijke materiaal dat we hebben op deze site - materiaal dat sommigen van jullie misschien niet eens weten! Als je op mij lijkt, gebruik je het weekend om je leerproces bij te spijkeren - werk kost zoveel tijd. Vandaag maak ik een lijst van de twintig beste tutorials op NETTUTS (in willekeurige volgorde) die je opleiding een vliegende start zullen geven.
Er gaat niets boven het bouwen van een hele site om u een goed overzicht te geven van hoe een CSS-lay-out zou moeten werken. Bij PSDTUTS hebben we een tutorial waarin je een gestroomlijnd, high-end webontwerp ontwerpt. In deze tutorial nemen we dat PSD-bestand en bouwen het met een aantal mooie schone HTML en CSS.
Bezoek artikel
In deze tutorial nemen we je gemiddelde dagelijkse website en verbeteren deze met jQuery. We zullen ajax-functionaliteit toevoegen zodat de inhoud in de relevante container wordt geladen in plaats van dat de gebruiker naar een andere pagina moet navigeren. We zullen ook enkele geweldige animatie-effecten integreren.
Bezoek artikel
Versie één wordt goud! Bezoekers landen vanuit alle uithoeken van de wereld. Je weet dat er waarschijnlijk een paar kinderziektes zijn, ik bedoel, dit is 1.0.0.0 ... al die nullen zijn bedoeld om ons een beetje genade goed te maken?
Bezoek artikel
Projecten variëren in omvang en omvang, en de uitdagingen die zij met zich meebrengen variëren eveneens. Als eenzame webdesigner is FlashDen de grootste taak waarvoor ik verantwoordelijk ben. Samen met duizenden actieve leden die allemaal chatten, uploaden en kopen, verwerkt de site grote hoeveelheden geld en grote hoeveelheden verkeer.
Bezoek artikel
Vandaag ga ik met u door mijn hele proces van ophalen van Photoshop tot voltooide HTML. We gaan een set van 4 PSD-mockups van een website uitwerken die uiteindelijk een WordPress-thema zullen worden. Het is een enorme tutorial, dus als je door wilt gaan tot het einde, zorg dan dat je een paar uur over hebt!
Bezoek artikel
Een van de grootste uitdagingen voor webontwerpers is het vinden van manieren om veel informatie op een pagina te plaatsen zonder de bruikbaarheid te verliezen. Inhoud met tabbladen is een prima manier om dit probleem aan te pakken en is de laatste tijd op grote schaal gebruikt door blogs. Vandaag gaan we een eenvoudig informatievenster met tabbladen bouwen in HTML, het vervolgens laten functioneren met een eenvoudige Javascript, en dan zullen we uiteindelijk hetzelfde bereiken met de jQuery-bibliotheek.
Bezoek artikel
Vaak ben ik in mijn carrière als webninja gevraagd om opensourceprojecten te helen of te thematiseren om ze in lijn te brengen met het merk van mijn klant. Afhankelijk van het project kan dit meer of minder frustrerend zijn (ik zie jou als Magento), maar MediaWiki is een van de gemakkelijkere projecten om mee te werken vanwege het beperkte aantal bestanden en dingen om aan te passen. In deze tutorial doorlopen we het themaproces dat ik gebruikte om de aankomende PSDTUTS Wiki te stylen, maar het proces, met name met behulp van Firebug, kon op vrijwel elk CMS worden toegepast..
Bezoek artikel
CSS is een relatief eenvoudige taal om te leren. Beheersing, aan de andere kant, kan een beetje moeilijker blijken te zijn. Alleen al het compenseren van verschillende browser-inconsistenties kan migraine veroorzaken. In dit artikel zullen we vijf van de meest heftige problemen die je tegenkomt bij het bouwen van webtoepassingen demystificeren.
Bezoek artikel
Een traditionele blogroll is een eenvoudige lijst met andere sites, vaak in de zijbalk, die gerelateerd zijn aan, eigendom zijn van of anderszins vriendelijk zijn voor de startpagina. Blogrolls zijn een geweldig idee en een relevant punt met de geest van bloggen, maar hoe moet een informele lezer weten of een van deze sites echt interessant is? Laten we het concept van een blogroll verbeteren door niet alleen sites te vermelden, maar ook recente headlines dynamisch eraan te trekken en enkele leuke jQuery-animaties te gebruiken.
Bezoek artikel
Als het gaat om CSS, zijn er veel bronnen en vermeende 'experttips' op internet. Dit zijn van onbewezen, zelfverklaarde "goeroes" die geen street cred in de designwereld hebben. Hoewel ze wel geldige punten hebben, hoe kan iemand dan weten of een CSS-tip een geldige bron of een niet-geteste hack is??
Bezoek artikel
Eén worsteling die vandaag de dag nog steeds bestaat in webdesign, is het weergeven van alle overtollige informatie op elke pagina. Bijvoorbeeld een inlogformulier. Wat als er een manier was om de inhoud eenvoudig toegankelijk te maken op elke pagina, maar verborgen houdt tot de pagina nodig is? Dat kan, door een toppaneel te maken dat, wanneer erop wordt geklikt, zijn zelf en zijn inhoud zal onthullen. Maar we moeten dit er leuk uit laten zien, dus we zullen het ook animeren.
Bezoek artikel
De gebruikersinterface van JQuery kan zoveel toevoegen aan een webpagina. Er zijn veel verschillende widgets die de gebruikersinterface biedt. Een opkomende ster, is de schuifregelaar. In deze zelfstudie laat ik u zien hoe u een schuifregelaar gebruikt om de tekstgrootte van een artikel op een pagina te bepalen. Hiermee kan de gebruiker precies het formaat instellen dat bij hem past, en het is ook een behoorlijk indrukwekkende functie op een site!
Bezoek artikel
In deze tutorial laat ik je zien hoe je een stijlswitcher maakt met jQuery en PHP. Het eindresultaat zal een onopvallende en volledig afbreekbare schakelaar voor dynamische stijl zijn die snel en gemakkelijk te implementeren zal zijn.
Bezoek artikel
Sweetcron is "The Automated Lifestream Blog Software". Het is nog steeds in de publieke beta, maar het is al een heel leuk blogsoftwarepakket. Het mooie van Sweetcron is dat nieuwe berichten automatisch worden gemaakt van je activiteit elders op internet. Nieuwe foto's op Flickr? Tweets op Twitter? Duimen omhoog op StumbleUpon? Blogberichten op Tumblr? Voeg ze allemaal toe aan uw Sweetcron-site en ze verschijnen binnen enkele minuten op uw site.
Bezoek artikel
Het lijkt erop dat de obsessie van de webontwerpindustrie op dit moment de mogelijkheid is om een "aanbevolen gedeelte" te creëren. Hoewel het ooit veel vaardigheid vereist heeft, is dat niet langer het geval. In deze screencast laat ik je zien hoe je gemakkelijk een schuifbaar aanbevolen gedeelte kunt maken met een van de populaire thema's van Theme Forest als referentie. Laten we erin stappen!
Bezoek artikel
jQuery voegt een heleboel coole functionaliteit toe aan je websites. Het kan verschillende dingen doen, van animatie tot AJAX. Het wordt meestal afgekeurd om sterk afhankelijk te zijn van jQuery om je sites te ontwerpen, maar het is leuk om zo nu en dan wild te gaan. In deze zelfstudie leer ik je hoe je jQuery gebruikt om een volledig gecodeerd Dashboard te maken, net als Leopard! Dit kan handig zijn bij het verbergen van een heleboel gadgets of widgets waar je geen ruimte voor hebt!
Bezoek artikel
Er zijn tegenwoordig veel verschillende manieren om met uw gebruikers te communiceren. RSS-feeds, sms-berichten en sites zoals Twitter hebben de manier veranderd waarop we met onze doelgroep praten. Maar voor mijn geld kun je de persoonlijke touch van een goede oude e-mailnieuwsbrief niet verslaan.
Natuurlijk kan het bijhouden van een nieuwsbrief veel moeite kosten, maar in deze tutorial laat ik je zien hoe je je gewone Wordpress-website in combinatie met Feedburner gebruikt om een eenvoudige e-mailnieuwsbriefmanager te maken.
Bezoek artikel
WordPress lijkt tegenwoordig overal, en het is geen wonder dat het gebruiksvriendelijk is en gemakkelijk kan worden aangepast. In deze zelfstudie zal ik de standaardreactie.php-structuur van het WordPress-thema analyseren en verschillende codefragmenten weergeven om het villen gemakkelijker te maken.
Bezoek artikel
Apple is altijd God geweest in termen van de manier waarop ze zichzelf en hun producten presenteren. Ik ben dol op de zijbalk op de Apple Startpage en wilde de Accordion-plug-in gebruiken in jQuery UI om dit te bereiken! Alsof dat niet genoeg voor mij is, wil ik het ook graag kunnen laten zien en verbergen. Ik ga je laten zien hoe!
Bezoek artikel
Er zijn een paar speciale technieken of effecten waarmee je elke webpagina kunt verfraaien. Dit zijn de 20 Ajax-effecten die elke webontwikkelaar moet kennen. Het zijn essentiële onderdelen van de toolbox van elke webontwikkelaar. Als je ze nog niet hebt gezien, zul je ongetwijfeld in je toekomstige webontwikkeling streven.
Bezoek artikel
Net als veel andere webontwerpers, gedij ik op het coderen van mooie en toch flexibele webpagina's die vrijwel identiek zijn in elke webbrowser. Helaas, het ontwerpen van e-mailnieuwsbrieven stuurt je tien jaar terug. Verouderde tags, tabellen, inline styling, oh my! In dit artikel zal ik zes methoden noemen die uw e-maillay-outs onmiddellijk zullen verbeteren.
Bezoek artikel