Kalitatezko 34 pantaila-argazki

Egin al ditut noizbait pantaila-irudiak zure ikaskuntza errazteko, baina ingelesa zure gauza bada, nik ekartzen dizudan sarrera honekin asko disfrutatuko duzula uste dut.

Un screencast pantailaren irteeraren grabazio digitala da ordenagailu, batzuetan audio narrazioarekin. Terminoa bada ere screencast datak 2004bezalako produktuak Lotus ScreenCam erabili ziren geroztik 1993. Produktu aitzindariek fitxategi izugarriak ekoizten zituzten eta edizio funtzio mugatuak zituzten. Azken produktuek fitxategi formatu trinkoagoak onartzen dituzte Macromedia Flash eta edizio funtzio sofistikatuagoak dituzte sekuentzia, saguaren mugimendua eta audioa aldatzeko.

Zure diseinurako eta programaziorako trebetasunak hobetzeko hogeita hamalau screencast baino gutxiago daude, guztiak ingelesez baina oso ondo azalduta eta kalitate bikainean, beraz ez dago kezkatu beharrik.

Iturria | 1.WD

AJAX:

1.AJAX RSS eduki freskagarria

Gainditu orria freskatzeko arazoak, eskuz orri freskatu gabe edukia eguneratuta. Bideo honek erakusten ditu nola egin eta nola freskatu RSS iturriak AJAX-en laguntzarekin.

Jario bakarra egiten ari bazara, uste dut zure JavaScript kodea jaurtitzea eraginkorragoa izango litzatekeela, batez ere RSS analizatzen besterik ez bada. Gogoratzen dudanaren arabera, SimplePie karga handia omen zen.

2.Simple-Jquery-spy-efektua

Realmac-en QuickSnapper gunearen gauza bikaina da JavaScript desaktibatuta badago, snaps zerrenda lehenespenez ikusgai dagoela. Beraz, jarraipena egingo diogu.

Aipatzekoa da ere haien bertsioak elementu berriak biltzen jarraitzen duela amaierara iritsi arte. Zerrenda begizta nola mantendu dezakezu erakutsiko dizut, eta jarraipen tutorial batean erakutsiko dizut nola lotu zure zerbitzaria mailukatzen ez duen eta efektu polita eta leuna mantentzen duen Ajax arrakasta bati.

3.YouTubeko 25 AJAX bideo tutorial onenak

Hemen aurkezten diren tutorialek HTML dokumentu bat sortzeko moduaren hasieratik ematen dute hasiera, javascript gehitzen dute eta horrekin kanpoko javascript bat lotzen dute, AJAX txata eraikitzen dute, AJAX elementuak gehitzen dituzte web orri batean Spy framework erabiliz, AJAX objektuak txertatzen dituzte. Adobe Dreamweaver-ek, nola sortu Mash up aplikazioak AJAX esparrua erabiliz, sortu Delphi PHP webguneetarako ere AJAX MySql datu-baseari buruz

Kontsulta:

4.Iphone bezalako goiburu lerragarriak

Eduki bat arakatzen ari zarenean goiburua aurkitzen ez duzunean eta zure gaiarekin galdu zarenean zapuztu nintzen
hurrengo orrialdera pasatzean, pantaila igorpen honek goiburua edukia izaten jarraitzen du eta hurrengo izenburua aldi berean ordezkatzen du modu sotilean hurrengo orrialdera joaten zarenean. Oso erabilgarria da joera jarraitzen duten web diseinatzaile guztientzat.

5.Irristatutako animazio jauzia berriro ikusi da

Konturatuko zinateke zure animazioak amaierara egiten duela jauzi, altuerako arazoengatik izan daitekeela. Pantaila igorpen honek konponbide bat aurkitzen laguntzen dizu altueraren faktoreak kontuan hartuta, altuera lineala gorde eta lerro altuera geroago ezarri eta horren arabera jarraitu ala ez elementua agerian edo ezkutatzen ari gara. Ekintza hau erabil dezakegu gure emaitzak erakusteko edo FAQ-etan ere erabil dezakegu. Beraz, ez dago orria freskatu beharrik.

6.Irristailuen galeria

