34 kvalitetna zaslona

Jesam li vam ikad radio snimke zaslona 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 zapis izlazne slike zaslona računalo, koji ponekad sadrže audio naraciju. Iako je 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 poput Macromedia Flash i imaju sofisticiranije značajke uređivanja koje omogućuju promjene u slijedu, 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 | 1.WD

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 prikazuje kako treba i kako osvježiti RSS feedove uz pomoć AJAX-a.

Ako radite samo jedan feed, mislim da bi bilo učinkovitije razviti 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 web stranici QuickSnapper je ta što je ako je JavaScript isključen, popis snimaka prema zadanim postavkama vidljiv. 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š poslužitelj i održava efekt lijepim i glatkim.

3.Top 25 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 pomoću Spy okvira, umetajući AJAX objekte 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 frustriralo kada tijekom pregledavanja sadržaja niste mogli pronaći zaglavlje i izgubili 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. Vrlo je koristan za sve web dizajnere koji slijede trend.

5.Ponovno posjećen slikovni animacijski skok

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 pohranjivanjem visine u liniji i postavljanjem visine u liniji te nastavite u skladu s tim da li otkrivamo ili skrivamo element. Ovu radnju 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 po stavkama? Ova postavka zaslona pomaže vam jednostavnim koracima za prevođenje položaja klizača za obrnuto klizanje proizvoda uz pomoć Označavanja, kontrole klizača-widgeta, jQueryUI, CSS i određenih dodataka što omogućuje brže pomicanje i stanku po potrebi. Možete prikazati svoje proizvode i možete motati slike 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 videozapise u kojima možete naučiti sve metode, prebacivač stila Jquery, efekt lebdenja i još mnogo toga što se koristi u Themeforest.net.

Ova serija ekranskih uloga naučit će vas Jqueryju jasno i učinkovito. 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 izbornik u stilu lava lampe

Naučite stvarati izbornik stila lava-lampice od početka koji u početku prikazuje isti postupak pomoću izbornika na tri razine, a zatim stvorite izbornik lava-lampice pomoću biblioteke Javascript u ovoj postavci 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.

Ovaj vrtuljak možemo koristiti i u dinamičke svrhe.

10.Jquery pogled tim van damme

Ključni efekti Tim the Accordion i Hover efekta koji djeluju samo u Webkitu mogu raditi i u jQueryju kada se uzmu u obzir dva čimbenika, naime animirana margina - lijevi i Background rgba crossfade efekt.

Za daljnje 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 će postavka zaslona biti vrlo korisna u svrhe autorizacije.

U ovoj postavci zaslona kreiramo jednostavan skočni prozor koji provjerava lozinku računa na LDAP poslužitelju i gdje podaci prelaze s veze na dinamički stvoreni prozor.

12.Screencasts za izgradnju vlastitog jquery dodatka

Slijedite smjernice stručnjaka Jamesa Padolseyja, Jefferyja Waya i Dana Wellmana u ovoj postavci zaslona da biste stvorili svoje Jquery dodatke i koristili ih u svojim programima. Naučio kako postaviti zadane vrijednosti, prethodno učitati slike, stvoriti metode povratnog poziva i stvoriti dinamičke radio gumbe koristeći Jquery, CSS.

Da biste naučili sve korake, proučite kompletnu postavku ekrana.

13.Jquery video serija

Složeniji i precizniji režim treninga od 10 minuta za Themeforest.net i korištenje istog načina korištenja knjižnice Jquery i stvaranja vlastitih projekata uz pomoć video serijala tijekom 15 dana.

Cijela serija dovest će početnike kao uspješnog profesionalca u Jqueryju. Oni mogu fleksibilno uređivati ​​i prilagoditi Jquery programe.

PHP screencasting:

14.Uronite u PHP

Kratki obilazak o raznim temama u PHP-u dati su kao zasebni vodiči. Ovi samostalni vodiči Jeffery Waya podučava vas prenošenju datoteka pomoću PHP-a uz pomoć bloga ThemeForest koji je cjelovit izvor PHP upita.

Ova postavka pokriva različite vrste tema za početnike i korisnike srednje razine.

15.PHP Jcast Jquery Ajax screencast

