Csináltam-e már önöknek képernyõképeket a tanulás megkönnyítése érdekében, de ha az angol az ön dolga, azt hiszem, sokat fogsz élvezni ezzel a bejegyzéssel, amelyet elhoztam neked.
Un screencast egy digitális felvétel a képernyő kimenetéről számítógép, néha hangos elbeszélést tartalmaz. Bár a kifejezés screencast -től származik 2004, olyan termékek, mint Lótusz A ScreenCam-ot azóta használják 1993. Az úttörő termékek hatalmas fájlokat készítettek, és korlátozott szerkesztési funkciókkal rendelkeztek. A legújabb termékek kompaktabb fájlformátumokat támogatnak, mint pl Macromedia Flash és kifinomultabb szerkesztési funkciókkal rendelkeznek, amelyek lehetővé teszik a sorrend, az egér mozgásának és a hangnak a megváltoztatását.
Nem kevesebb, mint harmincnégy képernyőfelvétel javítja tervezési és programozási ismereteit, mind angolul, de nagyon jól megmagyarázva és kiváló minőségben, ezért nem kell aggódni.
Forrás | 1.WD
AJAX:
1.AJAX frissítő RSS-tartalom
Leküzdje az oldalak frissítésével járó problémákat a tartalom manuális frissítés nélküli frissítésével. Ez a videó bemutatja a tennivalókat és az RSS-hírcsatornák frissítésének módját az AJAX segítségével.
Ha csak egy hírcsatornát készít, úgy gondolom, hogy hatékonyabb lenne a saját JavaScript kódjának görgetése, különösen, ha csak az RSS elemzése. Amire emlékszem, úgy tűnt, hogy a SimplePie sok rezsivel jár.
2.Egyszerű-Jquery-kém-hatás
A Realmac QuickSnapper webhelyének nagyszerű tulajdonsága, hogy ha a JavaScript ki van kapcsolva, akkor a kattintások listája alapértelmezés szerint látható. Tehát követni fogjuk a példát.
Azt is érdemes megjegyezni, hogy verziójuk csak addig húzza be az új tételeket, amíg a végére nem ér. Megmutatom, hogyan tudja folytatni a lista hurkolását, és egy további útmutatóban megmutatom, hogyan lehet ezt összekapcsolni egy Ajax slágerrel, amely nem ütközik a szerverén, és szépen és simán tartja a hatást.
3.A 25 legnépszerűbb AJAX video oktatóanyag a youtube-ról
Az itt bemutatott oktatóanyagok elölről kezdik a HTML dokumentum létrehozásának módját, javascript hozzáadásával és ehhez egy külső javascript összekapcsolásával, AJAX chat felépítésével, AJAX elemek hozzáadásával egy weboldalhoz Spy keretrendszer használatával, AJAX objektumok beszúrásával Adobe Dreamweaver, hogyan hozhat létre Mash up alkalmazásokat AJAX keretrendszerrel, hozzon létre egy Delphi for PHP webet az AJAX MySql adatbázisról is
jquery:
4.Csúszó fejlécek, mint az iphone
Valaha elkeseredett, amikor egy tartalom böngészése közben nem találja a fejlécet, és eltévedt a témával
amikor a következő oldalra lép, ez a képernyőgörbe segíti a fejléc tartalmának megőrzését, és egyidejűleg lecseréli a következő fejlécet is, ha finom módon lép a következő oldalra. Ez nagyon hasznos minden webdesign számára, aki követi a trendet.
5.Lecsúszott animációs ugrás újra
Észrevette, hogy animációja a vége felé ugrik, ami magassági problémák miatt lehet. Ez a képernyőgörbe segít abban, hogy megoldást találjon a magassági tényezők figyelembevételével azáltal, hogy tárolja a beillesztett magasságot, és később beállítja a beillesztett magasságot, és ennek megfelelően jár el felfedjük vagy elrejtjük az elemet. Használhatjuk ezt a műveletet az eredményeink megjelenítésére, vagy használhatjuk a GYIK-ben is. Tehát nincs szükség az oldal frissítésére.
6.Csúszka galéria
Diával rendelkező galériát szeretne létrehozni az elemek navigálásához? Ez a képernyő leadás egyszerű lépésekkel segíti a csúszkák helyzetének fordítását, hogy a termékeket fordítva csúsztassa a Markup, a csúszka-widget vezérlés, a jQueryUI, a CSS és bizonyos plug-inek segítségével, amelyek gyorsabb görgetést és szükség esetén szünetet biztosítanak. termékeit, és gördítheti a képeket stb.
7.Jquery abszolút kezdőknek
15 napos abszolút kezdő sorozat a Jquery-ben, a Theme forest.net címmel Jeff Way referenciájaként, aki minden nap exkluzív videókat tartalmaz, ahol megtanulhatja az összes módszert, a Jquery stílusváltót, az egérmutató effektet és még sok minden mást, amit a Themeforest.net-ben használhat.
Ez a képernyőn szereplő sorozat világosan és hatékonyan megtanítja a Jquery-t. Minden egyes képernyőn saját stílusa van, és nagyon hasznos lenne azoknak a kezdőknek, akiknek hibásan kell megtanulniuk a Jquery-t.
8.Építse fel a Lava lámpa stílusú navigációs menüt
Tanuljon meg kezdettől fogva létrehozni egy láva-lámpa stílusú menüt, amely kezdetben ugyanazt a folyamatot mutatja be egy háromszintű menü használatával, majd hozzon létre egy láva-lámpa menüt egy Javascript könyvtár használatával ebben a képernyőn.
Rendkívül professzionális módszer a webhelye bevételszerzésére, és ez a fajta menü jól átlátja webhelyét.
9.Automatikus végtelen körhinta
Legtöbbször egy görgetési művelet nem áll le automatikusan, és szükség esetén kézzel kell irányítanunk. Tehát egy görgetési művelet automatikus létrehozása és szüneteltetése, amikor az egér a körhinta felett van a Jquery használatával, bemutatásra kerül ebben a képernyőn.
Ezt a körhintát dinamikus célokra is felhasználhatjuk.
10.Jquery kinézet Tim van Damme
A csak a Webkit-ben működő Tim harmonika és lebegő effektus kulcsfontosságú hatásai akkor is működhetnek a jQuery-ben, ha két tényezőt, nevezetesen az animált margó - bal és Háttér rgba keresztfade hatást veszik figyelembe.
További részletekért nézze át a képernyőt és keresse meg önállóan.
11.Felugró bejelentkezési ablak
A hitelesítés mindig egy jelszó segítségével történik. Ez a képernyő leadása nagyon hasznos lesz hitelesítési célokra.
Ebben a képernyőn egy egyszerű felugró ablakot hozunk létre, amely ellenőrzi egy fiók jelszavát egy LDAP kiszolgálón, és ahol az adatok átkerülnek egy linkről a dinamikusan létrehozott ablakba.
12.Screencasts saját jquery plugin készítéséhez
Használja James Padolsey, Jeffery Way és Dan Wellman szakértők útmutatását ebben a képernyőn, hogy létrehozza Jquery pluginjeit, és felhasználja őket a programjaiban. Megtanulta az alapértelmezések beállítását, a képek előzetes betöltését, a visszahívási módszerek létrehozását és a dinamikus választógombok létrehozását a Jquery, CSS használatával.
A teljes lépések megtanulásához tanulmányozza a teljes képernyő leadását.
13. Jquery videósorozat
Bonyolultabb és precízebb, 10 perces képzési séma a Themeforest.net számára, és ugyanazt a módszert használja, mint a Jquery könyvtár használata és saját projektek készítése a videósorok leírása segítségével 15 napig.
Az egész sorozat a Jquery sikeres szakembereként hozza a kezdőket, rugalmasan szerkeszthetik és testreszabhatják a Jquery alkalmazásokat.
PHP képernyők:
14.Merülés a PHP-be
A PHP különböző témáiról szóló rövid bemutató külön oktatóanyagként kerül bemutatásra. Ezek a Jeffery Way önálló oktatóanyagai megtanítják Önt fájlok feltöltésére PHP használatával a ThemeForest blog segítségével, amely teljes forrás a PHP-lekérdezésekhez.
Ez a képernyőn szereplő szereplők a különböző típusú témákat fedik le a kezdők és a középszintű felhasználók számára.
15.PHP Json Jquery Ajax képernyő
Kommunikáció létrehozása a PHP és a JSON adatforrás között a jQuery AJAX funkcióinak felhasználásával, ahol létrehozunk egy szkriptet a JSON adatok küldéséhez, majd egy PHP tömböt, majd betöltjük a fájlt, és az adatforrásunk feltöltődik.
A teljes lépések megtanulásához tekintse meg a teljes képernyő leadását. Ez egy fejlett képernyőfelvétel a PHP szerelmeseinek.
16. Fotó admin oldal PHP és Jquery használatával
Ez a screencast segít létrehozni egy fotóoldalt a PHP és a jquery segítségével, ahol egy adatbázis áll rendelkezésre fényképgyűjtemény létrehozásával, és az adminisztrátor megkapja a jogot a képek címének frissítésére, valamint az alkönyvtárak karbantartására a szövegre kattintva. .
A teljes fotógalériát adminisztrálhatja az Ön igényeinek megfelelően. Ennek a képernyőnek a különlegessége a Jquery használatával történik, a galériákhoz jutunk el.
CSS képernyők:
17.A HTML és a CSS az alapok
Segítsen az abszolút kezdőnek a HTML és a CSS alapjaival, amelyek csak szöveges fájlok, olyan szintre, ahol előnézetként használhatja őket a webhelyén.
Ez a képernyőn szereplő szereplők megtanítják, hogy a HTML a tartalom, a CSS pedig a weboldal kialakítása, valamint hogy hogyan lehet jó minőségű weboldalt létrehozni. Itt megtanulhatja a HTML és a CSS alapjait, így könnyedén kezelheti a weboldalakat, amikor megtanulják az alapokat jól.
18.Szerkeszthető CSS3 képgaléria
Felépítünk egy nagyon tipikus képgaléria tervezési mintát, egy rácsot a képekről, amelyek nagyobbak, ha rákattintanak. Ez a képgaléria rendkívül professzionális megjelenést biztosít a webes fejlesztéshez.
De ez a képgaléria oldal forró szemantikus HTML5 jelöléseket, rengeteg vizuális kezelést használ a CSS3 és a jQuery használatával, és a CMS PageLime segítségével szerkeszthetővé vált.
19. Hogyan kell használni a CSS-sprite-eket
A CSS Sprites már régóta aktuális téma. Az a tény, hogy a weboldal minden képe külön szerverkérelem, és jelentősen növelheti az oldal teljesítményét. A HTTP-kérelmek számának csökkentése javítja a betöltési időt. Ennek elérése érdekében használjuk a CSS sprite-eket: Hogyan készítsünk egy CSS sprite-et és hogyan írják le ezeket az sprite-ek itt.
Ez jó ötletet ad a CSS-írásokról és arról, hogyan lehet ezt használni a webfejlesztési oldalával.
20.Részletes áttekintés a 960 CSS keretrendszerről
A 960 Grid System a webfejlesztési munkafolyamat egyszerűsítésére törekszik az általánosan használt dimenziók biztosításával, 960 pixel szélesség alapján. Kétféle változat létezik: 12 és 16 oszlop, amelyek külön-külön vagy tandemben is használhatók.
Webalkalmazás létrehozásához nem kell elsajátítania a kódot. A kód megírásához a CCS-keretrendszerek vannak. Töltsön el egy kis időt ezzel a képernyő-leadással a keretrendszer megismeréséhez és a webalkalmazások hatékony fejlesztéséhez.
21. Képváltó
Az Image Switcher egy ingyenes JavaScript, amely automatikusan beszúr egy képsorozatot egyetlen, gyorsan cserélhető nézetportba. Ez egy tiszta CSS képváltó, amely könnyű és szabványoknak megfelelő. Lehet használni galériához vagy bármilyen hasonló funkcióhoz. Bármennyi listaválasztási opció használható, amennyiben a szélesség befogadja őket.
Ez a képernyő megtanítja a képek megváltoztatására, amikor egy linken mozogsz, a JavaScript segítsége nélkül. Ennek eléréséhez csak a z-index kapcsolóra kell lebegni és egy kis abszolút pozicionálásra van szükség.
22.Fotógaléria építése
Mint sokan odakint, érdemes létrehozni egy weboldalt, amely megmutatja barátaival, családjával, nyaralásával, esküvőjével stb. Készített fényképeit. Nos, ez a kis bemutató megmutatja, hogyan készíthet fotógalériát és töltheti fel az Internetre.
A CSS lehetővé teszi a fotógalériát, amely automatikusan felépíti a könyvtár képeit, valamint az alkönyvtárakat. Chris Coyier ezen a képernyőn azt tanítja, hogy készítsen automatikus fotógalériát.
23.Hang beágyazása
Hogyan lehet beágyazni egy MP3 fájlt (például podcast, dal vagy háttérzene) egy weboldalba vagy egy RSS-hírcsatornába, hogy a látogatók saját böngészőjükben hallgathassák meg a hangot anélkül, hogy külső lejátszóra lenne szükségük, mint például a QuickTime vagy a Windows Media Player.
A kép nagy részét vagy képpel, vagy hangfájlral használjuk. De egy kép, amelynek hangja van a háttérben, eléggé kényelmessé teszi a felhasználót az információk megragadásában. Chris Coyier ugyanezt tanítja a JavaScript és a Flash segítségével ezen a képernyőn.
24.A CSS3 használata
Számos izgalmas új funkciót és funkciót terveznek CSS3. Megpróbálunk néhányat bemutatni ezen a weboldalon. A vizuális fejlesztések, például több háttér, RGB, szegélykép, szegélysugár, @font arc, animációk / átmenetek és még sok más a CSS3 számára jelenleg mozgásban vannak.
Ahhoz, hogy kövesse ezt a legújabb hullámot, pillantson be egy képet a képernyőről.
25.Bemutatjuk a tűzhibát
Információkat kaphat egy elem jelöléséről, CSS-jéről, elrendezéséről és DOM-járól a Firebug, egy olyan Firefox kiterjesztésű oldal oldalán, amely elkerülhetetlenné vált a webtervezők és fejlesztők számára, ahol közvetlenül a böngészőben szerkesztheti és megtekintheti az eredményeket.
Ha többet szeretne megtudni, ismerje meg ezt a képernyőt.
26.Egyedi oldal a twitter-frissítésekhez
Helyes tervezéskor a Twitter A hírcsatorna javíthatja a weboldal elrendezésének esztétikáját. Ha a tweetelés a szórakozásod, akkor szívesen mutatod be a tweetjeidet az elejétől a végéig. Például lefedheti a Photoshop tervezését, és stílusozhatja meg az oldalát is.
Ennek a feladatnak a teljesítéséhez kövesse ezt a képernyőt, amely a javascript dolgoktól a CSS-ig vezet az oldalának stílusához.
Kódjelző:
27.Alapvető képernyők
A Code Igniter egy nyílt forráskódú webalkalmazás PHP programok írására, valamint teljes körű webalkalmazások létrehozására. Kód írása a semmiből, gazdag könyvtárkészletet biztosítva az általánosan szükséges feladatokhoz, valamint egy egyszerű kezelőfelülettel és logikai struktúrával. ezeket a könyvtárakat.
Ebben a képernyõben bemutatja a CodeIgniter-t, valamint blogot hozhat létre a CodeIgniter-ben Derek Jones PHP-jével.
28.Könnyű fejlesztés a kódigniterrel
A nyers PHP-vel ez kissé időigényes lehet. Azonban azzal CodeIgniter, egyszerűen a helyes könyvtár hivatkozására és néhány konfigurációs lehetőség átadására van szükség! Merüljünk be.
Szívesen hangolja a PHP-készségeket a bevezetés megtanulása után. Folytassa a következő lépéssel. Ez a képernyőkép megtanít egy kép feltöltésére és mentésére a kezdeti érvényesítés után a PHP használatával a CodeIgniter alkalmazásban.
29.Gyilkos indítóképernyők a codeigniter számára
Készüljön fel az első alkalmazás létrehozására a CodeIgniter alkalmazással, hozzon létre egy űrlapot a Form Builder segítségével, készítsen egy példaalkalmazást, hozzon létre egy blogot 20 perc alatt, hozzon létre egy oldalszámot, küldjön és fogadjon adatokat a jQuery Post és a JSON segítségével Derek Jones 10 perces képernyőjén .
Reméljük, hogy tovább tanul CodeIgniter alkalmazásfejlesztési keretrendszer után vigyázz screencast.
XML:
30.Készítsen bejelentkezési és regisztrációs rendszert az xml segítségével
A teljes tagsági rendszer kiépítése fárasztó és időigényes feladat lehet. Tim Cooper nagyjából harminc perc alatt megmutatja nekünk, hogyan lehet felépíteni a TELJES dolgot.
Az XML használatával sokkal rövidebb idő alatt létrehozhatunk egy bejelentkezési és regisztrációs űrlapot, mint a MySQL, Tim Cooper ebben a képernyőn leadta ezt nekünk a PHP, .htaccess, fájlok, munkamenetek és egyebek áttekintésével.
31.Űrlapkészítő
Különösnek tűnhet az adattípusok szabványosításának megkísérlése egy olyan RENDELKEZÉSRE RENDELKEZŐ Rendszerben, de több intézmény is arról számol be, hogy ésszerű elvárások megfogalmazása a portfólió telepítésével kapcsolatban az egyetemen és az informatikai erőforrások kezelése bizonyos mértékű szabványosítás érdekében a projekt fenntartható.
Ismerje meg az űrlap készítésének alapjait a Form Builder eszköz segítségével, amely felhasználható egy XML sémafájl készítéséhez, és sokféle célra is felhasználható sokféle formában. Sean Keesler megtanít űrlapot építeni ebben a képernyőn.
32.Paraméterezze a vizsgálati adatokat XML használatával
Hozzon létre automatizálási parancsfájlokat a webalkalmazások működésének teszteléséhez a Windows Internet Explorer programban.
Erről a képernyőről a Pamie segítségével érheti el ezt a feladatot - egy Python osztályfájl, amely Pamie tesztszkriptet hoz létre az űrlap automatizálásához, egy XML fájl létrehozásához, az adatok olvasásához és a teszt futtatásához.
Ez megmutatja:
- Hogyan hozzunk létre egy Pamie tesztszkriptet az űrlap automatizálásához
- Hogyan lehet megtalálni a DOM Elements nevét és azonosítóját az automatizáláshoz
- XML fájl létrehozása a semmiből a Notepad ++ használatával
- Hogyan olvassuk el az adatokat egy XML fájlban az ElementTree használatával
- A teszt futtatása
33.A képernyő öntött, hogy segítsen neked rúgni a drupal
Nehezen megtanulja a Drupal-t, ez a képernyőképernyő megkönnyíti a gyakorlatban történő lépésről lépésre történő tanulást, kezdve a telepítéstől, a csomópontrendszertől, a blokkrendszertől, a tartalom típusától, a téma fejlesztésétől és még sok mástól.
Találhat forrásokat Drupal könyvekhez, Drupal podcastokhoz, Drupal fórumokhoz, Drupal csatornákhoz.
34. Duplakeresés
Szerezzen meg minden információt, amelyet a Drupalról szeretett volna megismerni. Ez a képernyősablon a Drupal képernyővédőinek legjobbjait, a Drupalról szóló legjobb könyveket, erőforrásokat, modulokat és a Drupal bosszúságait nyújtja. Szerezd meg a Drupal 6 legújabb képernyőjeit, ismerkedj meg a CSS injektorral, a Csomópontkonvertálással, a nyílt büfé szindrómával, a biztonsági másolat létrehozásával a Webform, a Login Toboggan, az Input szűrők, az előzetes hossza és még sok minden más erről a tartalomkezelő platformról - Drupal.