Elementuetan zehar nabigatzeko diapositiba batekin galeria sortu nahi duzu? Pantaila igorpen honek urratsak erraz egiten ditu produktuak alderantziz irristatzeko graduatzaileen posizioa itzultzeko Markup, irristailu-widget kontrolaren, jQueryUI, CSS eta behar direnean etenaldi azkarragoak eskaintzen dituen zenbait plug-in-en laguntzarekin. Bistaratu dezakezu zure produktuak eta zure irudiak etab.

7.Hasiberri absolutuentzako jquery

Jqueryko 15 eguneko hasiberrientzako serie absolutua, Theme forest.net-ekin erreferentzia gisa Jeff Way-ek. Egunero bideo esklusiboak ditu. Metodo guztiak, Jquery estilo aldatzailea, pasatzearen efektua eta Themeforest.net-en erabiltzen diren beste asko ikas ditzakezu.

Pantailako aktoreen serie honek JQuery modu argian eta eraginkorrean irakatsiko dizu. Iragarki bakoitzak bere estiloa du eta oso erabilgarria izango litzateke JQuery modu akastunean ikasi behar duten hasiberrientzat.

8.Eraiki Lava lanpara estiloaren nabigazio menua

Ikasi hasieratik laba-lanparen estiloko menua sortzen eta horrek hasieran prozesu bera erakusten du hiru mailetako menu bat erabiliz eta, ondoren, sortu laba-lanparen menua Javascript liburutegia erabiliz pantaila aktibo honetan.

Zure webgunea dirua irabazteko modu oso profesionala da eta menu mota honek itxura ona emango dio zure webguneari.

9.Karrusel infinitu automatikoa

Gehienetan korritze ekintza ez da automatikoki gelditzen eta beharrezkoa denean eskuz kontrolatu behar dugu. Beraz, korritze ekintza automatikoa izan dadin eta sagua Jquery erabiliz karruselaren gainean dagoenean pausatzen da pantaila aktibo honetan.

Karrusel hau helburu dinamikoetarako ere erabil dezakegu.

10.Jquery itxura tim van damme

Webkit-en soilik funtzionatzen duten Tim the Akordeoi eta Hover efektuaren funtsezko efektuek jQuery-n ere funtziona dezakete marjina animatua - ezkerreko eta Background rgba crossfade efektua kontuan hartzen direnean.

Xehetasun gehiago nahi izanez gero, joan zaitez pantailan eta aurkitu zure kabuz.

11.Popup saioa hasteko leihoa

Autentifikazioa beti pasahitz baten laguntzarekin egiten da. Pantaila igortze hau oso erabilgarria izango da baimenetarako.

Pantaila honetan, leiho berri bat sortzen dugu, LDAP zerbitzari bateko kontu baten pasahitza egiaztatzen duena eta datuak lotura batetik dinamikoki sortutako leihora pasatzen diren lekua egiaztatzen duena.

12.Screencasts zure jQuery plugin propioa eraikitzeko

Hartu James Padolsey, Jeffery Way eta Dan Wellman adituen gidaritza pantaila honetan, zure Jquery pluginak sortzeko eta zure programetan erabiltzeko. Lehenetsitakoak ezartzen, irudiak aurrez kargatzen, atzera egiteko metodoak sortzen eta irrati-botoi dinamikoak sortzen ikasi nuen Jquery, CSS erabiliz.

Urrats osoak ikasteko pantailako aktore osoa aztertu.

13.Jquery bideo serieak

Themeforest.net-erako 10 minutuko prestakuntza-erregimen landuagoa eta zehatzagoa eta Jquery liburutegia nola erabili eta zure proiektuak sortzea bideo-serieen deskribapenaren laguntzarekin 15 egunez.

Serie osoak hasiberrientzako profesional arrakastatsua bihurtuko du Jquery-n. Jquery aplikazioak malgutasunez editatu eta pertsonaliza ditzakete.

PHP pantaila pantaila:

14.PHPn murgiltzea

PHPko hainbat gairi buruzko ibilbide laburra tutorial bereizitzat ematen da. Jeffery Way-ek egindako tutoretza autonomo hauek PHP erabiliz fitxategiak kargatzen irakasten zaituzte ThemeForest blogaren laguntzarekin, hau PHP kontsultetan iturri osoa baita.

