34 kokybės ekranai

Ar aš kada nors padariau ekrano užrašus, kad galėtumėte lengviau mokytis, bet jei jūsų kalba yra anglų kalba, manau, kad jums patiks labai daug dėl šio jūsų pateikto įrašo.

Un Screencast yra skaitmeninis ekrano išvesties įrašas kompiuteris, kartais turintis garso pasakojimą. Nors terminas Screencast datuojamas nuo 2004, tokie produktai kaip Lotosas „ScreenCam“ buvo naudojami nuo 1993. „Pioneer“ produktai gamino didžiulius failus ir turėjo ribotas redagavimo funkcijas. Naujausi produktai palaiko kompaktiškesnius failų formatus, tokius kaip "Macromedia Flash ir turi sudėtingesnes redagavimo funkcijas, leidžiančias keisti seką, pelės judėjimą ir garsą.

Projektavimo ir programavimo įgūdžiams tobulinti yra ne mažiau kaip trisdešimt keturi ekrano vaizdai, visi anglų kalba, bet labai gerai paaiškinti ir puikios kokybės, todėl nereikia jaudintis.

Šaltinis | 1DD

AJAX:

1.AJAX gaivus RSS turinys

Nugalėkite puslapio atnaujinimo rūpesčius atnaujindami turinį neatnaujindami puslapio rankiniu būdu. Šis vaizdo įrašas parodo, ką reikia padaryti ir kaip atnaujinti RSS srautus naudojant AJAX.

Jei darote tik vieną sklaidos kanalą, manau, būtų efektyviau sukti savo „JavaScript“ kodą, ypač jei jis tik analizuoja RSS. Iš to, ką prisimenu, „SimplePie“ atrodė daug pridėtinių išlaidų.

2.Paprastas Jquery-šnipo efektas

Puikus dalykas, susijęs su „Realmac“ „QuickSnapper“ svetaine, yra tas, kad jei „JavaScript“ išjungtas, spustelėjimų sąrašas yra matomas pagal numatytuosius nustatymus. Taigi mes paseksime jų pavyzdžiu.

Taip pat verta paminėti, kad jų versija traukia naujus daiktus tik tol, kol pasieks pabaigą. Aš jums parodysiu, kaip jūs galite išlaikyti sąrašą, o tolesnėje pamokoje aš jums parodysiu, kaip tai prijungti prie „Ajax“ hito, kuris nekenkia jūsų serveriui ir išlaiko efektą gražų ir sklandų.

3.25 geriausios AJAX vaizdo įrašų pamokos iš „YouTube“

Čia pateikiamos pamokos suteikia pradžią nuo nulio, kaip sukurti HTML dokumentą, pridedant „javascript“ ir prie to susiejant išorinį „javascript“, kuriant AJAX pokalbius, įtraukiant AJAX elementus į tinklalapį naudojant „Spy“ sistemą, įterpiant AJAX objektus į „Adobe Dreamweaver“, kaip sukurti „Mash up“ programas naudojant AJAX sistemą, sukurti „Delphi for PHP“ žiniatinklį taip pat apie „AJAX MySql“ duomenų bazę

Jquery:

4.Stumdomos antraštės, pvz., „IPhone“

Niekada nusivylėte, kai naršydami turinį nerandate antraštės ir pasimetėte su savo tema
pereinant prie kito puslapio, šis ekrano perdavimas padeda antraštei likti turiniu ir subtiliai pereidamas į kitą puslapį tuo pačiu metu pakeičia kitą antraštę. Tai labai naudinga kiekvienam interneto dizaineriui, kuris seka tendencijas.

5.Dar kartą peržiūrėtas „Slidedown“ animacijos šuolis

Jūs būtumėte pastebėję, kad jūsų animacija šokinėja į pabaigą, o tai gali būti dėl aukščio problemų. Šis ekrano perdavimas padeda jums rasti sprendimą, atsižvelgiant į aukščio faktorius, išsaugant įterptąjį aukštį ir vėliau nustatant įterptąjį aukštį, ir atitinkamai elkitės, ar mes atskleidžiame arba slepiame elementą. Mes galime naudoti šį veiksmą norėdami parodyti savo rezultatus arba tai galime naudoti ir DUK. Taigi nereikia atnaujinti puslapio.

6.Slankiklių galerija

