34 kvalitných obrazoviek

Už som pre vás niekedy urobil obrazovky, aby som vám uľahčil učenie, ale ak je tvoja vec angličtina, myslím si, že si s týmto záznamom, ktorý ti prinesiem, užiješ veľa.

Un screencast je digitálny záznam výstupu z obrazovky počítačový, niekedy obsahujúce zvukové rozprávanie. Aj keď termín screencast pochádza z 2004, výrobky ako napr lotus ScreenCam sa používali od 1993. Priekopnícke produkty produkovali obrovské súbory a mali obmedzené editačné funkcie. Najnovšie produkty podporujú kompaktnejšie formáty súborov, ako napr Macromedia Flash a majú sofistikovanejšie funkcie úprav, ktoré umožňujú zmeny v postupnosti, pohybe myši a zvuku.

Nie je menej ako tridsaťštyri vysielacích obrazoviek na zlepšenie vašich návrhárskych a programovacích schopností, všetko v angličtine, ale veľmi dobre vysvetlené a vo vynikajúcej kvalite, takže sa nemusíte obávať.

Zdroj | 1.WD

AJAX:

1.AJAX osviežujúci obsah RSS

Prekonajte ťažkosti s obnovovaním stránky aktualizáciou obsahu bez manuálneho obnovenia stránky. Toto video ukazuje, čo je možné urobiť a ako obnoviť kanály RSS pomocou AJAX.

Ak robíte iba jeden informačný kanál, myslím si, že by bolo efektívnejšie zaviesť vlastný kód JavaScript, najmä ak sa jedná iba o analýzu RSS. Z toho, čo si pamätám, sa SimplePie zdalo byť veľa režijných nákladov.

2.Simple-Jquery-spy-efekt

Skvelé na stránkach QuickSnapper spoločnosti Realmac je, že ak je vypnutý JavaScript, zoznam snímok je predvolene viditeľný. Budeme teda postupovať.

Je tiež potrebné poznamenať, že ich verzia len stále vyťahuje nové položky, kým to neskončí koncom. Ukážem vám, ako môžete zachovať opakovanie zoznamu, a v nasledujúcom tutoriále vám ukážem, ako to zapojiť do zásahu Ajaxu, ktorý kladivom neovplyvní váš server a udržuje efekt pekný a plynulý.

3.Najlepšie 25 videonávodov AJAX z youtube

Tu uvedené tutoriály začínajú od nuly ako vytvoriť dokument HTML, pridajú javascript a tiež k tomu pripoja externý javascript, zostavia chat AJAX, pridajú prvky AJAX na webovú stránku pomocou Spy framework, vložia objekty AJAX do Adobe Dreamweaver, ako vytvárať zmiešané aplikácie pomocou rámca AJAX, vytvoriť web Delphi pre PHP aj o databáze AJAX MySql

jquery:

4.Posuvné hlavičky ako iphone

Už vás niekedy frustrovalo, keď pri prehľadávaní obsahu nemôžete nájsť hlavičku a stratili ste tému
pri prechode na ďalšiu stránku toto obsadenie obrazovky pomáha hlavičke zostať v obsahu a tiež nahradí nasledujúcu hlavičku súčasne, keď sa dostanete na ďalšiu stránku rafinovaným spôsobom. Je to veľmi užitočné pre všetkých webových dizajnérov, ktorí sledujú trend.

5.Skok posunutej animácie sa vrátil späť

Všimli by ste si, že vaša animácia skočí ku koncu, čo môže byť spôsobené problémami s výškou. Toto obsadenie obrazovky vám pomôže nájsť riešenie zvážením faktorov výšky uložením výšky riadku a nastavením výšky riadku neskôr a podľa toho postupovať, či prvok odhaľujeme alebo skrývame. Touto akciou môžeme zobraziť naše výsledky alebo ju môžeme použiť aj v častých otázkach. Stránku teda nie je potrebné obnovovať.

6.Posuvná galéria