Pantaila aktore honek hasierako eta erdi mailako erabiltzaileentzako gai mota desberdinak biltzen ditu.

15.PHP Json Jquery Ajax pantaila-argazkia

PHP eta JSON datu-iturriaren arteko komunikazioa sortzeko jQuery-ren AJAX funtzionalitatea erabiliz, non JSON datuak bidaltzeko script bat sortzen dugun, orduan PHP array bat fitxategia kargatzen dugu eta gure datu-iturria betetzen da.

Urrats osoak ikusteko, ikusi pantaila osoko igorpena. Screencast aurreratua da PHP zaleentzat.

16. Argazki administratzaile gunea PHP eta Jquery erabiliz

Screencast honek argazki gune bat sortzen laguntzen dizu PHP eta jQuery erabiliz, non datu basea argazki bildumarekin sortzen den, eta administratzaileari argazkien izenburua eguneratzeko eta edozein azpidirektorio mantentzeko eskubidea ematen zaio testuan klik eginez. .

Argazki galeria osoa zure eskakizunen arabera kudea dezakezu. Pantaila aktibo honen espezialitatea JQuery erabiliz ari gara galerietara sartzen.

CSS pantaila-irudiak:

17.HTML eta CSS oinarrizkoak dira

Lagundu hasiberri absolutuari HTML eta CSS oinarrizko testuekin. Testu fitxategiak soilik dira zure webgunean aurrebista gisa erabil ditzakezun mailara.

Pantaila aktibo honek HTML edukia dela eta CSS webgunearen diseinua dela erakusten du eta, era berean, kalitate oneko webgunea nola sortu. Hemen HTML zein CSSren oinarrizko oinarriak ikas ditzakezu, webguneak erraz ikasi ahal izateko. oinarriak ondo.

18.CSS3 irudi galeria editagarria

Irudi galeriaren diseinu eredu nahiko tipikoa eraikitzen dugu, klik egitean handiago agertzen diren irudien sareta bat. Irudi galeria honek zure web garapenerako oso itxura profesionala emango dizu.

Baina irudi galeriaren orrialde honek HTML5 markaketa semantiko beroa, CSS3 eta jQuery-rekin ikusizko tratamendu ugari erabiltzen ditu eta CMS PageLime bidez editatu daiteke.

19. Nola erabili CSS sprites

CSS Sprites aspaldiko gaia da aspalditik. Kontua da web orrialde bateko irudi bakoitza zerbitzari eskaera bereizi bat dela eta orrialde baten errendimendua izugarri handitu dezakezula. HTTP eskaera kopurua murrizteak karga denborak hobetzen ditu. Hori lortzeko CSS sprites erabiltzen ditugu, Nola sortu CSS sprite bat eta hemen nola deskribatzen diren sprites horiek.

Honek ideia ona emango dizu CSS spriteei buruz eta hau nola erabili zure web garapenarekin.

20.960 CSS esparruari begirada zehatza

960 Sareta Sistema web garapenerako lan fluxua arintzeko ahalegina da, gehien erabiltzen diren neurriak eskainiz, 960 pixeleko zabaleran oinarrituta. Bi aldaera daude: 12 eta 16 zutabe, bereiz edo tandem erabil daitezkeenak.

Ez duzu kodea menperatu beharrik web aplikazio bat sortzeko. CSS esparruak zure kodea idazteko daude. Pasa denbora pixka bat igortzeko pantaila honekin, esparruak ezagutzeko eta zure web aplikazioak modu eraginkorrean garatzeko.

21. Irudi-aldatzailea

Image Switcher doako Javascript-a da, irudi batzuk automatikoki txertatzen dituen beroa trukatzeko moduko portu bakarrean txertatzen duena. Hau CSS irudi-aldatzaile hutsa da, arina eta estandarrak betetzen dituena. Galeria edo antzeko edozein funtziorako erabil liteke. Zerrenda hautatzeko edozein aukera erabil daiteke zabalerak zabal ditzakeen bitartean.

Esteka batetik bestera zoazela irudiak aldatzea da pantaila honek javascript-en laguntzarik gabe irakasten zaituena. Z-indizea aktibatzean pasatzean eta erabateko kokapen pixka bat besterik ez duzu behar hori lortzeko.

22.Argazki galeria eraikitzen

