Share
Aspectul nostru receptiv vine în salturi și limite, așa că hai să-l dăm mai departe! Astăzi vom examina diferite pluginuri jQuery pe care le vom folosi pentru a extrage Twitter și Flickr feed-uri în pagina noastră, plus un plugin slider receptiv pentru zona noastră de caracteristici din partea de sus.
Notă: Merită menționat faptul că unele dintre pluginurile jQuery menționate în acest tutorial pot fi depășite (de exemplu, Twitter a făcut modificări în API-ul care împiedică lucrul pe Twitter!). Simțiți-vă liber să încercați alternative și să vă împărtășiți gândurile în comentarii!
Înainte de a începe implementarea diferitelor jucării jQuery, să ne ordonăm mai întâi zona de subsol. Vom aborda aspectul liniei diagonale din spatele elementelor h4, vom plasa logo-ul secundar, vom adăuga conținutul generic de manechin și vom termina stilul listelor.
Alternativ, descărcați videoclipul sau abonați-vă la programele de distribuție Webdesigntuts + prin iTunes sau YouTube!
Având în vedere cea mai mare parte a stilului, putem acum să luăm pluginurile Twitter și Flickr jQuery, care vor trage feed-uri în documentul nostru. Pe măsură ce începem să adăugăm destul de mult cod la piciorul paginii noastre, vom face un punct de compilare a tuturor într-un singur fișier .js.
Alternativ, descărcați videoclipul sau abonați-vă la programele de distribuție Webdesigntuts + prin iTunes sau YouTube!
Nu în ultimul rând, pluginul slider-ului receptiv. Vom folosi pluginul foarte flexibil Flexslider (achiziționat recent de WooThemes) și îl vom implementa pentru a afișa câteva imagini PhotoDune.
Alternativ, descărcați videoclipul sau abonați-vă la programele de distribuție Webdesigntuts + prin iTunes sau YouTube!
Unele linkuri utile pentru a continua să se bazeze pe ceea ce a fost acoperit în aceste videoclipuri.
Imagini de la PhotoDune.
Accentsconagua