Chcete vytvoriť galériu so snímkou ​​na navigáciu v položkách? Toto obsadenie obrazovky vám pomôže jednoduchými krokmi preložiť pozíciu posúvačov tak, aby sa produkty inverzne posúvali pomocou značiek, ovládacích prvkov vysúvacích prvkov, jQueryUI, CSS a určitých doplnkov, ktoré v prípade potreby poskytujú rýchlejšie posúvanie a pauzu. svoje výrobky a môžete rolovať svoje obrázky atď.

7.Jquery pre absolútnych začiatočníkov

Pätnásťdňová séria absolútnych začiatočníkov v Jquery s Theme forest.net ako referencia od Jeffa Waya, ktorý má pre každý deň exkluzívne videá, kde sa môžete naučiť všetky metódy, prepínač štýlov Jquery, efekt vznášania a veľa ďalších použitých v Themeforest.net.

Táto séria obrazoviek vás naučí Jqueryho jasne a efektívne. Každé vysielanie obrazovky má svoj vlastný štýl a bolo by to veľmi užitočné pre začiatočníkov, ktorí sa musia naučiť Jquery chybne.

8.Vytvorte navigačné menu v štýle lávovej lampy

Naučte sa od začiatku vytvárať menu v štýle lávovej lampy, ktoré spočiatku demonštruje rovnaký proces pomocou ponuky na troch úrovniach, a potom pomocou ponuky knižnice Javascript v tomto obsadení obrazovky vytvorte ponuku lávovej lampy.

Je to vysoko profesionálny spôsob, ako speňažiť svoj web, a tento typ ponuky vám umožní dobrý vzhľad vášho webu.

9.Automatický nekonečný kolotoč

Akcia rolovania sa väčšinou nezastaví automaticky a v prípade potreby ju musíme ovládať manuálne. Na tomto obsadení obrazovky je teda demonštrovaná automatická akcia rolovania a jej pozastavenie, keď je myš nad kolotočom pomocou nástroja Jquery.

Tento kolotoč môžeme použiť aj na dynamické účely.

10.Jquery vyzerá ako Tim Van Damme

Kľúčové efekty efektu Tim the Accordion a Hover, ktoré fungujú iba v prostredí Webkit, môžu fungovať aj v jQuery, keď sa zohľadnia dva faktory, a to animovaný okraj - ľavý a efekt rgba na pozadí.

Ďalšie informácie nájdete na obrazovke, kde nájdete všetky potrebné informácie.

11.Vyskakovacie prihlasovacie okno

Overenie totožnosti sa vždy vykonáva pomocou hesla. Toto obsadenie obrazovky bude na účely autorizácie veľmi užitočné.

V tomto obsadení obrazovky vytvoríme jednoduché vyskakovacie okno, ktoré overuje heslo účtu na serveri LDAP a kde sa údaje prenášajú z odkazu na dynamicky vytvorené okno.

12.Screencasty na vytvorenie vlastného doplnku jQuery

Vezmite si pod vedením odborníkov Jamesa Padolseyho, Jefferyho Waya a Dana Wellmana v tomto obsadení obrazovky, vytvorte svoje doplnky Jquery a použite ich vo svojich programoch. Naučili sme sa, ako nastaviť predvolené hodnoty, predbežne načítať obrázky, vytvárať metódy spätného volania a vytvárať dynamické prepínače pomocou Jquery, CSS.

Ak sa chcete dozvedieť celé kroky, preštudujte si úplné obsadenie obrazovky.

13. Video seriál Jquery

Prepracovanejší a presnejší 10-minútový tréningový režim pre Themeforest.net a rovnaké použitie knižnice Jquery a vytváranie vlastných projektov pomocou popisu série videí po dobu 15 dní.

Celá séria prinesie začiatočníkom úspešného profesionála v Jquery, ktorí môžu flexibilne upravovať a prispôsobovať aplikácie Jquery.

Screencasty PHP:

14.Ponorte sa do PHP

Krátka prehliadka na rôzne témy v PHP je uvedená ako samostatné výukové programy. Tieto samostatné výukové programy spoločnosti Jeffery Way vás naučia nahrávať súbory pomocou PHP pomocou blogu ThemeForest, ktorý je kompletným zdrojom pre dotazy PHP.