Jende askok bezala, baliteke webgune bat sortzea lagunen, senideen, oporretako, ezkontzako eta abarren argazkiak erakusteko. Beno, tutorial txiki honek argazki galeria nola sortu eta Internetera nola kargatu erakutsiko dizu.

CSS-k posible du direktorio bateko eta azpidirektorioetako irudiekin automatikoki eraikitzen duen argazki galeria. Chris Coyier-ek pantaila aktore honetan irakasten du argazki galeria automatikoa eraikitzen.

23.Audioa txertatzea

Nola txertatu MP3 fitxategi bat (podcasta, abestia edo atzeko musika bezalakoa) web orri batean edo RSS iturri batean, bisitariek audioa arakatzailean bertan entzun dezaten, QuickTime edo Windows Media Player bezalako kanpoko erreproduzitzailerik behar izan gabe.

Irudi gehienak irudi bat edo audio fitxategi bat erabiltzen ditugu. Atzeko planoan audioa duen irudi batek erabiltzailea nahiko gustura jartzen du informazioaz jabetzeko. Chris Coyierrek gauza bera irakasten du JavaScript eta Flash laguntzarekin pantaila aktore honetan.

24.CSS3 erabiliz

Funtzio eta ezaugarri berri zirraragarri asko pentsatzen ari dira CSS3. Horietako batzuk webgune honetan erakusten saiatuko gara. Ikusmen hobekuntzetarako, esate baterako, hainbat atzeko plano, RGB, ertzaren irudia, ertzaren erradioa, @font aurpegia, animazioak / trantsizioak eta CSS3rako askoz gehiago mugitzen ari da.

Azken olatu honen jarraipena egiteko pantaila aktore hau ikusi ahal izango duzu.

25.Firebug aurkezten

Elementu baten markaketa, CSS, diseinua eta DOM-i buruzko informazioa lor dezakezu Firebug-rekin orri batean, Firefox-en luzapena saihestezina bihurtu da Web diseinatzaile eta garatzaileentzat, emaitzak zuzenean arakatzailean editatu eta ikusi ahal izateko.

Gehiago jakiteko ikasi pantaila aktore hau

26.Twitterren eguneratzeetarako orrialde bakarra

Ondo diseinatuta dagoenean, a Twitter jarioak webgune baten diseinuaren estetika hobe dezake. Txiokatzea zure denbora-pasa bada, zure txioak hasieratik bukaerara bistaratzeko gogoz egon behar duzu. Adibidez, Photoshop-en diseinua estali dezakezu zure orriari.

Zeregin hori lortzeko, jarraitu javascript-etik CSS-ra zure orria estilizatzera bideratzen zaizun pantaila hau.

Kode pizgailua:

27.Oinarrizko pantailak

Code Igniter kode irekiko web aplikazioa da, PHP programak idazteko eta, gainera, funtzio osoko web aplikazioak. Idazteko kodea hutsetik sortzeko, normalean beharrezkoak diren zereginetarako liburutegi multzo aberatsa eskainiz, baita sarbidea izateko interfaze eta egitura logikoa ere. liburutegi horiek.

Screencast honetan CodeIgniter-i buruzko sarrera ematen dizu eta baita CodeIgniter-en blog bat sortzeko Derek Jones-ek PHP erabiliz.

28.Garapen erraza codeigniter-ekin

PHP gordinarekin, horrek denbora asko behar du. Hala ere, batera CodeIgniterLiburutegi zuzena erreferentzia egitea eta konfigurazio aukera batzuk pasatzea da kontua! Murgil gaitezen.

Sarrera ikasi ondoren PHP trebetasunak sintonizatzeko irrikaz. Joan hurrengo urratsera, pantaila-irudi honek irudi bat kargatzen eta gordetzen irakasten dizu CodeIgniter-en PHP erabiliz hasierako balioztapenaren ondoren.

29.Killer hasierako pantailak codeigniter-entzat

Prestatu CodeIgniter-ekin zure lehen aplikazioa sortzeko, sortu inprimakia Formulario eraikitzailea erabiliz, sortu aplikazio lagin bat, sortu blog bat 20 minututan, sortu Pagination bat, bidali eta jaso datuak jQuery Post eta JSON bidez Derek Jones-en 10 minutuko pantaila honetan. .

