tutorials.de Buch-Aktion 05/2012
  • Webmaster & Internet

    Webmaster & Internet
  • HTML-Tutorials

    von sight011 Veröffentlicht: 13.11.11 11:16
    Seitenaufrufe: 2489 
    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!
    von ComFreek Veröffentlicht: 04.10.11 23:54
    Seitenaufrufe: 4929 
    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.
    von maxschaf Veröffentlicht: 24.09.11 19:30   
    Seitenaufrufe: 1378 
    content/attachments/58290-unbenannt.png.html Anforderung:

    Wir haben eine Landkarte als PNG. Nun wollen wir je nach Einstellung eine Region auf dieser Karte markieren und klickbar machen. Dazu erhalten wir weitere PNGs, auf welchen eine Region eingefärbt und der Rest transparent ist. Dieses PNG ist exakt gleich größ wie die Landkarte und wird im Web über die Landkarte gelegt.

    Aufgabe: Verlinke diese Region.
    Problem: Region hat beliebige Form (kein Quadrat,etc.). Man benötigt eine HTML Map mit einem Polygon als Area. Dazu benötigt man Koordinaten. Wir wollen aber nicht für 100e Regionen Koordinaten händisch finden.
    Eingeschränkte Lösung 1: Kleine C# Klasse, welche das PNG öffnet und von allen vier Rändern weg abtastet und die Koordinaten in der Richtigen Reihenfolge retourniert. Einen Offset für eventuellen Rand kann man auch einstellen. Funktioniert bei einfachen geometrischen Objekten sehr gut (Rechteck, Kreis), scheitert aber bei ausgefallenen Objekten (siehe ANhang).
    von ComFreek Veröffentlicht: 17.09.11 15:43
    Seitenaufrufe: 1908 
    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.
    von Sunny1245 Veröffentlicht: 22.07.11 14:14
    Seitenaufrufe: 2162 
    In meinem ersten Tutorial geht es darum, mehrere Inputfelder zu generieren und diese in einer MySQL- Datenbank zu speichern.

    Zuerst wird ein Formular definiert in dem der Benutzer festlegen kann wieviele Input Felder er befüllen möchte.
    von zer0 Veröffentlicht: 26.06.11 12:33
    Seitenaufrufe: 3962 
    content/attachments/57443-index.png.html

    Jeder Mac OS X Benutzer kennt es, die schönen Eingabefelder im “Finder”, dem pendant zum Windows Explorer. Abgerundete Ecken, und sobald man eine Eingabe macht erscheint aus dem Nichts ein graues Icon mit einem Kreuz. Wenn man es drückt wird das Eingabefeld wieder geleert. Richtig praktisch!
    von m0dpad Veröffentlicht: 11.04.11 00:02
    Seitenaufrufe: 3799 

    In diesem Video-Tutorial geht es um den HTML5-Bestandteil Canvas. Mit dem Canvas-Element wird das dynamische Rendern von Bitmap-Grafiken gestattet. Bereits alle wichtigen modernen Browser unterstützen das Canvas-Element nativ, d.h. ohne Plugin. Das Video zeigt, wie man mit Hilfe von Canvas ein simples Online-Zeichentool erstellen kann.
    von hela Veröffentlicht: 27.01.11 20:15
    Seitenaufrufe: 3553 
    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.
    von Quaese Veröffentlicht: 21.12.10 00:01
    Seitenaufrufe: 3772 
    Ein besonderes Leckerli gibts heute für den modernen Webentwickler...


    Blur für canvas

    <canvas> ist ein HTML-Element, das ursprünglich von Apple für das Mac OS X Dashboard eingeführt wurde. Später wurde es für den Safari-Browser implementiert. Mittlerweile wurde das Element durch die Arbeitsgruppe WHATWG und das W3C in Spezifikationen zu HTML5 aufgenommen.

    Leider enthält <canvas> keine Methode zum Blurren. Soll die Funktionalität hinzugefügt werden, muss hierfür eine eigene Routine implementiert werden. Eine Möglichkeit wird hier vorgestellt.

    Mehr Informationen rund um das <canvas>-Element gibt es hier.

    Im Anhang findet sich das Script in gezippter Form. Um es fehlerfrei ausführen zu können, muss es von einem Webserver aus aufgerufen werden.

    Ciao
    Quaese
    von super-nova Veröffentlicht: 20.10.10 07:37
    Seitenaufrufe: 5059 
    In diesem kleinen Video Tutorial möchte ich zeigen, wie man nur mit CSS ein zugegeben sehr einfaches Pulldownmenü realisieren kann. Dabei wird kein JavaScript oder sonstiges benötigt, sondern einfach nur HTML und CSS.
    Als Editor für das CSS verwende ich, wie schon in anderen Videos vorgestellt, den WYSIWYG-CSS-Editor Kompozer.

    von super-nova Veröffentlicht: 05.10.10 16:25
    Seitenaufrufe: 2876 
    In diesem kleinen Video möchte ich zeigen, wie man per CSS einen Bildwechsel realisieren kann.
    Bei Bildwechsel denkt man ja immer sofort an JavaScript, aber das ist auch ganz einfach in CSS möglich.

    Für alle, die graphische Entwicklungsumgebungen schätzen, habe ich diesen CSS Bildwechsler mit dem WYSIWYG-CSS-Editor Kompozer erstellt, der zumindest für kleine Projekte ganz passable Ergebnisse liefert.
    Aber schaut selbst

    von tutorials.de Veröffentlicht: 23.09.10 16:30
    Seitenaufrufe: 894 
    Dieser 53 Minuten lange Webcast stellt den Internet Explorer 9 in der "Platform Preview 4" vor. Dabei handelt es sich um eine Vorversion für Entwickler, mit der Microsoft frühzeitig einen Einblick in die Evolution seiner Webplattform gibt. In seinem Vortrag geht Dariusz Parys speziell auf die Neuerungen in den Bereichen Performance, HTML 5 und Grafik ein, die er anhand zahlreicher Demos erklärt.

    von Mace91 Veröffentlicht: 15.02.08 20:55
    Seitenaufrufe: 1590 
    Hallo,

    Der ein oder andere wird sich bereits das Tutorial zur Erstellung eines Webdesigns angesehen haben, welches man bereits in der Videotutorialsecke betrachten kann.

    In diesem Tutorial zeige ich nun, wie man aus dem dort erstellten Design, oder einem anderen beliebigen 3-Teiligen Design eine HTML-Seite in Tabellenform erstellt.

    Dabei wird eine kleine Homepage mit 3 Seiten und Menü angelegt. Ausserdem zeige ich, wie man eine CSS anlegt, in der für die ganze Homepage gültige Formatierungen vorgenommen werden.

    Vom planen über das Erstellen in Dreamweaver bis zum Klick auf den "rendern" Button nach der Nachbearbeitung des Videos sind etwas über 4 Stunden vergangen.

    Spieldauer: 10min 44s
    Format: DivX ; 1440x840 ; 25fps ; 600kbps ; mono 24kbps

    Viel Spaß beim mit- und nachmachen.

    Gruß, Mace.
    von FipsTheThief Veröffentlicht: 10.06.07 22:06   
    Seitenaufrufe: 2271 
    content/attachments/54097-screens.jpg.html __________________________________________________________

    Jeder kennt dieses Problem mit dem Fileupload das man immer eine begrenzte Anzahl von Datein hochladen kann oder der User vorher einstellen muss wie viele Datein hochgeladen werden sollen.

    Mir ging es nun darum einen Fileupload Manager zu simulieren mit dem man neue Datein hinzufügen kann oder löschen kann.

    Das ganze ist User Freundlich aufgebaut , so das man immer wieder neue Datein hinzufügen oder bereits "hochgeladene" Datein wieder entfernen kann.
    von Sven Mintel Veröffentlicht: 15.07.04 00:23   
    Seitenaufrufe: 1230 
    Zoomen im Internet Explorer

    Halbwegs moderne Browser besitzen eine Funktion zum Ändern der Schriftgrösse.
    Dies ist recht nützlich für den Anwender, wenn er bspw. ein eingeschränktes Sehvermögen hat.


    Eine solche Funktionalität besitzt auch der Internet Explorer, allerdings hat diese dort einen prägnanten Nachteil, der sie nahezu unwirksam macht:
    Diese Grössenänderung funktioniert nämlich nur bei Seitenelementen, denen nicht per CSS eine fixe Schriftgrösse zugewiesen wurde.... und dies ist immer seltener der Fall!

    Dieses Manko lässt sich ab Version 5.5 nicht nur beheben, sondern sogar gegenüber anderen Browsern weitaus vorteilhafter durch eine eigene Funktion ersetzen.
    von Sven Mintel Veröffentlicht: 13.07.04 23:17   
    Seitenaufrufe: 1100 
    Bei der Benutzung von Formularen spart es dem Anwender Zeit, wenn dessen Eingaben bereits vor dem Senden geprüft werden.

    Je nach Umfang des Formulars kann diese Prüfung recht unübersichtlich und schwer "verwaltbar" werden.


    Mein Ansatz soll dies verhindern, indem die Prüfkriterien in Arrays gespeichert werden....sie sind damit modifizierbar, ohne in die prüfenden Skripte einzugreifen.
    von Martin Schaefer Veröffentlicht: 19.12.02 23:58
    Seitenaufrufe: 1329 
    An dieser Stelle mal ein wirklich guter Tipp betr. Links zu PDF-Dateien in HTML-Seiten.

    Einfacher Link nach
    von Christoph Veröffentlicht: 09.10.02 00:43   
    Seitenaufrufe: 881 
    von Matthias Reitinger Veröffentlicht: 04.10.02 00:45   
    Seitenaufrufe: 1498 
    0. Vorwort

    vielleicht habt ihr es ja schon mal z.B. im vBulletin 3 gesehen: Scheinbar normale Standard-Textareas, deren Inhalt sich beim Betätigen bestimmter Buttons plötzlich frei in Schriftart, -größe, -farbe, -hervorhebung etc. formatieren lassen. Wenn ihr euch dabei gedacht habt: "Geil, sowas brauch ich auch!", dann seid ihr hier richtig
    von Veröffentlicht: 19.09.01 23:54   
    Seitenaufrufe: 757 
    Um User je nach ihrem Browser auf eine bestimme Datei/Dir umzuleiten packt einfach folgendes JavaScript in den Head Abschnitt (das ist der Bereich der Datei der zwischen <HEAD> und </HEAD> zu finden ist)
    von Veröffentlicht: 19.09.01 22:51   
    Seitenaufrufe: 592 
    Um User umzuleiten in Abhängigkeit von ihrer Bildschirm auflösung einfach in die Datei von der aus umgeleitet werden soll