Jesam li vam ikad radio ekranizacije kako biste olakšali učenje, ali ako je engleski vaš problem, mislim da ćete uživati u ovom unosu koji vam donosim.
Un screencast je digitalni snimak izlaza na ekranu kompjuter, koji ponekad sadrže audio naraciju. Iako pojam screencast datira iz 2004, proizvodi kao što su lotos ScreenCam su korišteni od 1993. Pionirski proizvodi stvarali su ogromne datoteke i imali su ograničene mogućnosti uređivanja. Najnoviji proizvodi podržavaju kompaktnije formate datoteka kao što su Macromedia Flash i imaju sofisticiranije funkcije uređivanja koje omogućavaju promjene u redoslijedu, kretanju miša i zvuku.
Ne postoji manje od trideset i četiri ekranizacije za poboljšanje vaših vještina dizajniranja i programiranja, sve na engleskom, ali vrlo dobro objašnjeno i u izvrsnoj kvaliteti, tako da nema potrebe za brigom.
Izvor | 1stWD
AJAX:
1.AJAX osvježavajući RSS sadržaj
Prevladajte gnjavažu oko osvježavanja stranica ažuriranjem sadržaja bez ručnog osvježavanja stranice. Ovaj video pokazuje kako treba i kako osvježiti RSS feedove uz pomoć AJAX-a.
Ako radite samo jedan feed, mislim da bi bilo učinkovitije okretati vlastiti JavaScript kôd, pogotovo ako je to samo raščlanjivanje RSS-a. Koliko se sjećam, činilo se da SimplePie ima puno troškova.
2.Jednostavan-Jquery-špijunski efekt
Sjajna stvar na Realmacovoj QuickSnapper stranici je ta što ako je JavaScript isključen, lista ugriza je vidljiva prema zadanim postavkama. Pa ćemo slijediti njihov primjer.
Također je vrijedno napomenuti da njihova verzija samo uvlači nove stavke dok ne postigne kraj. Pokazat ću vam kako možete zadržati petlju na popisu, a u slijedećem uputstvu pokazat ću vam kako to povezati s Ajaxovim pogotkom koji ne ometa vaš server i održava efekt lijepim i glatkim.
3.25 najboljih AJAX video vodiča s youtubea
Vodiči ovdje predstavljeni daju početak od nule kako stvoriti HTML dokument, dodajući javascript i također povezujući vanjski javascript s tim, gradeći AJAX chat, dodajući AJAX elemente na web stranicu koristeći Spy framework, umetanje AJAX objekata u Adobe Dreamweaver, kako stvoriti Mash up aplikacije pomoću AJAX okvira, stvoriti Delphi za PHP web također o AJAX MySql bazi podataka
jquery:
4.Klizna zaglavlja poput iphonea
Ikad vas je frustriralo kada tijekom pregledavanja sadržaja ne možete pronaći zaglavlje i izgubili ste se s predmetom
kada prelazite na sljedeću stranicu, ovaj prikaz zaslona pomaže zaglavlju da ostane sadržajem, a također istovremeno zamjenjuje sljedeći naslov kada suptilno prelazite na sljedeću stranicu. To je vrlo korisno za sve web dizajnere koji slijede trend.
5.Ponovno posjećen skok animacije klizanja
Primijetili biste da vaša animacija skače prema kraju, što bi moglo biti zbog problema s visinom. Ova postavka zaslona pomaže vam u pronalaženju rješenja uzimajući u obzir faktore visine spremanjem visine u liniji i postavljanjem visine u liniji kasnije i nastavite u skladu s tim da li otkrivamo ili skrivamo element. Ovu akciju možemo koristiti za prikaz rezultata ili to također u FAQ-ima. Dakle, nema potrebe za osvježavanjem stranice.
6.Galerija klizača
Želite li stvoriti galeriju s dijapozitivom za kretanje kroz stavke? Ovaj prikaz zaslona pomaže vam jednostavnim koracima da prevedete položaj klizača za obrnuto klizanje proizvoda uz pomoć Markup-a, kontrole klizača-widgeta, jQueryUI, CSS i određenih dodataka što omogućava brže pomicanje i pauzu po potrebi. svoje proizvode, a slike možete motati itd.
7.Jquery za apsolutne početnike
15-dnevna Apsolutna početnička serija u Jqueryju s temom Forest.net kao referenca Jeffa Waya koji za svaki dan ima ekskluzivne video zapise u kojima možete naučiti sve metode, prebacivač stila Jquery, efekt lebdenja i još mnogo toga koji se koriste u Themeforest.net
Ova serija ekranskih uloga naučit će vas Jqueryju jasno i efikasno. Svaka ekranizacija ima svoj stil i bila bi vrlo korisna za početnike koji trebaju naučiti Jquery na neispravan način.
8.Izgradite navigacijski meni u stilu Lava lampe
Naučite od početka stvoriti izbornik stila lava-lampe koji u početku prikazuje isti postupak pomoću izbornika na tri nivoa, a zatim kreirajte meni lava-lampe koristeći Javascript biblioteku u ovom prikazu zaslona.
To je visoko profesionalan način unovčavanja vaše web stranice i ova vrsta izbornika pružit će vam dobar izgled vaše web stranice.
9.Automatski beskonačni vrtuljak
U većini slučajeva radnja pomicanja ne zaustavlja se automatski i moramo je ručno kontrolirati kada je to potrebno. Dakle, kako bismo akciju pomicanja učinili automatskom i zaustavili je kada je miš iznad vrtuljka pomoću Jquery-a prikazano je u ovom prikazu zaslona.
Ovu vrtuljku možemo koristiti i u dinamičke svrhe.
10.Jquery look Tim van Damme
Ključni efekti Tim the Accordion i Hover efekta koji rade samo u Webkitu mogu raditi i u jQueryju kada se uzmu u obzir dva faktora, naime animirana margina - lijevi i Background rgba crossfade efekt.
Za dodatne detalje prođite kroz screencast i pronađite ga sami.
11.Skočni prozor za prijavu
Autentifikacija se uvijek vrši pomoću lozinke. Ova postavka ekrana bit će vrlo korisna u svrhe autorizacije.
U ovoj postavci ekrana kreiramo jednostavan skočni prozor koji provjerava lozinku računa na LDAP poslužitelju i gdje se podaci prenose s veze na dinamički kreirani prozor.
12.Screencasts za izgradnju vlastitog jquery dodatka
Slijedite smjernice stručnjaka Jamesa Padolseyja, Jefferyja Waya i Dana Wellmana u ovoj postavci ekrana da kreirate svoje Jquery dodatke i koristite ih u svojim programima. Naučio kako postaviti zadane vrijednosti, prethodno učitati slike, kreirati metode povratnog poziva i stvoriti dinamičke radio dugmad koristeći Jquery, CSS.
Da biste naučili sve korake, proučite kompletnu postavku ekrana.
13.Jquery video serija
Detaljniji i precizniji režim treninga od 10 minuta za Themeforest.net i korištenje istog načina korištenja biblioteke Jquery i kreiranja vlastitih projekata uz pomoć video serijala za 15 dana.
Cijela serija dovest će početnike kao uspješnog profesionalca u Jqueryju. Oni mogu fleksibilno uređivati i prilagođavati Jquery aplikacije.
PHP pregledi ekrana:
14.Zaronite u PHP
Kratka tura o raznim temama u PHP-u data su kao zasebni vodiči. Ovi samostalni vodiči Jeffery Waya vas uče učitavanju datoteka pomoću PHP-a uz pomoć bloga ThemeForest koji je potpuni izvor PHP upita.
Ova postavka pokriva različite vrste tema za početnike i korisnike srednjeg nivoa.
15.PHP Json Jquery Ajax screencast
Da bismo kreirali komunikaciju između PHP-a i JSON izvora podataka, koristeći jQuery-jevu AJAX funkcionalnost, gdje kreiramo skriptu za slanje JSON podataka, zatim PHP niz, zatim učitamo datoteku i naš izvor podataka se popunjava.
Da biste naučili sve korake, pogledajte kompletnu postavku ekrana. To je napredni screencast za ljubitelje PHP-a.
16.Photo admin web lokacija koristeći PHP i Jquery
Ovaj screencast vam pomaže da napravite web lokaciju sa fotografijama pomoću PHP-a i jquery-ja, gdje se baza podataka kreira sa kolekcijom fotografija, a administrator dobiva prava na ažuriranje naslova fotografija, kao i održavanje bilo kojeg poddirektorijuma klikom na tekst .
Možete administrirati cijelom galerijom fotografija prema vašim zahtjevima. Posebnost ovog zaslona je korištenje Jquery-ja kojem pristupamo galerijama.
CSS prikazi ekrana:
17.HTML i CSS su same osnove
Pomozite apsolutnom početniku s osnovama HTML-a i CSS-a koji su samo tekstualne datoteke do nivoa na kojem ih možete koristiti kao pregled na svojoj web lokaciji.
Ova postavka na ekranu naučiće vas da je HTML sadržaj, a CSS dizajn web stranice, kao i kako stvoriti web stranicu dobre kvalitete. Ovdje možete naučiti same osnove HTML-a i CSS-a, tako da web stranice možete lako rukovati kada se nauče osnove dobro.
18.CSS3 galerija slika koja se može uređivati
Izrađujemo prilično tipičan obrazac dizajna galerije slika, mrežu slika koje se pojavljuju veće kad se klikne. Ova galerija slika dat će vam visoko profesionalan izgled za vaš web razvoj.
Ali ova stranica galerije slika koristi vruće semantičke HTML5 oznake, gomilu vizuelnih poslastica sa CSS3 i jQuery-jem i omogućava uređivanje kroz CMS PageLime.
19.Kako koristiti CSS spriteove
CSS Sprites su već dugo aktuelna tema. Činjenica je da je svaka slika na web stranici zaseban zahtjev servera i možete dramatično povećati performanse stranice. Smanjivanjem broja HTTP zahtjeva poboljšava se vrijeme učitavanja. Da bismo to postigli koristimo CSS spriteove, Kako stvoriti CSS sprite i kako ih opisati ovdje.
Ovo će vam dati dobru ideju o CSS spritovima i kako to koristiti sa stranom vašeg web razvoja.
20.Detaljan pogled na 960 CSS okvir
Grid System 960 je napor da se pojednostavi radni tok web razvoja pružajući često korišćene dimenzije na osnovu širine od 960 piksela. Postoje dvije varijante: 12 i 16 stupaca, koje se mogu koristiti odvojeno ili u tandemu.
Ne morate savladati kôd da biste kreirali web aplikaciju. CSS okviri su tu da napišete svoj kôd. Provedite neko vrijeme s ovom postavkom zaslona da biste saznali više o okvirima i efikasno razvijali svoje web aplikacije.
21. Prebacivač slika
Image Switcher je besplatni JavaScript koji automatski ubacuje seriju slika u jedan jedini port za prikaz koji se može zamijeniti vrućim putem. Ovo je čisti CSS prebacivač slika koji je lagan i u skladu sa standardima. Može se koristiti za galeriju ili bilo koju sličnu funkciju. Može se koristiti bilo koji broj opcija za odabir liste dokle god ih može prilagoditi širina.
Da biste promijenili slike dok se krećete preko veze, ono što vas ovaj zaslon uči bez pomoći JavaScript-a. Za to trebate samo uključivanje z-indeksa i malo apsolutnog pozicioniranja.
22.Izgradnja galerije fotografija
Kao i mnogi ljudi vani, možda biste trebali stvoriti web stranicu koja će pokazati vaše fotografije prijatelja, porodice, odmora, vjenčanja itd. Pa, ovaj mali vodič će vam pokazati kako stvoriti galeriju fotografija i otpremiti je na Internet.
CSS omogućava fotogaleriju koja se automatski gradi sa slikama iz direktorija, kao i poddirektorijima. Chris Coyier podučava u ovoj glumačkoj ekipi da napravi automatsku galeriju fotografija.
23.Ugrađivanje zvuka
Kako ugrađujete MP3 datoteku (poput podcasta, pjesme ili muzike u pozadini) u web stranicu ili RSS feed tako da posjetitelji mogu slušati zvuk u samom pregledaču bez potrebe za vanjskim uređajem za reprodukciju poput QuickTime ili Windows Media Player.
Većinu slika koristimo ili slika ili audio datoteka. Ali slika sa zvukom u pozadini čini korisnika prilično ugodnim da shvati informacije. Chris Coyier uči isto uz pomoć JavaScript-a i Flash-a u ovoj glumačkoj postavi.
24.Korišćenje CSS3
Mnogo novih uzbudljivih funkcija i karakteristika se smišlja CSS3. Pokušat ćemo prikazati neke od njih na ovoj web stranici. Za vizuelna poboljšanja poput više pozadina, RGB-a, slike obruba, radijusa obruba, lica @font, animacija / prijelaza i još mnogo toga za CSS3 sada smo u pokretu.
Da biste pratili ovaj najnoviji val, ugledajte ovaj emiter.
25.Predstavljamo vam firebug
Informacije o označavanju, CSS-u, izgledu i DOM-u elementa možete dobiti na stranici s Firebugom, proširenjem Firefoxa, koje je postalo neizbježno za web dizajnere i programere, a rezultate možete uređivati i vidjeti direktno u pregledniku.
Da biste saznali više, naučite ovu postavku ekrana.
26.Jedinstvena stranica za twitter ažuriranja
Kada je dizajniran ispravno, a cvrkut feed može poboljšati estetiku izgleda web stranice. Ako su tweetovi vaša zabava, morate biti željni prikazivanja svojih tweetova od početka do kraja. Na primjer, možete pokriti dizajn u Photoshopu i također oblikovati svoju stranicu.
Da biste postigli ovaj zadatak, slijedite ovaj prikaz zaslona koji vas vodi od javascript stvari do CSS-a kako biste oblikovali stranicu.
Codeigniter:
27.Osnovni prikazi ekrana
Code Igniter je web aplikacija otvorenog koda za pisanje PHP programa i također za stvaranje cjelovitih web funkcija. Pisanje koda od nule, pružajući bogat skup biblioteka za najčešće potrebne zadatke, kao i jednostavno sučelje i logičku strukturu za pristup ove biblioteke.
U ovom screencast-u daje vam uvod o CodeIgniteru, kao i kreiranje bloga u CodeIgniteru pomoću PHP-a Dereka Jonesa.
28.Jednostavan razvoj sa codeigniterom
Sa sirovim PHP-om to može biti dugotrajno. Međutim, sa CodeIgniter, stvar je samo u upućivanju na ispravnu biblioteku i unosu nekih opcija konfiguracije! Uronimo.
Željni da podesite PHP vještine nakon što ste naučili uvod, prijeđite na sljedeći korak, ovaj screencast vas uči da prenesete sliku i spremite je nakon početne provjere valjanosti pomoću PHP-a u CodeIgniteru.
29.Snimke ekrana za pokretanje ubojice za codeigniter
Pripremite se za stvaranje prve aplikacije s CodeIgniter, kreiranje obrasca pomoću Graditelja formi, izrada uzorka aplikacije, kreiranje bloga za 20 minuta, izrada paginacije, slanje i primanje podataka putem jQuery Posta i JSON-a u ovom desetominutnom ekranizaciji Dereka Jonesa .
Nadamo se da ćete naučiti dalje Okvir za razvoj aplikacija CodeIgniter nakon pazite na screencast.
XML:
30.Izgradite sistem za prijavu i registraciju sa xml-om
Izgradnja čitavog sistema članstva može biti naporan i dugotrajan zadatak. Tim Cooper će nam pokazati kako sagraditi CIJELU stvar za otprilike trideset minuta.
Korištenjem XML-a mogli bismo stvoriti obrazac za prijavu i registraciju za mnogo manje vremena od MySQL-a, Tim Cooper u ovom prikazu zaslona to nam pokazuje pregledom PHP-a, .htaccess-a, datoteka, sesija i još mnogo toga.
31.Graditelj obrasca
Možda se čini čudnim pokušati standardizirati tipove podataka u sistemu PROJEKTIRANOM DA BUDE TOLIKO FLEKSIBILAN, ali više od jedne institucije izvještava da postavljanje razumnih očekivanja za raspoređivanje portfelja u kampusu i upravljanje vašim IT resursima kako bi se iskoristila neka količina standardizacije, puno čini projekat održiv.
Naučite osnove gradnje obrasca pomoću alata Graditelj obrasca koji se može koristiti za izgradnju datoteke XML sheme, a također se koristi u višestruke svrhe u mnogim obrascima. Sean Keesler vas uči da gradite formu u ovoj glumačkoj ulozi.
32.Parametrizirajte test podatke pomoću XML-a
Stvorite skripte za automatizaciju za testiranje funkcionalnosti web aplikacija u programu Internet Explorer na Windowsu.
S ovog zaslona postignite ovaj zadatak uz pomoć Pamie - datoteke klase Python koja kreira Pamie test skriptu za automatizaciju obrasca, stvaranje XML datoteke, čitanje podataka i pokretanje testa.
Pokazuje vam:
- Kako stvoriti Pamie test skriptu za automatizaciju obrasca
- Kako pronaći imena i ID-ove DOM elemenata za automatizaciju
- Stvaranje XML datoteke od nule pomoću programa Notepad ++
- Kako čitati podatke u XML datoteci pomoću ElementTree
- Kako pokrenuti test
33.Ekran baca na vas ritam drupala
Teško je naučiti Drupal, ovaj screencast olakšava praktično učenje korak po korak, počevši od instalacije, sistema čvorova, blok sistema, tipova sadržaja, razvoja teme i još mnogo toga.
Takođe možete pronaći resurse za Drupal knjige, Drupal podkastove, Drupal forume, Drupal kanale.
34.Drupal okrugli pregled
Dobijte sve informacije koje ste željeli znati o Drupalu, ovaj screencast vam daje najbolje od Drupalovih screencast-a, najbolje knjige o Drupalu, resurse, module i takođe dosadne smetnje Drupala. Nabavite najnovije screencast-e na Drupal 6, saznajte više o CSS Injectoru, Node Convert-u, sindromu otvorenog buffet-a, stvaranju sigurnosne kopije, o Webform-u, Toboganu za prijavu, ulaznim filtrima, dužini najave i puno više o ovoj platformi za upravljanje sadržajem - Drupal-u.