Czy kiedykolwiek zrobiłem dla Ciebie screencasty, aby ułatwić naukę, ale jeśli lubisz angielski, myślę, że spodoba ci się ten wpis, który ci przedstawiam.
Un screencast jest cyfrowym zapisem obrazu wyjściowego computadora, czasami zawierające narrację audio. Chociaż termin screencast daty od 2004, produkty takie jak Lotos ScreenCam były używane od tego czasu 1993. Pionierskie produkty produkowały ogromne pliki i miały ograniczone możliwości edycji. Najnowsze produkty obsługują bardziej kompaktowe formaty plików, takie jak Macromedia Flash i mają bardziej wyrafinowane funkcje edycji umożliwiające zmiany sekwencji, ruchów myszy i dźwięku.
Istnieją nie mniej niż trzydzieści cztery screencasty poprawiające twoje umiejętności projektowania i programowania, wszystkie w języku angielskim, ale bardzo dobrze objaśnione i w doskonałej jakości, więc nie musisz się martwić.
Źródło | 1st WD
AJAKS:
1.AJAX odświeżająca zawartość RSS
Zapomnij o problemach związanych z odświeżaniem strony, aktualizując zawartość bez ręcznego odświeżania strony. Ten film pokazuje, co należy zrobić, i jak odświeżyć kanały RSS za pomocą AJAX.
Jeśli robisz tylko jeden kanał, myślę, że bardziej wydajne byłoby zrobienie własnego kodu JavaScript, zwłaszcza jeśli jest to tylko analizowanie RSS. Z tego, co pamiętam, SimplePie wydawało się być dużym obciążeniem.
2.Efekt szpiegowski Simple-Jquery
Wspaniałą rzeczą w witrynie QuickSnapper firmy Realmac jest to, że jeśli JavaScript jest wyłączony, lista przyciągania jest domyślnie widoczna. Więc pójdziemy za tym.
Warto również zauważyć, że ich wersja ciągnie nowe elementy tylko do końca. Pokażę ci, jak możesz utrzymać zapętlenie listy, aw kolejnym samouczku pokażę ci, jak podłączyć to do trafienia Ajax, który nie hamuje twojego serwera i utrzymuje efekt ładny i płynny.
3.25 najlepszych samouczków wideo AJAX z YouTube
Prezentowane tu samouczki dają początek od podstaw, jak stworzyć dokument HTML, dodać javascript, a także połączyć z tym zewnętrzny javascript, budować czat AJAX, dodawać elementy AJAX do strony internetowej przy użyciu frameworka Spy, wstawiać obiekty AJAX do Adobe Dreamweaver, jak tworzyć aplikacje Mash up z wykorzystaniem frameworka AJAX, stworzyć stronę internetową Delphi for PHP także o bazie danych AJAX MySql
JQuery:
4.Przesuwne nagłówki, takie jak iPhone
Zawsze denerwowałeś się, gdy nie możesz znaleźć nagłówka podczas przeglądania treści i zgubiłeś się z tematem
podczas przechodzenia na następną stronę ten zrzut ekranu pomaga nagłówkowi pozostać treścią, a także subtelnie zastępuje następny nagłówek, gdy przechodzisz do następnej strony. Jest to bardzo przydatne dla każdego projektanta stron internetowych, który podąża za trendem.
5.Powrót do skoku w animacji slidedown
Można zauważyć, że animacja przeskakuje pod koniec, co może być spowodowane problemami z wysokością. Ten rzut ekranu pomaga znaleźć rozwiązanie, biorąc pod uwagę współczynniki wysokości, zapisując wysokość w wierszu i ustawiając wysokość w wierszu później i postępuj zgodnie z tym, czy odkrywamy lub ukrywamy element. Możemy użyć tej akcji, aby pokazać nasze wyniki lub użyć tego również w FAQ. Nie ma więc potrzeby odświeżania strony.
6.Galeria sliderów
Chcesz utworzyć galerię ze slajdem do nawigacji po elementach? Ten rzut ekranu pomaga w prostych krokach przetłumaczyć pozycję suwaków w celu odwrócenia przesuwania produktów za pomocą znaczników, kontrolki widżetów suwaków, jQueryUI, CSS i niektórych wtyczek, które zapewniają szybsze przewijanie i pauzę w razie potrzeby. Możesz wyświetlić swoje produkty i możesz toczyć swoje obrazy itp.
7.JQuery dla absolutnie początkujących
15-dniowa seria Absolute dla początkujących w Jquery z Theme forest.net jako odniesieniem autorstwa Jeffa Way'a, który ma ekskluzywne filmy na każdy dzień, w których można nauczyć się wszystkich metod, przełącznika stylu Jquery, efektu najechania i wielu innych używanych w Themeforest.net.
Ta seria zrzutów ekranu nauczy Cię Jquery jasno i skutecznie.
8.Zbuduj menu nawigacji w stylu lampy lawowej
Naucz się tworzyć od początku menu w stylu lampy lawowej, które początkowo demonstruje ten sam proces, używając trójpoziomowego menu, a następnie utwórz menu lampy lawowej, używając biblioteki Javascript na tym ekranie.
To wysoce profesjonalny sposób na zarabianie na witrynie, a tego typu menu zapewni dobry wygląd Twojej witryny.
9.Automatyczna nieskończona karuzela
W większości przypadków akcja przewijania nie zatrzymuje się automatycznie i musimy sterować nią ręcznie w razie potrzeby, więc automatyczne przewijanie i zatrzymywanie go, gdy kursor myszy znajduje się nad karuzelą, za pomocą Jquery jest pokazane w tej rzucie ekranu.
Możemy również użyć tej karuzeli do celów dynamicznych.
10.JQuery look Tim van Damme
Kluczowe efekty Tim the Accordion i Hover, które działają tylko w Webkicie, mogą również działać w jQuery, gdy uwzględni się dwa czynniki, a mianowicie animowany margines - lewy i efekt przenikania rgba w tle.
Aby uzyskać więcej informacji, przejrzyj zrzut ekranu i znajdź go samodzielnie.
11.Wyskakujące okno logowania
Uwierzytelnianie zawsze odbywa się za pomocą hasła. Ten rzut ekranu będzie bardzo przydatny do celów autoryzacji.
W tym rzucie ekranu tworzymy proste wyskakujące okienko, które weryfikuje hasło konta na serwerze LDAP i gdzie dane są przekazywane z linku do dynamicznie tworzonego okna.
12.Screencasty do tworzenia własnej wtyczki jquery
Skorzystaj ze wskazówek ekspertów Jamesa Padolseya, Jeffery Way i Dana Wellmana na tym ekranie, aby stworzyć wtyczki Jquery i używać ich w swoich programach. Dowiedziałem się, jak ustawiać wartości domyślne, wstępnie ładować obrazy, tworzyć metody wywołania zwrotnego i tworzyć dynamiczne przyciski radiowe za pomocą Jquery, CSS.
Aby poznać wszystkie kroki, zapoznaj się z pełną obsadą ekranu.
13. Seria filmów Jquery
Bardziej rozbudowany i precyzyjny program treningowy trwający 10 minut dla Themeforest.net i korzystanie z tego samego, jak korzystać z biblioteki Jquery i tworzyć własne projekty za pomocą opisu serii wideo przez 15 dni.
Cała seria przyniesie początkującym profesjonalistom sukces w Jquery, którzy będą mogli elastycznie edytować i dostosowywać aplikacje Jquery.
Screencasty PHP:
14.Zanurzam się w PHP
Krótka prezentacja różnych tematów w PHP jest prezentowana jako osobne samouczki. Te samodzielne samouczki autorstwa Jeffery Way uczą, jak przesyłać pliki za pomocą PHP za pomocą bloga ThemeForest, który jest kompletnym źródłem zapytań PHP.
Ten zrzut ekranu obejmuje różne rodzaje tematów dla początkujących i średnio zaawansowanych użytkowników.
15.Prezentacja ekranu PHP Json Jquery Ajax
Aby utworzyć komunikację między PHP i źródłem danych JSON przy użyciu funkcji AJAX jQuery, w której tworzymy skrypt do wysyłania danych JSON, a następnie tablicę PHP, a następnie ładujemy plik i nasze źródło danych jest wypełniane.
Aby poznać wszystkie kroki, obejrzyj pełny zrzut ekranu.To zaawansowany screencast dla miłośników PHP.
16.Photo admin site przy użyciu PHP i Jquery
Ten screencast pomaga w stworzeniu strony ze zdjęciami przy użyciu PHP i jQuery, gdzie tworzona jest baza danych z kolekcją zdjęć, a administrator ma prawo do aktualizacji tytułów zdjęć, jak również do utrzymywania podkatalogów poprzez kliknięcie w tekst .
Możesz zarządzać całą galerią zdjęć zgodnie ze swoimi wymaganiami. Specjalnością tej obsady ekranu jest korzystanie z JQuery, do których uzyskujemy dostęp do galerii.
Screencasty CSS:
17.HTML i CSS to podstawy
Pomóż absolutnie początkującym w podstawach HTML i CSS, które są tylko plikami tekstowymi, do poziomu, na którym możesz ich używać jako podglądu w swojej witrynie.
Ten rzut ekranu nauczy Cię, że HTML to zawartość, a CSS to projekt strony internetowej, a także jak stworzyć stronę internetową o dobrej jakości. Tutaj możesz nauczyć się podstaw zarówno HTML, jak i CSS, dzięki czemu możesz łatwo obsługiwać strony internetowe, gdy się nauczysz podstawy dobrze.
18.Edytowalna galeria obrazów CSS3
Tworzymy dość typowy wzorzec projektowania galerii obrazów, siatkę obrazów, które pojawiają się większe po kliknięciu. Ta galeria obrazów zapewnia wysoce profesjonalny wygląd podczas tworzenia stron internetowych.
Ale ta strona galerii obrazów wykorzystuje gorące semantyczne znaczniki HTML5, mnóstwo wizualnych smakołyków z CSS3 i jQuery i można ją edytować za pomocą CMS PageLime.
19.Jak używać sprite'ów CSS
CSS Sprites to gorący temat od dawna. Faktem jest, że każdy obraz na stronie internetowej jest oddzielnym żądaniem serwera i można znacznie zwiększyć wydajność strony.Zmniejszenie liczby żądań HTTP poprawia czas ładowania. Aby to osiągnąć, używamy sprite'ów CSS, jak stworzyć duszkę CSS i jak te duszki opisać tutaj.
To da ci dobry pomysł na temat sprite'ów CSS i tego, jak z nich korzystać po stronie tworzenia stron internetowych.
20.Szczegółowe spojrzenie na framework CSS 960
System siatki 960 to próba usprawnienia przepływu pracy przy tworzeniu stron internetowych poprzez zapewnienie powszechnie używanych wymiarów, opartych na szerokości 960 pikseli. Istnieją dwa warianty: kolumny 12 i 16, które mogą być używane oddzielnie lub w tandemie.
Nie musisz opanowywać kodu, aby stworzyć aplikację internetową. Frameworki CSS są po to, by napisać swój kod. Spędź trochę czasu z rzutowaniem ekranu, aby poznać frameworki i efektywnie rozwijać swoje aplikacje internetowe.
21. Przełącznik obrazu
Image Switcher to darmowy JavaScript, który automatycznie wstawia serię obrazów do jednego portu widoku z możliwością wymiany podczas pracy.Jest to czysty przełącznik obrazów CSS, który jest lekki i zgodny ze standardami. Może służyć jako galeria lub podobna funkcja. Można użyć dowolnej liczby opcji wyboru listy, o ile szerokość może je pomieścić.
Zmiana obrazów podczas poruszania się po linku jest tym, czego uczy ten rzut ekranu bez pomocy JavaScript. Aby to osiągnąć, potrzebujesz tylko przełączania indeksu Z po najechaniu kursorem i trochę pozycjonowania absolutnego.
22.Budowa galerii zdjęć
Podobnie jak wiele osób, możesz chcieć utworzyć witrynę internetową, na której będą prezentowane zdjęcia przyjaciół, rodziny, wakacji, ślubu itp. Cóż, ten mały samouczek pokaże Ci, jak utworzyć galerię zdjęć i przesłać ją do Internetu.
Galeria zdjęć, która automatycznie buduje się z obrazów z katalogu oraz podkatalogów jest możliwa dzięki CSS. Chris Coyier uczy w tej obsadzie ekranu, jak zbudować automatyczną galerię zdjęć.
23.Osadzanie dźwięku
Jak osadzić plik MP3 (np. Podcast, piosenkę lub podkład muzyczny) na stronie internetowej lub w kanale RSS, aby odwiedzający mogli słuchać dźwięku w samej przeglądarce bez konieczności korzystania z zewnętrznego odtwarzacza, takiego jak QuickTime lub Windows Media Player.
W przypadku większości obrazu używamy obrazu lub pliku audio. Ale obraz z dźwiękiem w tle sprawia, że użytkownik może wygodnie uchwycić informacje. Chris Coyier uczy tego samego przy pomocy JavaScript i Flasha na tym ekranie.
24.Korzystanie z CSS3
Opracowywanych jest wiele nowych, ekscytujących funkcji i funkcji CSS3. Postaramy się zaprezentować niektóre z nich na tej stronie internetowej. W przypadku ulepszeń wizualnych, takich jak wiele tła, RGB, obraz obramowania, promień obramowania, twarz @font, animacje / przejścia i wiele więcej, CSS3 jest teraz w ruchu.
Aby śledzić tę ostatnią falę, rzuć okiem na tę obsadę ekranu.
25.Przedstawiamy firebug
Możesz uzyskać informacje o znacznikach, CSS, układzie i DOM elementu na stronie za pomocą Firebug, rozszerzenia Firefoksa, które stało się nieuniknione dla projektantów stron internetowych i programistów, gdzie możesz edytować i przeglądać wyniki bezpośrednio w przeglądarce.
Aby dowiedzieć się więcej, poznaj tę obsadę ekranu.
26.Unikalna strona z aktualizacjami na Twitterze
Po prawidłowym zaprojektowaniu a Twitter kanał może poprawić estetykę układu strony internetowej.Jeśli tweetowanie jest twoją rozrywką, musisz chcieć wyświetlać tweety od początku do końca. Na przykład możesz pokryć projekt w Photoshopie, a także stylizować swoją stronę.
Aby wykonać to zadanie, postępuj zgodnie z tym zrzutem ekranu, który poprowadzi Cię od elementów javascript do CSS w celu stylizacji strony.
Kod zapalnik:
27.Podstawowe screencasty
Code Igniter to aplikacja internetowa typu open source do pisania programów PHP, a także do tworzenia pełnowartościowych aplikacji internetowych. Pisanie kodu od podstaw, poprzez zapewnienie bogatego zestawu bibliotek do często potrzebnych zadań, a także prostego interfejsu i struktury logicznej dostępu te biblioteki.
Ten screencast zawiera wprowadzenie do CodeIgniter, a także umożliwia stworzenie bloga w CodeIgniter przy użyciu PHP autorstwa Dereka Jonesa.
28.Łatwe programowanie dzięki Codeigniter
W przypadku surowego PHP może to zająć trochę czasu. Jednak z CodeIgniter, to po prostu kwestia odwołania się do właściwej biblioteki i przekazania pewnych opcji konfiguracyjnych! Zanurzmy się.
Chętny do doskonalenia umiejętności PHP po zapoznaniu się ze wstępem. Przejdź do następnego kroku, ten screencast uczy, jak załadować obraz i zapisać go po wstępnej walidacji przy użyciu PHP w CodeIgniter.
29.Zabójcze screencasty startowe dla CodeIgniter
Przygotuj się do stworzenia swojej pierwszej aplikacji w CodeIgniter, utwórz formularz za pomocą kreatora formularzy, stwórz przykładową aplikację, utwórz blog w 20 minut, utwórz paginację, wysyłaj i odbieraj dane za pośrednictwem jQuery Post i JSON w tym 10-minutowym screencastie autorstwa Dereka Jonesa .
Mamy nadzieję, że nauczysz się dalej Struktura tworzenia aplikacji CodeIgniter po obejrzeniu screencasta.
XML:
30.Zbuduj system logowania i rejestracji z xml
Tworzenie całego systemu członkostwa może być żmudnym i czasochłonnym zadaniem. Tim Cooper pokaże nam, jak zbudować CAŁĄ rzecz w mniej więcej trzydzieści minut.
Używając XML, mogliśmy stworzyć formularz logowania i rejestracji w znacznie krótszym czasie niż MySQL. Tim Cooper na tym ekranie pokazuje nam to, przeglądając PHP, .htaccess, pliki, sesje i nie tylko.
31.Kreator formularzy
Próba standaryzacji typów danych w systemie zaprojektowanym tak, aby był tak elastyczny, może wydawać się dziwna, ale więcej niż jedna instytucja zgłasza, że ustalenie rozsądnych oczekiwań dotyczących wdrożeń portfela w całym kampusie i zarządzanie zasobami IT w celu wykorzystania pewnego stopnia standaryzacji ma duże znaczenie dla projekt zrównoważony.
Poznaj podstawy tworzenia formularzy za pomocą narzędzia do tworzenia formularzy, którego można użyć do zbudowania pliku schematu XML, a także do wielu różnych celów w wielu formularzach. Sean Keesler uczy, jak zbudować formę w tej obsadzie ekranu.
32.Sparametryzuj dane testowe za pomocą XML
Twórz skrypty automatyzacji, aby testować funkcje aplikacji internetowych w przeglądarce Internet Explorer w systemie Windows.
Z tego rzutu ekranu możesz osiągnąć to zadanie z pomocą Pamie - pliku klasy Pythona, który tworzy skrypt testowy Pamie w celu zautomatyzowania formularza, utworzenia pliku XML, odczytu danych i uruchomienia testu.
To pokazuje ci:
- Jak utworzyć skrypt testowy Pamie w celu zautomatyzowania formularza
- Jak znaleźć nazwy i identyfikatory elementów DOM do zautomatyzowania
- Tworzenie pliku XML od podstaw za pomocą Notepad ++
- Jak odczytać dane w pliku XML za pomocą ElementTree
- Jak przeprowadzić test
33.Rzuty ekranu, dzięki którym możesz skopać tyłek drupalowi
Trudno jest nauczyć się Drupala, ten screencast ułatwia praktycznie naukę procesu krok po kroku, zaczynając od instalacji, systemu węzłów, systemu bloków, typów treści, tworzenia motywów i nie tylko.
Można również znaleźć zasoby dotyczące książek o Drupalu, podcastów o Drupalu, forów i kanałów Drupala.
34. Dupadowa łapanka
Zdobądź wszystkie informacje, które chciałeś wiedzieć o Drupalu, ten screencast zawiera najlepsze screencasty Drupala, najlepsze książki o Drupalu, zasoby, moduły, a także irytację Drupala. Pobierz najnowsze screencasty na Drupal 6, dowiedz się o CSS Injector, Node Convert, syndromie otwartego bufetu, tworzeniu kopii zapasowej, o formularzu internetowym, logowaniu, filtrach wejściowych, długości zwiastuna i wiele więcej o tej platformie zarządzania treścią - Drupal.