Da bismo stvorili 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 zaslona. To je napredni screencast za ljubitelje PHP-a.

16.Photo admin stranica pomoću PHP-a i Jquery-a

Ovaj vam screencast pomaže stvoriti web mjesto s fotografijama pomoću PHP-a i jquery-ja, gdje se baza podataka kreira sa zbirkom fotografija, a administrator dobiva prava na ažuriranje naslova fotografija, kao i održavanje bilo kojeg poddirektorijuma klikom na tekst .

Možete administrirati cijelom fotogalerijom prema vašem zahtjevu. Posebnost ovog zaslona koristi Jquery kojem pristupamo galerijama.

CSS prikazi ekrana:

17.HTML i CSS same osnove

Pomozite apsolutnom početniku s osnovama HTML-a i CSS-a koji su samo tekstualne datoteke do razine na kojoj ih možete koristiti kao pregled na svojoj web stranici.

Ovaj će vas zaslon naučiti da je HTML sadržaj, a CSS dizajn web stranice, a također 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 kad 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 pružit će vam visoko profesionalni izgled za vaš web razvoj.

No, ova stranica galerije slika koristi vruće semantičko HTML5 označavanje, hrpu vizualnih poslastica s CSS3 i jQueryjem, a omogućeno je i uređivanje putem CMS PageLime.

19.Kako koristiti CSS spriteove

CSS Sprites već je dugo vruća tema. Činjenica je da je svaka slika na web stranici zaseban zahtjev poslužitelja i možete dramatično povećati performanse stranice. Smanjivanje broja HTTP zahtjeva poboljšava vrijeme učitavanja. Da bismo to postigli koristimo CSS spriteove, Kako stvoriti CSS sprite i kako ih opisati ovdje.

To će vam dati dobru ideju o CSS spritovima i kako ih koristiti sa stranom web razvoja.

20.Detaljan pogled na 960 CSS okvir

Mrežni sustav 960 predstavlja napor da se pojednostavi radni tijek web razvoja pružajući često korištene dimenzije na temelju širine od 960 piksela. Dvije su inačice: 12 i 16 stupaca, koje se mogu koristiti zasebno ili u tandemu.

Ne morate svladati kôd da biste stvorili 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 učinkovito razvijali svoje web aplikacije.

21. Prebacivač slike

Image Switcher besplatni je JavaScript koji automatski ubacuje seriju slika u jedan jedini ulazni prikaz koji se može zamijeniti vrućim izmjenama. 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 odabira popisa sve dok ih širina može prilagoditi.

Kako biste promijenili slike dok se krećete preko veze, ovaj vas zaslon uči bez pomoći JavaScripta. Za to je potrebno samo uključivanje z indeksa i lebdenje i malo apsolutnog pozicioniranja.

22.Izgradnja foto galerije

Kao i mnogi ljudi vani, možda biste htjeli stvoriti web mjesto na kojem će se prikazivati ​​vaše fotografije prijatelja, obitelji, odmora, vjenčanja itd. Pa, ovaj mali vodič pokazat će vam kako stvoriti galeriju fotografija i prenijeti je na Internet.

CSS omogućuje fotogaleriju koja se automatski gradi sa slikama iz direktorija, kao i poddirektorijima. Chris Coyier u ovoj glumačkoj ulozi podučava stvaranju automatske galerije fotografija.

23.Ugrađivanje zvuka

Kako ugraditi MP3 datoteku (poput podcasta, pjesme ili glazbe u pozadini) na web stranicu ili RSS feed tako da posjetitelji mogu slušati zvuk u samom pregledniku bez potrebe za vanjskim uređajem poput QuickTime ili Windows Media Player.

Većinu slike koristimo ili slika ili audio datoteka. Ali slika sa zvukom u pozadini čini korisnika sasvim ugodnim da shvati informacije. Chris Coyier podučava isto uz pomoć JavaScript-a i Flash-a u ovoj glumačkoj postavi.

24.Korištenje CSS3

Zamišljaju se mnoge nove uzbudljive funkcije i značajke CSS3. Pokušat ćemo neke od njih prikazati na ovoj web stranici. Za vizualna poboljšanja poput više pozadina, RGB-a, slike obruba, radijusa obruba, lica @font, animacija / prijelaza i još puno toga za CSS3 sada su u pokretu.