Norite sukurti galeriją su skaidriu, kad galėtumėte naršyti elementus? Šis ekrano perdavimas padeda jums atlikti paprastus veiksmus, kad būtų galima išversti slankiklių padėtį, kad produktai būtų atvirkščiai skaidrūs, naudodami žymėjimą, valdiklį su valdikliu, „jQueryUI“, CSS ir tam tikrus papildinius, kurie suteikia galimybę greičiau slinkti ir prireikus pristabdyti. Galite rodyti savo produktus ir galite pavaizduoti savo atvaizdus ir pan.

7.Jquery absoliučiai pradedantiesiems

15 dienų „Absoliučių pradedančiųjų“ serija „Jquery“ su tema „Forest.net“, kurią pateikia Jeffas Wayas. Kiekvienai dienai yra išskirtiniai vaizdo įrašai, kuriuose galite sužinoti visus metodus, „Jquery“ stiliaus perjungiklį, pelės žymeklio efektą ir dar daugiau, naudojamų „Themeforest.net“.

Ši ekrano serija išmokys Jquery aiškiai ir efektyviai. Kiekvienas ekranas turi savo stilių, ir tai būtų labai naudinga pradedantiesiems, kuriems reikia išmokti „Jquery“ su defektais.

8.Sukurkite „Lava“ lempos stiliaus naršymo meniu

Išmokite nuo pat pradžių sukurti lavos lempos stiliaus meniu, kuris iš pradžių rodo tą patį procesą naudodamas trijų lygių meniu, tada sukurkite lavos lempos meniu naudodami „Javascript“ biblioteką šiame ekrane.

Tai labai profesionalus būdas užsidirbti iš savo svetainės, o tokio tipo meniu suteiks jums gerą jūsų svetainės išvaizdą.

9.Automatinė begalinė karuselė

Dažniausiai slinkimo veiksmas nesibaigia automatiškai ir, kai reikia, turime jį valdyti rankiniu būdu. Taigi šiame ekrane rodoma, kad slinkimo veiksmas būtų automatinis ir pristabdytas, kai pelė yra virš karuselės naudojant „Jquery“.

Šią karuselę galime naudoti ir dinamiškiems tikslams.

10.Jquery išvaizda Tim van Damme

Pagrindiniai „Tim the Accordion“ ir „Hover“ efekto efektai, kurie veikia tik „Webkit“, taip pat gali veikti „jQuery“, kai atsižvelgiama į du veiksnius, būtent animuotą paraštę - kairės ir fono „Rgba crossfade“ efektą.

Norėdami gauti daugiau informacijos, eikite į ekraną ir suraskite jį patys.

11.Iššokantis prisijungimo langas

Autentifikavimas visada atliekamas naudojant slaptažodį. Šis ekrano perdavimas bus labai naudingas autorizacijos tikslais.

Šiame ekrano eteryje sukuriame paprastą iššokantį langą, kuris patikrina paskyros slaptažodį LDAP serveryje ir kur duomenys perduodami iš nuorodos į dinamiškai sukurtą langą.

12.„Screencasts“, kad sukurtumėte savo „jquery“ papildinį

Šiame ekrane dalyvaukite ekspertų Jameso Padolsey, Jeffery Wayo ir Dano Wellmano nurodymuose, kad sukurtumėte „Jquery“ papildinius ir naudotumėte juos savo programose. Sužinojo, kaip nustatyti numatytuosius nustatymus, iš anksto įkelti vaizdus, ​​sukurti skambinimo metodus ir kurti dinaminius radijo mygtukus naudojant „Jquery“, CSS.

Norėdami sužinoti visus žingsnius, ištirkite visą ekraną.

13. „Jquery“ vaizdo įrašų serija

Išsamesnis ir tikslesnis 10 minučių „Themeforest.net“ mokymo režimas, naudojant tą patį, kaip naudotis „Jquery“ biblioteka ir kuriant savo projektus naudojant vaizdo įrašų serijų aprašymą 15 dienų.

Visa serija padės pradedantiesiems tapti sėkmingais „Jquery“ profesionalais. Jie gali lanksčiai redaguoti ir pritaikyti „Jquery“ programas.

PHP ekranai:

14.Pasinerkite į PHP

Trumpa apžvalga įvairiomis PHP temomis pateikiama kaip atskiros pamokos. Šios savarankiškos Jeffery Way mokymo programos moko jus įkelti failus naudojant PHP naudojant „ThemeForest“ tinklaraštį, kuris yra išsamus PHP užklausų šaltinis.

Ši ekrano grupė apima skirtingas temas pradedantiesiems ir vidutinio lygio vartotojams.