Toto obsadenie obrazovky pokrýva rôzne typy tém pre začiatočníkov a mierne pokročilých.

15.Screencast PHP Json Jquery Ajax

Na vytvorenie komunikácie medzi zdrojom údajov PHP a JSON pomocou funkcie AJAX jQuery, kde vytvoríme skript na odoslanie údajov JSON, potom pole PHP, potom načítame súbor a náš zdroj údajov je naplnený.

Celý postup sa dozviete v úplnom obsadení obrazovky. Je to pokročilý screencast pre milovníkov PHP.

16. Stránka pre správu fotografií pomocou PHP a Jquery

Tento screencast vám pomôže vytvoriť web s fotografiami pomocou PHP a jQuery, kde sa vytvorí databáza so zbierkou fotografií. Správcovi sa udeľujú práva na aktualizáciu názvu fotografií a na správu akýchkoľvek podadresárov kliknutím na text. .

Môžete spravovať celú fotogalériu podľa svojich požiadaviek. Špecialitou tohto obsadenia je použitie Jquery, do ktorého vstupujeme.

Screencasty CSS:

17.HTML a CSS úplne základné

Pomôžte úplnému začiatočníkovi so základmi HTML a CSS, ktoré sú iba textovými súbormi, na úrovni, kde ich môžete použiť ako ukážku na svojom webe.

Toto obsadenie obrazovky vás naučí, že HTML je obsah a CSS je dizajn webových stránok a tiež ako vytvárať kvalitné webové stránky. Tu sa dozviete úplne základné informácie o HTML aj CSS, aby ste s nimi mohli ľahko manipulovať. základy dobre.

18.Upraviteľná galéria obrázkov CSS3

Vytvoríme celkom typický návrhový vzor galérie obrázkov, mriežku obrázkov, ktoré sa po kliknutí zobrazia väčšie. Táto galéria obrázkov vám poskytne vysoko profesionálny vzhľad pre váš vývoj webových aplikácií.

Ale táto stránka galérie obrázkov využíva horúce sémantické značenie HTML5, množstvo vizuálnych zážitkov s CSS3 a jQuery a je upraviteľná prostredníctvom CMS PageLime.

19. Ako používať spritov CSS

CSS Sprites sú už dlho horúcou témou. Faktom je, že každý obrázok na webovej stránke je samostatnou požiadavkou na server a môžete dramaticky zvýšiť výkon stránky. Zníženie počtu požiadaviek HTTP zvyšuje časy načítania. Aby sme to dosiahli, používame CSS sprite, Ako vytvoriť CSS sprite a ako ich tu popíšu.

Získate tak dobrú predstavu o skritoch CSS a o tom, ako ich používať so stránkou vývoja webu.

20.Podrobný pohľad na rámec 960 CSS

Mriežkový systém 960 je snahou o zefektívnenie pracovného toku vývoja webových stránok poskytnutím bežne používaných rozmerov na základe šírky 960 pixelov. Existujú dva varianty: 12 a 16 stĺpcov, ktoré je možné použiť samostatne alebo v tandeme.

Na vytváranie webových aplikácií nemusíte ovládať kód. Na napísanie kódu sú tu rámce CSS. Strávte nejaký čas týmto obsadením obrazovky, aby ste sa dozvedeli viac o rámcoch a efektívne vyvíjali svoje webové aplikácie.

21. Prepínač obrázkov

Image Switcher je bezplatný JavaScript, ktorý automaticky vkladá sériu obrázkov do jedného zobrazovacieho portu vymeniteľného za chodu. Jedná sa o čistý prepínač obrázkov CSS, ktorý je ľahký a je v súlade s normami. Môže byť použitý pre galériu alebo inú podobnú funkciu. Je možné použiť ľubovoľný počet možností výberu zoznamu, pokiaľ sa do nich zmestí šírka.

Zmena obrázkov pri prechode odkazom je to, čo vás toto obsadenie obrazovky naučí bez použitia JavaScriptu. Potrebujete iba prepínanie z-indexu po vznášaní a trochu absolútneho umiestnenia, aby ste to dosiahli.

