Habe ich jemals Screencasts für Sie gemacht, um das Lernen zu erleichtern?, aber wenn Englisch dein Ding ist, denke ich, dass du mit diesem Eintrag, den ich dir bringe, viel Spaß haben wirst.
Un Screencasts ist eine digitale Aufzeichnung der Bildschirmausgabe des Computadora, manchmal mit Audio-Kommentar. Obwohl der Begriff Screencasts Daten von 2004, Produkte wie Lotus ScreenCam wurden seitdem verwendet 1993. Die Pionierprodukte produzierten riesige Dateien und verfügten über eingeschränkte Bearbeitungsfunktionen. Die neuesten Produkte unterstützen kompaktere Dateiformate wie z Macromedia Flash und verfügen über ausgefeiltere Bearbeitungsfunktionen, die Änderungen an Sequenz, Mausbewegung und Audio ermöglichen.
Es gibt nicht weniger als vierunddreißig Screencasts, mit denen Sie Ihre Design- und Programmierkenntnisse verbessern können. Alle sind auf Englisch, aber sehr gut erklärt und von ausgezeichneter Qualität, sodass Sie sich keine Sorgen machen müssen.
Quelle | 1.WD
AJAX:
1.AJAX aktualisiert RSS-Inhalte
Überwinde den Aufwand der Seitenaktualisierung, indem du den Inhalt ohne manuelle Seitenaktualisierung aktualisierst. Dieses Video zeigt, wie Sie die RSS-Feeds mithilfe von AJAX aktualisieren und aktualisieren.
Wenn Sie nur einen Feed erstellen, ist es meiner Meinung nach effizienter, Ihren eigenen JavaScript-Code zu rollen, insbesondere wenn nur RSS analysiert wird. Soweit ich mich erinnere, schien SimplePie viel Aufwand zu verursachen.
2.Simple-Jquery-Spy-Effekt
Das Tolle an der QuickSnapper-Site von Realmac ist, dass bei deaktiviertem JavaScript die Liste der Snaps standardmäßig angezeigt wird. Also werden wir nachziehen.
Es ist auch erwähnenswert, dass ihre Version nur so lange neue Gegenstände anzieht, bis sie das Ende erreicht. Ich werde Ihnen zeigen, wie Sie die Liste in einer Schleife halten können, und in einem nachfolgenden Tutorial werde ich Ihnen zeigen, wie Sie dies in einen Ajax-Treffer einbinden, der Ihren Server nicht hämmert und den Effekt schön und flüssig hält.
3.Top 25 AJAX Video Tutorials von youtube
Die hier vorgestellten Tutorials geben einen ersten Überblick darüber, wie Sie ein HTML-Dokument erstellen, Javascript hinzufügen und ein externes Javascript damit verknüpfen, einen AJAX-Chat erstellen, AJAX-Elemente mithilfe des Spy-Frameworks zu einer Webseite hinzufügen und AJAX-Objekte einfügen Adobe Dreamweaver, wie man Mashup-Anwendungen mit dem AJAX-Framework erstellt, erstellt ein Delphi für PHP-Web auch über die AJAX MySql-Datenbank
JAbfrage:
4.Schieben von Headern wie iPhone
Ich war schon immer frustriert, als Sie beim Durchsuchen eines Inhalts den Header nicht finden konnten und sich mit Ihrem Thema verirrt haben
Wenn Sie zur nächsten Seite wechseln, hilft diese Bildschirmdarstellung dem Header, Inhalt zu bleiben, und ersetzt gleichzeitig die nächste Überschrift, wenn Sie auf subtile Weise zur nächsten Seite wechseln. Dies ist sehr nützlich für alle Webdesigner, die dem Trend folgen.
5.Slidedown-Animationssprung überarbeitet
Sie hätten bemerkt, dass Ihre Animation gegen Ende springt, was an Höhenproblemen liegen könnte. Diese Bildschirmdarstellung hilft Ihnen, eine Lösung zu finden, indem Sie die Höhenfaktoren berücksichtigen, indem Sie eine Inline-Höhe speichern und später eine Inline-Höhe festlegen und entsprechend vorgehen, ob Wir decken das Element auf oder verbergen es. Wir können diese Aktion verwenden, um unsere Ergebnisse anzuzeigen, oder sie können dies auch in häufig gestellten Fragen verwenden. Daher ist es nicht erforderlich, die Seite zu aktualisieren.
6.Slider Galerie
Möchten Sie eine Galerie mit einer Folie erstellen, um durch die Elemente zu navigieren? Diese Bildschirmdarstellung hilft Ihnen mit einfachen Schritten, die Position der Schieberegler zu verschieben, um die Produkte mithilfe von Markup, Schieberegler-Widget-Steuerung, jQueryUI, CSS und bestimmten Plug-Ins umgekehrt zu verschieben. Dies ermöglicht einen schnelleren Bildlauf und eine Pause, wenn dies erforderlich ist Ihre Produkte und Sie können Ihre Bilder rollen usw.
7.Jquery für absolute Anfänger
Eine 15-tägige Absolute-Anfängerserie in Jquery mit Theme Forest.net als Referenz von Jeff Way, der exklusive Videos für jeden Tag bietet, in denen Sie alle Methoden, den Umschalter im Jquery-Stil, den Hover-Effekt und vieles mehr lernen können, die in Themeforest.net verwendet werden.
Diese Screencast-Serie bringt Ihnen Jquery klar und effektiv bei. Jeder Screencast hat seinen eigenen Stil und ist sehr nützlich für Anfänger, die Jquery auf fehlerhafte Weise lernen müssen.
8.Erstellen Sie ein Navigationsmenü im Lava-Lampenstil
Erfahren Sie von Anfang an, wie Sie ein Menü im Lava-Lampen-Stil erstellen, das zunächst denselben Vorgang mithilfe eines dreistufigen Menüs demonstriert. Erstellen Sie anschließend ein Lava-Lampen-Menü mithilfe einer Javascript-Bibliothek in diesem Screenshot.
Es ist eine sehr professionelle Art, Ihre Website zu monetarisieren, und diese Art von Menü gibt Ihnen einen guten Überblick über Ihre Website.
9.Automatisches unendliches Karussell
In den meisten Fällen wird eine Bildlaufaktion nicht automatisch gestoppt, und wir müssen sie bei Bedarf manuell steuern. Um eine Bildlaufaktion automatisch durchzuführen und anzuhalten, wenn sich die Maus mit Jquery über dem Karussell befindet, wird in diesem Screenshot gezeigt.
Wir können dieses Karussell auch für dynamische Zwecke verwenden.
10Jquery Look Tim van Damme
Die Schlüsseleffekte von Tim the Accordion und Hover, die nur in Webkit funktionieren, können auch in jQuery funktionieren, wenn zwei Faktoren berücksichtigt werden, nämlich der animierte Rand-Links- und der Hintergrund-RGBA-Überblendungseffekt.
Für weitere Details gehen Sie den Screencast durch und finden Sie ihn selbst.
11Popup-Anmeldefenster
Eine Authentifizierung erfolgt immer mit Hilfe eines Passworts. Diese Bildschirmdarstellung ist für Autorisierungszwecke sehr nützlich.
In diesem Screenshot erstellen wir ein einfaches Popup-Fenster, in dem das Kennwort eines Kontos auf einem LDAP-Server überprüft wird und in dem Daten von einem Link an das dynamisch erstellte Fenster übertragen werden.
12Screencasts zum Erstellen Ihres eigenen JQuery-Plugins
Lassen Sie sich in diesem Screenshot von den Experten James Padolsey, Jeffery Way und Dan Wellman beraten, um Ihre Jquery-Plugins zu erstellen und in Ihren Programmen zu verwenden. Erfahren Sie, wie Sie mit Jquery, CSS Standardeinstellungen festlegen, Bilder vorladen, Rückrufmethoden erstellen und dynamische Optionsfelder erstellen.
Um die vollständigen Schritte zu lernen, studieren Sie die gesamte Bildschirmdarstellung.
13.Jquery-Videoserie
Ein ausführlicheres und präziseres Trainingsprogramm von 10 Minuten für Themeforest.net und die gleiche Verwendung der Jquery-Bibliothek und das Erstellen eigener Projekte mithilfe der Beschreibung der Videoserie für 15 Tage.
Die gesamte Serie wird den Anfängern einen erfolgreichen Profi in Jquery bringen. Sie können die Jquery-Anwendungen flexibel bearbeiten und anpassen.
PHP-Screencasts:
14Eintauchen in PHP
Eine kurze Tour zu verschiedenen Themen in PHP wird als separates Tutorial angeboten. In diesen eigenständigen Tutorials von Jeffery Way lernen Sie, wie Sie mit Hilfe des ThemeForest-Blogs, das eine vollständige Quelle für PHP-Abfragen darstellt, Dateien mit PHP hochladen.
Dieser Screenshot behandelt die verschiedenen Arten von Themen für Anfänger und Fortgeschrittene.
15PHP Json Jquery Ajax Screencast
Um eine Kommunikation zwischen PHP und JSON-Datenquelle mithilfe der AJAX-Funktionalität von jQuery herzustellen, erstellen wir ein Skript zum Senden der JSON-Daten, dann ein PHP-Array, laden die Datei und unsere Datenquelle wird gefüllt.
Um die vollständigen Schritte zu erfahren, sehen Sie sich bitte die vollständige Bildschirmdarstellung an. Es handelt sich um einen erweiterten Screencast für PHP-Liebhaber.
16.Foto-Admin-Site mit PHP und Jquery
Dieser Screencast hilft Ihnen beim Erstellen einer Foto-Site mit PHP und jquery, auf der eine Datenbank mit einer Sammlung von Fotos erstellt wird. Der Administrator hat das Recht, den Titel der Fotos zu aktualisieren und Unterverzeichnisse durch Klicken auf den Text zu verwalten .
Sie können die gesamte Fotogalerie gemäß Ihren Anforderungen verwalten. Die Spezialität dieses Screenshots ist die Verwendung von Jquery. Wir greifen auf die Galerien zu.
CSS-Screencasts:
17HTML und CSS sind die Grundlagen
Helfen Sie dem absoluten Anfänger mit den Grundlagen von HTML und CSS, bei denen es sich nur um Textdateien handelt, bis zu einer Ebene, auf der Sie sie als Vorschau auf Ihrer Website verwenden können.
In diesem Screenshot erfahren Sie, dass HTML der Inhalt und CSS das Design der Website ist und wie Sie eine Website mit guter Qualität erstellen. Hier lernen Sie die Grundlagen von HTML und CSS kennen, sodass Sie die Websites beim Erlernen leicht handhaben können die Grundlagen gut.
18Bearbeitbare CSS3-Bildergalerie
Wir erstellen ein ziemlich typisches Designmuster für Bildergalerien, ein Raster von Bildern, die beim Klicken größer werden. Diese Bildergalerie bietet Ihnen ein hochprofessionelles Erscheinungsbild für Ihre Webentwicklung.
Diese Bildergalerieseite verwendet jedoch heißes semantisches HTML5-Markup, viele visuelle Leckerbissen mit CSS3 und jQuery und kann über CMS PageLime bearbeitet werden.
19.Wie verwende ich CSS-Sprites?
CSS Sprites sind seit langem ein heißes Thema. Tatsache ist, dass jedes Bild auf einer Webseite eine separate Serveranforderung ist und Sie die Leistung einer Seite erheblich steigern können. Durch Verringern der Anzahl der HTTP-Anforderungen werden die Ladezeiten verbessert. Um dies zu erreichen, verwenden wir CSS-Sprites, wie man ein CSS-Sprite erstellt und wie diese Sprites hier beschrieben werden.
Auf diese Weise erhalten Sie eine gute Vorstellung von CSS-Sprites und deren Verwendung mit Ihrer Webentwicklungsseite.
20Detaillierter Blick auf das 960 CSS Framework
Das 960 Grid System ist ein Versuch, den Workflow für die Webentwicklung zu optimieren, indem häufig verwendete Abmessungen basierend auf einer Breite von 960 Pixel bereitgestellt werden. Es gibt zwei Varianten: 12 und 16 Spalten, die einzeln oder zusammen verwendet werden können.
Sie müssen den Code nicht beherrschen, um eine Webanwendung zu erstellen. CSS-Frameworks stehen zum Schreiben Ihres Codes zur Verfügung. Verbringen Sie einige Zeit mit diesem Screenshot, um mehr über die Frameworks zu erfahren und Ihre Webanwendungen effizient zu entwickeln.
21. Bildumschalter
Image Switcher ist ein kostenloses JavaScript, das automatisch eine Reihe von Bildern in einen einzigen Hot-Swap-fähigen Ansichtsport einfügt. Dies ist ein reiner CSS-Image-Switcher, der leichtgewichtig und standardkonform ist. Es kann für eine Galerie oder eine ähnliche Funktion verwendet werden. Es können beliebig viele Listenauswahloptionen verwendet werden, sofern die Breite diese zulässt.
Das Ändern der Bilder, während Sie sich über einen Link bewegen, wird Ihnen in diesem Screenshot ohne die Hilfe von JavaScript beigebracht. Sie benötigen lediglich das Einschalten des Z-Index beim Schweben und ein wenig absolute Positionierung, um dies zu erreichen.
22Aufbau einer Fotogalerie
Wie viele Leute da draußen möchten Sie vielleicht eine Website erstellen, auf der Sie Ihre Fotos von Freunden, Familie, Urlaub, Hochzeit usw. zeigen können. In diesem kleinen Tutorial erfahren Sie, wie Sie eine Fotogalerie erstellen und ins Internet hochladen.
Eine Fotogalerie, die sich automatisch mit den Bildern aus einem Verzeichnis sowie den Unterverzeichnissen zusammensetzt, ist per CSS möglich. Chris Coyier lehrt in diesem Screen Cast, eine automatische Fotogalerie zu erstellen.
23Audio einbetten
Wie bettet man eine MP3-Datei (wie einen Podcast, ein Lied oder eine Hintergrundmusik) in eine Webseite oder einen RSS-Feed ein, damit Besucher das Audio im Browser selbst hören können, ohne einen externen Player wie QuickTime oder Windows Media Player zu benötigen.
Für den größten Teil des Bildes verwenden wir entweder ein Bild oder eine Audiodatei. Ein Bild mit einem Audio im Hintergrund macht es dem Benutzer jedoch recht bequem, die Informationen zu erfassen. Chris Coyier lehrt dasselbe mit Hilfe von JavaScript und Flash in diesem Screenshot.
24Verwenden von CSS3
Viele aufregende neue Funktionen und Features werden erdacht CSS3. Wir werden versuchen, einige davon auf dieser Webseite zu präsentieren. Für visuelle Verbesserungen wie mehrere Hintergründe, RGB, Rahmenbild, Rahmenradius, @ Schriftart, Animationen / Übergänge und vieles mehr für CSS3 ist jetzt in Bewegung.
Um dieser neuesten Welle zu folgen, werfen Sie einen Blick auf diese Bildschirmdarstellung.
25Feuerwanze vorstellen
Mit Firebug, einer Erweiterung von Firefox, die für Webdesigner und Entwickler unumgänglich geworden ist, können Sie Informationen zu Markup, CSS, Layout und DOM eines Elements auf einer Seite abrufen, auf der Sie die Ergebnisse direkt im Browser bearbeiten und anzeigen können.
Um mehr zu erfahren, lernen Sie diesen Screen Cast.
26Einzigartige Seite für Twitter-Updates
Wenn richtig entworfen, a Twitter Feeds können die Ästhetik des Layouts einer Website verbessern. Wenn Tweeten Ihr Zeitvertreib ist, müssen Sie darauf bedacht sein, Ihre Tweets von Anfang bis Ende anzuzeigen. Zum Beispiel könnten Sie das Design in Photoshop abdecken und Ihre Seite auch stylen.
Um diese Aufgabe zu erfüllen, folgen Sie diesem Screenshot, der Sie vom Javascript-Material zum CSS führt, um Ihre Seite zu gestalten.
Mitzünder:
27Grundlegende Screencasts
Code Igniter ist eine Open-Source-Webanwendung zum Schreiben von PHP-Programmen und zum Erstellen von Webanwendungen mit vollem Funktionsumfang. Sie schreiben Code von Grund auf neu, indem sie eine Vielzahl von Bibliotheken für häufig benötigte Aufgaben sowie eine einfache Schnittstelle und eine logische Struktur für den Zugriff bereitstellen diese Bibliotheken.
In diesem Screencast erhalten Sie eine Einführung in CodeIgniter und können ein Blog in CodeIgniter mit PHP von Derek Jones erstellen.
28Einfache Entwicklung mit Codeigniter
Mit rohem PHP kann dies etwas zeitaufwändig sein. Jedoch mit CodeIgniterEs geht einfach darum, auf die richtige Bibliothek zu verweisen und einige Konfigurationsoptionen zu übergeben! Lass uns eintauchen.
Begierig darauf, die PHP-Kenntnisse nach dem Erlernen der Einführung zu optimieren. Fahren Sie mit dem nächsten Schritt fort. In diesem Screencast lernen Sie, ein Bild hochzuladen und nach der ersten Validierung mit PHP in CodeIgniter zu speichern.
29Killer-Startup-Screencasts für Codeigniter
Machen Sie sich bereit, Ihre erste Anwendung mit CodeIgniter zu erstellen, ein Formular mit dem Form Builder zu erstellen, eine Beispielanwendung zu erstellen, in 20 Minuten ein Blog zu erstellen, eine Paginierung zu erstellen, Daten über jQuery Post und JSON zu senden und zu empfangen - in diesem 10-minütigen Screencast von Derek Jones .
Wir hoffen, dass Sie weiter lernen CodeIgniter Anwendungsentwicklungs-Framework nach dem Screencast ansehen.
XML:
30Erstellen Sie ein Anmelde- und Registrierungssystem mit XML
Der Aufbau eines gesamten Mitgliedschaftssystems kann eine mühsame und zeitaufwändige Aufgabe sein. Tim Cooper wird uns in ungefähr XNUMX Minuten zeigen, wie man das GESAMTE Ding baut.
Mit XML konnten wir in viel kürzerer Zeit als MySQL ein Anmelde- und Registrierungsformular erstellen. Tim Cooper in diesem Screenshot zeigt uns dies, indem er PHP, .htaccess, Dateien, Sitzungen und mehr überprüft.
31Formularerstellung
Es mag seltsam erscheinen, zu versuchen, Datentypen in einem System zu standardisieren, das so flexibel ausgelegt ist, aber mehr als eine Institution berichtet, dass die Festlegung angemessener Erwartungen für Portfoliobereitstellungen auf dem gesamten Campus und die Verwaltung Ihrer IT-Ressourcen zur Nutzung eines gewissen Maßes an Standardisierung viel dazu beitragen Projekt nachhaltig.
Erfahren Sie die Grundlagen zum Erstellen eines Formulars mit dem Form Builder-Tool, mit dem Sie eine XML-Schemadatei erstellen und in vielen Formularen für viele verschiedene Zwecke verwenden können. Sean Keesler bringt Ihnen bei, in diesem Screen Cast ein Formular zu erstellen.
32Parametrisieren Sie Testdaten mit XML
Erstellen Sie Automatisierungsskripte, um die Funktionalität von Webanwendungen in Internet Explorer unter Windows zu testen.
Mit diesem Screencast können Sie diese Aufgabe mithilfe von Pamie ausführen - einer Python-Klassendatei, die ein Pamie-Testskript erstellt, um ein Formular zu automatisieren, eine XML-Datei zu erstellen, Daten zu lesen und den Test auszuführen.
Es zeigt Ihnen:
- So erstellen Sie ein Pamie-Testskript zur Automatisierung eines Formulars
- So finden Sie die Namen und IDs der zu automatisierenden DOM-Elemente
- Erstellen einer XML-Datei von Grund auf mit Notepad ++
- Lesen der Daten in einer XML-Datei mit ElementTree
- So führen Sie den Test aus
33Screen Casts bringen dich dazu, mit Drupal in den Arsch zu treten
Es ist schwierig, Drupal zu lernen. Dieser Screencast erleichtert das praktische Lernen Schritt für Schritt, beginnend mit der Installation, dem Knotensystem, dem Blocksystem, den Inhaltstypen, der Themenentwicklung und vielem mehr.
Außerdem finden Sie Ressourcen für Drupal-Bücher, Drupal-Podcasts, Drupal-Foren und Drupal-Kanäle.
34.Drupale Zusammenfassung
Holen Sie sich alle Informationen, die Sie über Drupal wissen wollten. Dieser Screencast bietet Ihnen die besten Screencasts von Drupal, die besten Bücher über Drupal, Ressourcen, Module und auch die Belästigungen von Drupal. Holen Sie sich die neuesten Screencasts zu Drupal 6, erfahren Sie mehr über CSS Injector, Node Convert, Open Buffet-Syndrom, Erstellen eines Backups, über Webform, Login Toboggan, Eingabefilter, Teaser-Länge und vieles mehr über diese Content-Management-Plattform - Drupal.