15.PHP „Json Jquery Ajax“ ekrano kopija

Norėdami sukurti ryšį tarp PHP ir JSON duomenų šaltinio, naudodami „jQuery“ AJAX funkcionalumą, kuriame sukuriame scenarijų JSON duomenims siųsti, tada PHP masyvą, tada mes įkeliame failą ir užpildomas mūsų duomenų šaltinis.

Norėdami sužinoti visus veiksmus, peržiūrėkite visą ekraną. Tai pažangus ekranas, skirtas PHP mėgėjams.

16. Nuotraukų administratoriaus svetainė naudojant PHP ir „Jquery“

Ši ekrano kopija padeda jums sukurti nuotraukų svetainę naudojant PHP ir jquery, kur sukurta duomenų bazė su nuotraukų kolekcija, o administratoriui suteikiamos teisės atnaujinti nuotraukų pavadinimą ir išlaikyti visus pakatalogius spustelėjus tekstą .

Galite administruoti visą nuotraukų galeriją pagal savo reikalavimus. Šio ekrano dalyvių specialybė yra „Jquery“ naudojimas, kurį pasiekiame.

CSS ekranai:

17.HTML ir CSS pagrindai

Padėkite absoliučiai pradedančiajam HTML ir CSS pagrindus, kurie yra tik tekstiniai failai iki tokio lygio, kad galėtumėte juos naudoti kaip savo svetainės peržiūrą.

Šis ekrano perdavimas moko jus, kad HTML yra turinys, o CSS yra svetainės dizainas, taip pat kaip sukurti kokybišką svetainę. Čia galite sužinoti pačius HTML ir CSS pagrindus, kad sužinoję galėtumėte lengvai tvarkyti svetaines. pagrindai gerai.

18.Redaguojama CSS3 vaizdų galerija

Sukuriame gana tipišką vaizdų galerijos dizaino modelį, vaizdų tinklelį, kuris paspaudus pasirodo didesnis. Ši paveikslėlių galerija suteiks jums labai profesionalų jūsų interneto kūrimo išvaizdą.

Tačiau šiame vaizdų galerijos puslapyje naudojamas karštas semantinis HTML5 žymėjimas, daugybė vizualinių elementų su CSS3 ir „jQuery“ ir redaguojami naudojant CMS „PageLime“.

19. Kaip naudoti CSS spritus

CSS „Sprites“ jau seniai yra aktuali tema. Faktas yra tas, kad kiekvienas tinklalapio vaizdas yra atskira serverio užklausa ir galite žymiai padidinti puslapio našumą. Sumažinus HTTP užklausų skaičių, pagerėja įkėlimo laikas. Norėdami tai pasiekti, mes naudojame CSS spritus, Kaip sukurti CSS sprite ir kaip čia aprašyti tuos spritus.

Tai suteiks jums gerą idėją apie CSS įrašus ir kaip tai naudoti su savo žiniatinklio kūrimo puse.

20.Išsami 960 CSS sistemos apžvalga

„960 Grid“ sistema yra pastangos supaprastinti žiniatinklio kūrimo darbo eigą, pateikiant dažniausiai naudojamus matmenis, pagrįstus 960 taškų pločiu. Yra du variantai: 12 ir 16 stulpelių, kuriuos galima naudoti atskirai arba kartu.

Jums nereikia įsisavinti kodo, kad sukurtumėte žiniatinklio programą. Norint parašyti kodą, yra CSSS sistemos. Praleiskite šiek tiek laiko naudodami šį ekraną, kad sužinotumėte apie sistemas ir efektyviai plėtotumėte savo žiniatinklio programas.

21. Vaizdo perjungiklis

„Image Switcher“ yra nemokama „JavaScript“ programa, automatiškai įterpianti vaizdų seriją į vieną greitojo keitimo peržiūros prievadą. Tai grynas CSS vaizdo perjungiklis, lengvas ir atitinkantis standartus. Jis gali būti naudojamas galerijai ar bet kuriai panašiai funkcijai atlikti. Galima naudoti bet kokį skaičių sąrašo pasirinkimo variantų, jei tik plotis gali juos pritaikyti.

Vaizdų keitimas, kai juda per nuorodą, yra tai, ko išmoko šis ekranas be „JavaScript“ pagalbos. Norėdami tai pasiekti, jums reikia tik įjungti „z-index“ ir turėti šiek tiek absoliučios padėties.

22.Foto galerijos kūrimas