22.Budovanie fotogalérie

Rovnako ako mnoho ľudí na svete, aj vy môžete vytvoriť webovú lokalitu, ktorá sa bude pochváliť vašimi fotografiami priateľov, rodiny, dovolenky, svadby atď. Tento malý návod vám ukáže, ako vytvoriť fotogalériu a nahrať ju na internet.

CSS umožňuje galériu fotografií, ktorá sa automaticky vytvára spolu s obrázkami z adresára a podadresárov. Chris Coyier učí na tomto obsadení obrazovky vytvárať automatickú fotogalériu.

23.Vkladanie zvuku

Ako vložíte súbor MP3 (napríklad podcast, pieseň alebo hudbu na pozadí) na webovú stránku alebo informačný kanál RSS, aby návštevníci mohli počúvať zvuk v samotnom prehľadávači bez potreby externého prehrávača, ako je QuickTime alebo Windows Media Player.

Väčšinu obrázka používame buď ako obrázok, alebo ako zvukový súbor. Obrázok so zvukom na pozadí však umožňuje používateľovi celkom pohodlne uchopiť informácie. Chris Coyier učí to isté pomocou JavaScriptu a Flash na tomto obsadení obrazovky.

24.Pomocou CSS3

Vymýšľa sa veľa vzrušujúcich nových funkcií a funkcií CSS3. Niektoré z nich sa pokúsime predstaviť na tejto webovej stránke. V súčasnosti sú v pohybe ďalšie vizuálne vylepšenia, ako sú viacnásobné pozadia, RGB, obrázok okraja, polomer okraja, tvár @font, animácie / prechody a oveľa viac.

Ak chcete sledovať túto najnovšiu vlnu, zahliadnite toto obsadenie obrazovky.

25.Predstavujeme firebuga

Informácie o označení, CSS, rozložení a DOM prvku môžete získať na stránke pomocou Firebug, rozšírenia prehliadača Firefox, ktoré sa stalo nevyhnutným pre webových dizajnérov a vývojárov, kde môžete upravovať a vidieť výsledky priamo v prehliadači.

Ak sa chcete dozvedieť viac, dozviete sa toto obsadenie obrazovky.

26.Jedinečná stránka pre aktualizácie na twitteri

Ak sú navrhnuté správne, a Twitter informačný kanál môže vylepšiť estetiku rozloženia webových stránok. Ak ste tweetovanie svojou zábavou, musíte byť zvedaví, keď chcete svoje tweety zobrazovať od začiatku do konca. Môžete napríklad pokryť dizajn vo Photoshope a tiež upraviť svoju stránku.

Ak chcete dosiahnuť túto úlohu, postupujte podľa tohto obsadenia obrazovky, ktoré vás prevedie od javascriptových vecí po CSS a upraví stránku.

Codeigniter:

27.Základné obrazovky

Code Igniter je otvorená webová aplikácia na písanie programov PHP a tiež na vytváranie plnohodnotných webových aplikácií. Písanie kódu od nuly poskytovaním bohatej sady knižníc pre bežne potrebné úlohy, ako aj jednoduché rozhranie a logickú štruktúru pre prístup tieto knižnice.

V tomto screencaste vám poskytne úvod o CodeIgniteri a tiež o vytvorení blogu v CodeIgniteri pomocou PHP od Dereka Jonesa.

28.Ľahký vývoj pomocou programátora kódov

So surovým PHP to môže byť trochu časovo náročné. Avšak s CodeIgniter, jednoducho ide o odkaz na správnu knižnicu a odovzdanie niektorých možností konfigurácie! Poďme sa ponoriť.

Snažíte sa vyladiť si znalosti PHP po osvojení úvodu. Prejdite k ďalšiemu kroku, tento screencast vás naučí nahrať obrázok a uložiť ho po počiatočnej validácii pomocou PHP v aplikácii CodeIgniter.

29.Killer startup screencasts pre codeigniter

