Zu den Aufzeichnungen der tutorials.de-Live-Workshops

  • Webmaster & Internet

    Webmaster & Internet

  • JavaScript

    Klassen und Vererbung in JavaScript 

    von tharo Veröffentlicht: 23.01.12 14:04
    Seitenaufrufe: 393 
    Hallo und willkommen zu einem kleinem HowTo Objekte und Vererbung in JavaScript.
    Es ist das erste mal seit ziemlich langer Zeit, dass ich ein Tutorial schreibe. Ich hoffe es ist verständlich und hilft dem einem oder anderen der sich mit dem Thema rum schlagen muss.
    Weiterlesen Weiterlesen 2 Kommentare

    Workshop – Echtzeitkommunikation mit Node.js und Socket.io 

    von Sebastian Schmidt Veröffentlicht: 07.12.11 11:30
    Seitenaufrufe: 1340 
    content/attachments/58983-ws-nodejs.jpg.html

    Wir laden euch ein zu einem kostenlosen Live-Workshop.

    Mittels Node.js, einem eventbasiertem Webserver und dem Socket.io Protokoll, werden wir eine Echtzeitkommunikation herstellen.
    Weiterlesen Weiterlesen 3 Kommentare

    Adventskalender 2011 - Türchen #1 

    von Sebastian Schmidt Veröffentlicht: 01.12.11 00:01
    Seitenaufrufe: 1051 
    content/attachments/58905-adventskalender.jpg.html

    Als erstes Türchen für den diesjährigen Adventskalender haben wir euch eine Ankündigung zu machen. In einer Woche, also Mittwoch, den 7. Dezember findet auf tutorials.de wieder ein Live-Workshop statt, zu dem wir euch herzlich einladen wollen.

    Das Thema und alles weitere erfahrt ihr nach dem Klick.
    Weiterlesen Weiterlesen 7 Kommentare

    Adobe Edge Einsteiger Tutorial 

    von sight011 Veröffentlicht: 13.11.11 11:16
    Seitenaufrufe: 1435 
    content/attachments/58777-edgetut.jpg.html
    Für alle die ein Videotutorial zu Adobe-Edge suchen und bis jetzt nur auf englisch verfasste gefunden haben, hier mal eins auf deutsch:

    In diesem Tutorial werden die grundlegenden Funktionen von Adobe Edge erklärt. Es ist ein Einsteiger-Tutorial das auf die Funktionen, verwendbare Elemente sowie die Animation mit Edge eingeht. Am Ende zeige ich noch zwei Anwendungsbeispiele, wie sich das Programm für Web bzw. Werbeauftriite verwenden lässt.

    Viel Spaß beim ersten Video-Tutorial zu Adobe Edge auf deutsch!
    Weiterlesen Weiterlesen 2 Kommentare

    File-Upload per JavaScript & HTML 5 File API 

    von ComFreek Veröffentlicht: 04.10.11 23:54
    Seitenaufrufe: 2235 
    content/attachments/58378-screenshot_combined.jpg.html

    Hier noch ein weiteres Tutorial in der HTML 5 File API-Reihe.
    Das erste Tutorial war: Checksummen mit JavaScript & HTML 5 File API.
    Weiterlesen Weiterlesen 1 Kommentar

    Checksummen mit JavaScript & HTML 5 File API 

    von ComFreek Veröffentlicht: 17.09.11 15:43
    Seitenaufrufe: 1395 
    content/attachments/58247-screenshot.jpg.html

    ___________
    In diesem Tutorial will ich euch zeigen, wie ihr die HTML 5 File API benutzen könnt, um MD5, SHA1, SHA256 und SHA512-Summen nur mit JavaScript zu erzeugen.
    Weiterlesen Weiterlesen

    Drop-Down-Menü und Social-Network-Bar mit jQuery 

    von javaDeveloper2011 Veröffentlicht: 10.09.11 10:51
    Seitenaufrufe: 13753 
    Vorschau Hallo zusammen,

    heute mal ein Tutorial zu jQuery.


    Das wohl beliebteste JavaScript-Framework bietet unzählige Möglichkeiten auf sehr einfache Weise coole und professionelle Websites zu erstellen. Download

    Im folgenden werden Drop-Down-Menüs und eine sog. Social-Network-Bar erstellt.
    Weiterlesen Weiterlesen 3 Kommentare

    Super Recursion Toy – Javascript galore 

    von Markus Kolletzky Veröffentlicht: 24.08.11 21:25
    Seitenaufrufe: 1119 
    content/attachments/57950-jsgalore.png.html

    Mit dem in HTML5 integriertem Canvas-Element wird dem geneigten Webentwickler das dynamische Rendern von Bitmap-Grafiken gestattet. Die Jungs von soulwire.co.uk trieben dies nun auf die Spitze und schrieben ein Tool, mit welchem sich wunderbar mit verzweigten Algorithmen und Rendering-Techniken experimentieren lässt. JavaScript galore!

    Das Ganze ist erfreulicherweise Open Source, so dass ein jeder damit herumspielen kann; der Source liegt auf github. Ich freue mich auf eure Ergebnisse.
    Weiterlesen Weiterlesen

    HTML/CSS und Javascripte gemeinsam erarbeiten 

    von chmee Veröffentlicht: 22.08.11 11:13
    Seitenaufrufe: 1614 
    Vorschau
    Es war einmal.. na gut, wir fangen anders an. Nicht immer sind Programmierfehler offensichtlich, während syntaktische Fehler noch schnell gefunden werden können, ist es mit logischen Fehlern nicht immer ganz so einfach. Wer hat sich nicht geärgert, dass das Helfen bei Codingproblemen oft mit Copy&Paste anfängt? Code des Hilfesuchenden lokal speichern, grob bereinigen/auffüllen, dann starten und sehen, wo das Problem ist.
    Weiterlesen Weiterlesen 6 Kommentare

    Animationen der Google+ Alben und Circles mit jQuery und CSS3 nachbauen 

    von Markus Kolletzky Veröffentlicht: 03.08.11 13:01
    Seitenaufrufe: 1945 
    content/attachments/57753-gplus.jpg.html

    Einige von euch haben sicher schon einen Blick auf Google+ geworfen bzw. benutzen den Dienst bereits. Hierbei sind euch sicherlich die schicken Animationen aufgefallen, wie die Circles beim Löschen "wegrollen" oder sich Bilderalben aufklappen. Diesen Effekt kann man mittels jQuery und CSS3 einfach nachbauen.
    Weiterlesen Weiterlesen 2 Kommentare

    Anti-Adblock-Script (AAS) für Webmaster - Werbeblocker umgehen 

    von Dominik Haubrich Veröffentlicht: 01.08.11 21:46
    Seitenaufrufe: 3411 
    Das folgende Script ermöglicht, einen Benutzer-Hinweis (oder auch eine alternative Werbebotschaft) im Browser anzuzeigen, wenn ein gängiger Werbeblocker wie Adblock Plus (Firefox Add-On) oder WebWasher aktiviert ist.

    Funktionen des Anti-Adblock-Scripts (AAS):
    • Der Original-Werbemittelcode bleibt unverändert
    • Das Werbemittel wird nur ersetzt, sofern ein Werbeblocker aktiviert ist
    • Eine alternative Botschaft kann mittels HTML-Code definiert werden.
    Weiterlesen Weiterlesen 4 Kommentare

    JSON PHP MySQL Chat Tutorial 

    von jannicars Veröffentlicht: 03.07.11 22:51
    Seitenaufrufe: 2530 
    Ich möchte euch gerne zeigen, wie man einen simplen Chat mit Javascript (jQuery, AJAX), JSON, PHP und MySQL erstellt.
    Weiterlesen Weiterlesen 1 Kommentar

    Adobe Edge Preview 

    von Martin Schaefer Veröffentlicht: 22.06.11 16:34
    Seitenaufrufe: 2198 
    content/attachments/57449-bildschirmfoto-2011-06-26-um-21.07.10.jpg.html Adobe ist bereits seit einiger Zeit dabei, ein Authoring-Tool für HTML5/CSS3/JS Animation zu entwickeln. Jetzt gibt es eine eigene Seite in den Adobe Labs und die Ankündigung, dass in nicht allzuferner Zukunft eine erste Preview-Version verfügbar sein wird.
    Weiterlesen Weiterlesen 3 Kommentare

    Erstellen einer Social Bookmark Bar 

    von Momo95 Veröffentlicht: 24.03.11 22:40
    Seitenaufrufe: 4172 
    content/attachments/56765-socialbar.png.html

    Ich habe bis jetzt nur aus den Tutorials profitiert und möchte nun auch mal etwas dazu beitragen: Es geht um eine "Social Bookmark Bar" und so solls am ende aussehen: Demo

    Zunächst brauchen wir natürlich die Icons bzw. Grafiken. Die habe ich hier her. (Downloadlink)

    Dann benötigt man noch jQuery.

    Bei den Icons habe ich die 48px auf 48px großen genommen. Die eigene Auswahl wird dann in einem Ordner namens Dateien gespeichert, genau so wie die jQuery.js Datei.

    Nun noch eine ganz normale *.html-Datei.
    Weiterlesen Weiterlesen 11 Kommentare

    CSS3-Accordion (fast) ohne Javascript 

    von hela Veröffentlicht: 27.01.11 20:15
    Seitenaufrufe: 2903 
    Hallo,
    angeregt durch einen Beitrag im (X)HTML-Forum möchte ich zeigen, dass man eigentlich nur noch für den Internet-Explorer Javascript/jQuery braucht, um ein "Accordion" auf einer Web-Seite zu realisieren.

    In meinem Funktionsbeispiel habe ich einen HTML-Seitenaufbau gewählt, der aus einer H1-Überschrift und mehreren folgenden DIV-Blöcken ("sections") besteht. Jeder "section"-Block ist mit einem Klassenattribut "section" markiert und enthält als erstes Kindelement wiederum eine Überschrift (hier: H2) mit einem eingeschlossenem Hyperlink (A-Element). Danach folgt beliebiger Blockinhalt.
    Weiterlesen Weiterlesen

    22. Türchen - tutorials.de Adventskalender - zwei kleine Browsertipps 

    von DrSoong Veröffentlicht: 22.12.10 00:01
    Seitenaufrufe: 1778 
    content/attachments/55677-adventskalender.jpg.html
    Endspurt, werte Freunde. Hinter dem 22. Türchen befinden sich zwei kleine Tipps für den Browser.
    Weiterlesen Weiterlesen

    14. Türchen - tutorials.de Adventskalender - 10 jQuery-Plugins 

    von chmee Veröffentlicht: 14.12.10 00:01
    Seitenaufrufe: 3200 
    content/attachments/55566-adventskalender.jpg.html
    Kinners, die Zeit vergeht. Nun gibt es schon das 14. Türchen und es liegen nur zehn weitere vor euch. Aber macht euch keinen Stress, sondern lieber erstmal das heutige auf. Denn es gibt...

    ...10 jQuery-Plugins, die man ständig sucht, aber immer verlegt
    Weiterlesen Weiterlesen

    Scriptly - der Freeware Texteditor 

    von super-nova Veröffentlicht: 07.11.10 13:11
    Seitenaufrufe: 1678 

    Der Texteditor Scriptly von der Firma Webocton ist ein wirklich gelungener Freeware Editor für HTML, PHP, Javascript und und und....

    Die Liebe zu Detail erleichtert einem die Arbeit enorm und durch ein paar ganz spezielle Features (ColorPicker und Codeschnippselverwaltung) hebt sich dieser Editor von den andern Produkten, die es im Netz gibt, ab.
    Aufgrund dessen man das Programm nicht "installieren" muß, ist der Editor z.B. mit Hilfe eines USB-Stick problemlos transportabel auf jeden Rechner.
    Video in zwei Teilen.



    Weiterlesen Weiterlesen

    Berechnung der Diagonale eines rechtwinkligen Vierecks mittels JavaScript. 

    von Dr Dau Veröffentlicht: 15.04.10 22:48   
    Seitenaufrufe: 1644 
    content/attachments/58625-bilddiagonale_berechnen.jpg.html Beschreibung:
    Dieser Code ist eine vollständige Website (HTML 4.1 Transitional und CSS level 2.1 valide) und dient dazu aus der Höhe und Breite eines rechtwinkligen Vierecks die Diagonale zu berechnen.

    Weiterlesen Weiterlesen 3 Kommentare

    (k)ein AJAX-Upload 

    von Sven Mintel Veröffentlicht: 31.03.10 02:23
    Seitenaufrufe: 2038 
    Moin Moin,

    da heut im Forum wieder mal ein Thema zum Punkt Upload mit AJAX erörtert wurde, habe ich dies zum Anlass genommen, einmal darzulegen, warum es nicht möglich ist, soetwas mittels AJAX zu Bewerkstelligen.

    Es soll natürlich auch zur Sprache kommen, wie man einen Upload trotzdem so aussehen lassen kann, als ob er per AJAX gesteuert wird.
    Weiterlesen Weiterlesen

    Ein kleines Kontext Menü mit Prototype 

    von hmmNaGut Veröffentlicht: 23.03.10 00:02
    Seitenaufrufe: 1583 
    Ich werde nur die Codes posten und anhand der Kommentaren sollte dann klar sein was damit gemacht wird. Viel Spass.
    Weiterlesen Weiterlesen
    Seite 1 von 3 123 LetzteLetzte