Kaip ir daugelis ten esančių žmonių, galbūt norėsite sukurti svetainę, kurioje parodytumėte savo draugų, šeimos, atostogų, vestuvių ir kt. Na, ši maža pamoka parodys, kaip sukurti nuotraukų galeriją ir įkelti ją į internetą.

CSS gali naudoti nuotraukų galeriją, kuri automatiškai sukuriama naudojant katalogo vaizdus ir pakatalogius. Chrisas Coyieras šiame ekrane moko kurti automatinę nuotraukų galeriją.

23.Įterpiamas garsas

Kaip įterpti MP3 failą (pvz., Tinklalaidę, dainą ar foninę muziką) į tinklalapį ar RSS kanalą, kad lankytojai galėtų klausytis garso pačioje naršyklėje nereikalaudami išorinio grotuvo, pvz., „QuickTime“ ar „Windows Media Player“.

Daugumą vaizdo mes naudojame vaizdą arba garso failą. Bet vaizdas su garso fone leidžia vartotojui patogiai suvokti informaciją. Chrisas Coyier moko to paties naudodamas „JavaScript“ ir „Flash“ šiame ekrane.

24.Naudojant CSS3

Galvojama apie daug įdomių naujų funkcijų ir funkcijų CSS3. Kai kuriuos iš jų pabandysime parodyti šiame tinklalapyje. Dabar yra kelyje vizualinių patobulinimų, tokių kaip keli fonai, RGB, kraštovaizdžio vaizdas, krašto spindulys, @font face, animacijos / perėjimai ir daug daugiau.

Norėdami sekti šią naujausią bangą, užmeskite akį į šį ekraną.

25.Pristatome ugnies klaidą

Informacijos apie elemento žymėjimą, CSS, išdėstymą ir DOM galite gauti puslapyje su „Firebug“ - „Firefox“ plėtiniu, kuris tapo neišvengiamas interneto dizaineriams ir kūrėjams, kur galite redaguoti ir matyti rezultatus tiesiogiai naršyklėje.

Norėdami sužinoti daugiau, sužinokite šį ekraną.

26.Unikalus „Twitter“ naujinių puslapis

Kai suprojektuotas teisingai, a Twitter sklaidos kanalas gali pagerinti svetainės išdėstymo estetiką. Jei „tweeting“ yra jūsų laisvalaikio praleidimo būdas, turite būti pasirengę rodyti savo „tweet“ nuo pradžios iki pabaigos. Pavyzdžiui, jūs galite apimti „Photoshop“ dizainą ir suformuokite savo puslapį.

Norėdami pasiekti šią užduotį, vadovaukitės šiuo ekrano rodiniu, kuris nukreipia jus nuo „javascript“ informacijos prie CSS, kad sukurtumėte savo puslapio stilių.

Kodigniteris:

27.Pagrindiniai ekranai

„Code Igniter“ yra atviro kodo žiniatinklio programa, skirta PHP programoms rašyti, taip pat kuriant visų funkcijų žiniatinklio programas. Rašant kodą nuo nulio, pateikiant gausų bibliotekų rinkinį dažniausiai reikalingoms užduotims, taip pat paprastą sąsają ir loginę prieigą prie prieigos. šių bibliotekų.

Šioje ekrano skiltyje pateikiama įžanga apie „CodeIgniter“ ir „CodeIgniter“ tinklaraštis naudojant Dereko Joneso PHP.

28.Lengva kurti su kodo žymekliu

Naudojant neapdorotą PHP, tai gali šiek tiek užtrukti. Tačiau su CodeIgniter, tiesiog reikia nurodyti teisingą biblioteką ir perduoti kai kurias konfigūracijos parinktis! Pasinerkime.

Norite patobulinti PHP įgūdžius, išmokę įvadą. Pereikite prie kito žingsnio. Ši ekrano kopija išmokys jus įkelti vaizdą ir išsaugoti jį po pirminio patvirtinimo naudojant PHP programoje „CodeIgniter“.

29.„Killer“ paleisties ekrano kopijos, skirtos „Codeigniter“

Pasiruoškite sukurti savo pirmąją programą naudodami „CodeIgniter“, sukurkite formą naudodami „Form Builder“, sukurkite programos pavyzdį, per 20 minučių sukurkite tinklaraštį, sukurkite puslapių skaičių, siųskite ir gaukite duomenis per „jQuery Post“ ir „JSON“ šioje Dereko Joneso 10 minučių ekrano kopijoje. .