Da biste pratili ovaj najnoviji val, ugledajte ovaj zaslon.

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 izravno u pregledniku.

Da biste saznali više, naučite ovu postavku zaslona.

26.Jedinstvena stranica za twitter ažuriranja

Kada je dizajniran ispravno, a X / Twitter 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 ovu postavku zaslona koja vas vodi od stvari s javascripta do CSS-a kako biste oblikovali stranicu.

Zapaljivač koda:

27.Osnovne emisije zaslona

Code Igniter je web aplikacija otvorenog koda za pisanje PHP programa i također za stvaranje cjelovitih značajki web aplikacija. Pisanje koda ispočetka, pružajući bogat skup biblioteka za najčešće potrebne zadatke, kao i jednostavno sučelje i logičku strukturu za pristup ove knjižnice.

U ovom screencast-u daje vam uvod o CodeIgniteru i također za stvaranje bloga u CodeIgniteru pomoću PHP-a Dereka Jonesa.

28.Jednostavan razvoj s codeigniterom

Sa sirovim PHP-om to može biti dugotrajno. Međutim, s CodeIgniter, stvar je samo u upućivanju na ispravnu knjižnicu i dodavanju nekih opcija konfiguracije! Uronimo.

Željni podešavanja PHP vještina nakon što ste naučili uvod, prijeđite na sljedeći korak, ovaj screencast vas uči prenijeti sliku i spremiti je nakon početne provjere valjanosti pomoću PHP-a u CodeIgniteru.

29.Ubojite početne snimke zaslona za codeigniter

Pripremite se za stvaranje svoje prve aplikacije s CodeIgniterom, izradu obrasca pomoću Graditelja formi, izradu uzorka aplikacije, izradu bloga za 20 minuta, izradu paginacije, slanje i primanje podataka putem jQuery Posta i JSON-a u ovom 10-minutnom screencastu Dereka Jonesa .

Nadamo se da ćete naučiti dalje Okvir za razvoj aplikacija CodeIgniter nakon pripazite screencast.

XML:

30.Izgradite sustav za prijavu i registraciju s xml-om

Izgradnja cijelog sustava članstva može biti dosadan 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 puno 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 sustavu NAMIJENJENOM 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 mnogo čini projekt održiv.

Naučite osnove izrade obrasca pomoću alata Graditelj obrazaca koji se može koristiti za izgradnju datoteke XML sheme, a također se može koristiti u višestruke svrhe u mnogim obrascima. Sean Keesler vas uči graditi formu u ovoj glumačkoj postavci.

32.Parametarizirajte testne podatke pomoću XML-a

Stvorite skripte za automatizaciju za testiranje funkcionalnosti web aplikacija u programu Internet Explorer na sustavu Windows.

S ovog zaslona postignite ovaj zadatak uz pomoć Pamie - datoteke klase Python koja stvara 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.Zaslon baca na vas da se ritnete drupala

Teško je naučiti Drupal, ovaj screencast olakšava praktično učenje korak po korak, počevši od instalacije, sustava čvorova, blok sustava, vrsta sadržaja, razvoja teme i još mnogo toga.

Također možete pronaći resurse za Drupal knjige, Drupal podkastove, Drupal forume, Drupal kanale.

34.Drupal okrugli pregled

Dođite do svih informacija koje ste željeli znati o Drupalu, ovaj vam screencast pruža najbolje Drupalove screencast-ove, najbolje knjige o Drupalu, resurse, module i također 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, duljini najave i puno više o ovoj platformi za upravljanje sadržajem - Drupalu.


Ostavite svoj komentar

Vaša email adresa neće biti objavljen. Obavezna polja su označena s *

*

*

  1. Za podatke odgovoran: Miguel Ángel Gatón
  2. Svrha podataka: Kontrola neželjene pošte, upravljanje komentarima.
  3. Legitimacija: Vaš pristanak
  4. Komunikacija podataka: Podaci se neće dostavljati trećim stranama, osim po zakonskoj obvezi.
  5. Pohrana podataka: Baza podataka koju hostira Occentus Networks (EU)
  6. Prava: U bilo kojem trenutku možete ograničiti, oporaviti i izbrisati svoje podatke.