Pripravte sa na vytvorenie svojej prvej aplikácie s CodeIgniter, vytvorte formulár pomocou nástroja na tvorbu formulárov, vytvorte ukážkovú aplikáciu, vytvorte blog za 20 minút, vytvorte stránkovanie, odosielajte a prijímajte údaje prostredníctvom jQuery Post a JSON v tomto 10-minútovom vysielaní Derekom Jonesom .

Dúfame, že sa dozviete ďalej Framework pre vývoj aplikácií CodeIgniter po sledovaní obrazovky.

XML:

30.Vytvorte prihlasovací a registračný systém pomocou XML

Budovanie celého systému členstva môže byť únavná a časovo náročná úloha. Tim Cooper nám ukáže, ako postaviť CELÚ vec za zhruba tridsať minút.

Pomocou XML by sme mohli vytvoriť prihlasovací a registračný formulár v oveľa kratšom čase ako MySQL, Tim Cooper v tomto obsadení nám to ukazuje kontrolou PHP, .htaccess, súborov, relácií a ďalších.

31.Tvorca formulárov

Môže sa zdať čudné pokúsiť sa štandardizovať dátové typy v systéme DESIGNED TO BE SO FLEXIBLE, ale viac ako jedna inštitúcia hlási, že stanovenie primeraných očakávaní pre nasadenie portfólia v celom areáli a správa vašich IT zdrojov na využitie určitého množstva štandardizácie veľa pomôže projekt udržateľný.

Naučte sa základy stavby formulára pomocou nástroja na tvorbu formulárov, ktorý sa dá použiť na zostavenie súboru schémy XML a ktorý môžete tiež použiť na rôzne účely v mnohých formách. Sean Keesler vás v tomto obsadení naučí budovať formu.

32.Parametrizujte údaje testu pomocou XML

Vytvárajte automatizačné skripty na testovanie funkčnosti webových aplikácií v programe Internet Explorer v systéme Windows.

Z tohto obsadenia obrazovky dosiahnete túto úlohu pomocou Pamie - súboru triedy Python, ktorý vytvorí testovací skript Pamie na automatizáciu formulára, vytvorenie súboru XML, čítanie údajov a vykonanie testu.

Ukáže vám:

  • Ako vytvoriť testovací skript Pamie na automatizáciu formulára
  • Ako nájsť názvy a ID prvkov DOM na automatizáciu
  • Vytváranie súborov XML od nuly pomocou programu Poznámkový blok ++
  • Ako čítať údaje v súbore XML pomocou aplikácie ElementTree
  • Ako vykonať test

33.Screen casts, aby vás kopali do zadku s drupalom

Je ťažké naučiť sa Drupal, tento screencast uľahčuje praktické učenie sa krok za krokom od inštalácie, uzlového systému, blokového systému, typov obsahu, vývoja tém a ďalších.

Môžete tiež nájsť zdroje pre knihy Drupal, podcasty Drupalu, fóra Drupalu, kanály Drupalu.

34. Drupal Roundup

Získajte všetky informácie, ktoré ste chceli vedieť o Drupale, tento screencast vám poskytne to najlepšie z screencastov Drupalu, najlepšie knihy o Drupale, zdroje, moduly a tiež nepríjemnosti Drupalu. Získajte najnovšie screencasty na Drupale 6, Dozviete sa viac o CSS Injector, Node Convert, syndróme otvoreného bufetu, vytvorení zálohy, o Webforme, Login Toboggan, vstupných filtroch, dĺžke ukážky a oveľa viac o tejto platforme na správu obsahu - Drupal.


Zanechajte svoj komentár

Vaša e-mailová adresa nebude zverejnená. Povinné položky sú označené *

*

*

  1. Zodpovedný za údaje: Miguel Ángel Gatón
  2. Účel údajov: Kontrolný SPAM, správa komentárov.
  3. Legitimácia: Váš súhlas
  4. Oznamovanie údajov: Údaje nebudú poskytnuté tretím stranám, iba ak to vyplýva zo zákona.
  5. Ukladanie dát: Databáza hostená spoločnosťou Occentus Networks (EU)
  6. Práva: Svoje údaje môžete kedykoľvek obmedziť, obnoviť a vymazať.