Mes tikimės, kad sužinosite toliau „CodeIgniter“ programų kūrimo sistema stebėdamas ekraną.

XML:

30.Sukurkite prisijungimo ir registracijos sistemą naudodami xml

Sukurti visą narystės sistemą gali būti varginanti ir daug laiko reikalaujanti užduotis. Timas Cooperis parodys mums, kaip pastatyti VISĄ daiktą per maždaug trisdešimt minučių.

Naudodami XML, prisijungimo ir registracijos formą galėtume sukurti per daug trumpesnį laiką nei „MySQL“. Timas Cooperis šiame ekrane rodo mums tai peržiūrėdamas PHP, .htaccess, failus, sesijas ir dar daugiau.

31.Formos statytojas

Gali pasirodyti keista bandyti standartizuoti duomenų tipus sistemoje, PASKIRTO BŪTI Lanksčiai, tačiau daugiau nei viena institucija praneša, kad pagrįstų lūkesčių dėl portfelio išdėstymo miestelyje ir IT išteklių valdymas tam, kad būtų panaudotas tam tikras standartizacijos lygis, daro daug projektas tvarus.

Sužinokite apie formos kūrimo pagrindus naudodami „Form Builder“ įrankį, kuris gali būti naudojamas kuriant XML schemos failą, taip pat naudoti įvairiems tikslams įvairiomis formomis. Seanas Keesleris moko jus sukurti formą šiame ekrano rinkinyje.

32.Parametrizuokite bandymo duomenis naudodami XML

Sukurkite automatizavimo scenarijus, kad patikrintumėte žiniatinklio programų funkcionalumą sistemoje „Internet Explorer“ sistemoje „Windows“.

Šiame ekrane atlikite šią užduotį naudodami „Pamie“ - „Python“ klasės failą, kuris sukuria „Pamie“ testo scenarijų, kad automatizuotų formą, sukurtų XML failą, skaitytų duomenis ir vykdytų testą.

Tai parodo:

  • Kaip sukurti „Pamie“ bandomąjį scenarijų formos automatizavimui
  • Kaip rasti automatizuojamų DOM elementų pavadinimus ir ID
  • XML failo kūrimas nuo nulio naudojant „Notepad ++“
  • Kaip skaityti duomenis XML faile naudojant „ElementTree“
  • Kaip vykdyti testą

33.Ekrano perdavimas, kad galėtumėte spardyti užpakalį su drupalu

Jums sunku išmokti „Drupal“, ši ekrano schema palengvina praktinį mokymąsi žingsnis po žingsnio, pradedant diegimu, mazgų sistema, blokų sistema, turinio tipais, temos kūrimu ir dar daugiau.

Taip pat galite rasti „Drupal“ knygų, „Drupal“ tinklalaidžių, „Drupal“ forumų, „Drupal“ kanalų šaltinių.

34. Dvigubas apvalinimas

Gaukite visą informaciją, kurią norėjote sužinoti apie „Drupal“, ši ekrano kopija suteikia jums geriausių „Drupal“ ekranų sąrašą, geriausias „Drupal“ knygas, išteklius, modulius ir „Drupal“ susierzinimus. Gaukite naujausius „Drupal 6“ ekrano vaizdus, ​​sužinokite apie CSS purkštuką, „Node Convert“, atvirojo bufeto sindromą, atsarginės kopijos kūrimą apie „Webform“, „Login Toboggan“, „Input“ filtrus, „teaser“ ilgį ir daug daugiau apie šią turinio valdymo platformą - „Drupal“.


Straipsnio turinys atitinka mūsų principus redakcijos etika. Norėdami pranešti apie klaidą, spustelėkite čia.

Būkite pirmas, kuris pakomentuos

Palikite komentarą

Jūsų elektroninio pašto adresas nebus skelbiamas. Privalomi laukai yra pažymėti *

*

*

  1. Atsakingas už duomenis: Miguel Ángel Gatón
  2. Duomenų paskirtis: kontroliuoti šlamštą, komentarų valdymą.
  3. Įteisinimas: jūsų sutikimas
  4. Duomenų perdavimas: Duomenys nebus perduoti trečiosioms šalims, išskyrus teisinius įsipareigojimus.
  5. Duomenų saugojimas: „Occentus Networks“ (ES) talpinama duomenų bazė
  6. Teisės: bet kuriuo metu galite apriboti, atkurti ir ištrinti savo informaciją.