Aurrerago ikasiko duzula espero dugu CodeIgniter aplikazioa garatzeko esparrua kontuz ibili ondoren.

XML:

30.Sortu saio-hasiera eta erregistro sistema xml-rekin

Bazkide sistema oso bat eraikitzea lan neketsua eta denbora asko behar izan dezake. Tim Cooper-ek gauza OSOA nola eraiki erakutsiko digu gutxi gorabehera hogeita hamar minututan.

XML erabiliz, saioa hasteko eta erregistratzeko inprimakia sor dezakegu MySQL baino askoz denbora gutxiagoan, Tim Cooper-ek pantaila honetan erakusten digu PHP, .htaccess, fitxategiak, saioak eta gehiago berrikusiz.

31.Inprimaki eraikitzailea

Bitxia dirudi hain malguak izateko diseinatutako sistema batean datu motak normalizatzen saiatzea, baina erakunde batek baino gehiagok jakinarazi du campusean zorroa inplementatzeko arrazoizko itxaropenak ezartzeak eta zure IT baliabideak kudeatzeak normalizazio kopuru bat aprobetxatzeko proiektu jasangarria.

Ikasi inprimaki bat eraikitzeko oinarriak, inprimaki eraikitzailearen tresnarekin, XML eskema fitxategia eraikitzeko erabil daitekeena eta helburu anitzetarako erabili ere forma askotan. Sean Keeslerrek pantaila aktore honetan inprimaki bat eraikitzen irakasten dizu.

32.Probaren datuak parametroak XML erabiliz

Sortu automatizazio scriptak web aplikazioen funtzionalitatea probatzeko Windows Explorer-en Windows-en.

Pantaila honetatik zeregin hau lortu Pamie-ren laguntzarekin - Python klaseko fitxategia, Pamie test script-a sortzen duena inprimaki bat automatizatzeko, XML fitxategi bat sortzeko, datuak irakurtzeko eta proba exekutatzeko.

Honek erakusten dizu:

  • Nola sortu Pamie test script bat inprimakia automatizatzeko
  • Nola aurkitu DOM Elements-en izenak eta IDak automatizatzeko
  • XML fitxategi bat hutsetik sortzea Notepad ++ erabiliz
  • Nola irakurri datuak XML fitxategi batean ElementTree erabiliz
  • Proba nola egin

33.Pantaila aktiboak drupalarekin ipurdia jaurtitzeko

Zaila egiten zaizu Drupal ikastea. Screencast honek erraz instalatzen du instalazioarekin, nodo sistemarekin, bloke sistema, eduki motak, gaien garapena eta abar hasita.

Gainera, Drupal liburuak, Drupal podcastak, Drupal foroak, Drupal kanaletarako baliabideak aurki ditzakezu.

34. Drupal biribila

Lortu Drupal-i buruz jakin nahi zenuen informazio guztia, pantaila-irudi honek Drupal-en pantaila-irudi onenak, Drupal-en liburu onenak, baliabideak, moduluak eta Drupal-en eragozpenak eskaintzen dizkizu. Lortu azken Screencast-ak Drupal 6-n, Ikasi CSS Injector, Node Convert, buffet irekiaren sindromea, segurtasun kopia bat sortzen, Webform, Login Toboggan, Sarrera iragazkiak, Teaser luzera eta askoz gehiago edukiak kudeatzeko plataforma honi buruz - Drupal.


Artikuluaren edukia gure printzipioekin bat dator etika editoriala. Akats baten berri emateko egin klik hemen.

Idatzi lehenengo iruzkina

Utzi zure iruzkina

Zure helbide elektronikoa ez da argitaratuko.

*

*

  1. Datuen arduraduna: Miguel Ángel Gatón
  2. Datuen xedea: SPAM kontrolatzea, iruzkinen kudeaketa.
  3. Legitimazioa: Zure baimena
  4. Datuen komunikazioa: datuak ez zaizkie hirugarrenei jakinaraziko legezko betebeharrez izan ezik.
  5. Datuak biltegiratzea: Occentus Networks-ek (EB) ostatatutako datu-basea
  6. Eskubideak: Edonoiz zure informazioa mugatu, berreskuratu eta ezabatu dezakezu.