22. September 2009
Auch dieses Mal waren die Teilnehmerinnen der Dreamweaver Schulung bei der Fa. Calibrate in Linz äußerst fleissig und motiviert! Beide brachten schon Internet-Erfahrung mit, weshalb wir mit den Kernthemen HTML und CSS zügig vorankamen und am Ende sogar Javascript-Ansätze durchnehmen konnten.
Zusätzlich zu den üblichen HTML und CSS Übungen befinden sich folglich auch Beispiele zu den Themen Spry, Formularüberprüfung und Javascript-Lightbox im Download-Paket.
Außerdem liegt noch ein kurzes Beispiel einer relativ positionierten Flash-Animation mit einem absolut darüber positioniertem Text bei (Achtung: Funktioniert nur, wenn bei den Flash-Parametern “wmode=transparent” gesetzt wird (siehe HTML-Datei).
Download: Schulungsbeispiele vom 21. und 22. September
Eine Linksammlung zum Thema Dreamweaver findet ihr hier.
Tags: Calibrate, CSS, Dreamweaver CS4, HTML, Lightbox, Schulungen
Abgelegt unter Dreamweaver, HTML/CSS, Javascript | Keine Kommentare »
26. Juni 2009
Aller Anfang ist schwer – aber nicht für die Mädels von der letzten Dreamweaver CS4 Schulung! Ich bin mir sicher, dass sie die Umstellung von Golive auf Dreamweaver spielend schaffen! Ich wünsche auf jeden Fall viel Erfolg – hat Spaß gemacht mit euch zu arbeiten!
Zur Unterstützung gibt es trotzdem noch ein paar Ressourcen von meiner Seite:
Die Übungen
Alle Beispiele aus der Schulung nochmals bereinigt, erweitert und mit einer CSS-only Version des Miniprojektes gibt es zum Download:
Weiterführende Links zu diesem Thema
Abgelegt unter Allgemein, Dreamweaver, HTML/CSS | Keine Kommentare »
25. Juni 2009
Web-Layouts sind halt so eine Sache… Der eine mags gerne links, der andere nutzt lieber gleich ganzen Bildschirm aus. Und wieder andere sehen ihr Layout am liebsten zentriert im Browserfenster – und das nicht nur horizontal sondern manchmal auch vertikal.
Während sich die horizontale Zentrierung eines div-Containers ganz simpel mit CSS über “margin:auto” lösen lässt, ist die Sache mit der vertikalen Zentrierung mangels Möglichkeiten in CSS etwas schwieriger. Im Netz kursieren diverse Lösungsansätze für dieses Problem, die meiner Meinung nach aber zumindest eines dieser zwei Grundprobleme haben:
- sie sind zu kompliziert
- sie nicht mit allen Browsern kompatibel
Man möge mich dafür teeren und federn aber ich halte den Weg der Zentrierung über Javascript für besser als das “Herumgewurschtel” in unnötig komplizierten div-Verschachtelungen – vor allem für CSS-Anfänger! Aus diesem Grund habe ich ein kleines Skript zur Zentrierung für das beliebte JQuery Framework gebastelt, mit dem das alles viel einfacher geht!
Und so funktioniert’s:
1. JQuery und Zentrierskript einbinden (innerhalb des <head> Bereiches):
<script language="javascript" src="jquery-1.3.2.min.js"></script>
<script language="javascript" src="jquery.centercontainer.js"></script>
2. Container erstellen
<body>
<div id="container">
Containerinhalt...
<div>
</body>
3. CSS Höhe und Breite definieren (nicht zwingend)
#container {
width:400px;
height:300px;
}
Fertig! Keine weiteren Anpassungen des Quelltextes sind nötig. Sollte der Container eine andere ID oder Klasse als die voreingestellte haben, kann das ganz einfach in der Datei jquery.centercontainer.js eingetragen werden.
Weiterführende Links (alle englisch):
Vertikal zentrieren mit CSS:
Vertikal zentrieren mit Javascript:
Tags: CSS, JQuery, vertikal zentrieren
Abgelegt unter HTML/CSS, JQuery, Javascript | Keine Kommentare »
16. Juni 2009
Große PHP Projekte verwenden meist eine ganze Armada an PHP Klassen. Diese werden meist alle mittels “include” oder “require” in das PHP Skript geladen – auch wenn nur ein Bruchteil der geladenen Klassen überhaupt verwendet wird. Effizienter wäre es, wenn immer nur jene Klassen geladen werden, die man gerade benötigt. Genau das macht die Funktion “__autoload()” ab PHP Version 5.
Wie funktioniert das?
1) Speichern Sie Ihre PHP Klassen im Format “name_der_klasse.class.php” ab und legen Sie diese in einen gemeinsamen Ordner, beispielsweiste “incs/class”.
2) Verwenden Sie statt:
include "incs/class/klasse_a.class.php";
include "incs/class/klasse_b.class.php";
include "incs/class/klasse_c.class.php";
...
die Autoload Funktion:
function __autoload($class_name) {
require_once "incs/class/".$class_name.".class.php";
}
Warum?
- Ähnlich wie bei der Java Programmierung werden Klassen-Dateien automatisch geladen.
- Sie erreichen bei größeren Projekten bessere Performance.
Tags: PHP
Abgelegt unter PHP | Keine Kommentare »
17. April 2009
Adobe Flash ist heute aus der Welt der Webentwicklung nicht mehr wegzudenken. Die aktuelle Flash Version der Adobe Creative Suite bietet wieder einmal eine völlig überarbeitete Oberfläche und bringt eine Vielzahl an neuen Features mit sich:
Das neue Tween-Konzept:
Als äußerst mächtiges Werkzeug stellt sich der neue Bewegungseditor heraus, der eine flexiblere Konfiguration und Handhabung von Tweens erlaubt. Statt der einfachen Beschleunigung am Anfang oder am Ende eines Tweens können jetzt verschiedene Beschleunigungsarten stattfinden, wie etwa Hereinspringen oder wellenartiges Beschleunigen. Die Beschleunigung wird im Bewegungseditor in Form von Sinuskurven angezeigt, die natürlich auch editiert werden können.
Weitere Highlights:
Fortgeschrittene Entwickler und Flash Profis freuen sich zudem über die neuen 3D Funktionen und das Bone-Werzeug, mit dem sich Movieclips nun verketten lassen. Dank einer weiteren Neuerung können interaktive Animationen jetzt auch für Adobe Air bereitgestellt werden.
Mein ganz persönlicher Favorit in Flash CS4 ist aber die neue Oberfläche, mit der man jetzt endlich vernünftig auf mehreren Bildschirmen arbeiten kann.
Für alle, die gerne einen Blick auf das neue Flash werfen möchten: Hier gibt es die Beispiele der Flash Schulung vom April 2009, die wir im Auftrag der Firma Calibrate Workflow Consulting in Linz gehalten haben, zum Download:
Tags: Flash CS4, Schulungen
Abgelegt unter Flash | Keine Kommentare »
16. April 2009
Lange Zeit wurden sie übersehen oder gar als unbedeutend abgetan, die kleinen Symbole mit dem zungenbrecherischen Namen ”Favicon” ( “favorite icon” ). Heutzutage gelten sie nicht mehr als verspielter Schnick-Schnack, sondern als effektives Hilfsmittel, um einer Website zusätzliche Beachtung zu verleihen.
Egal ob eine Seite als Favorit gespeichert wird oder im Browser-Verlauf aufscheint, durch die Wahl eines aussagekräftigen Favicons sticht die entsprechende URL sofort ins Auge – und das nicht nur auf dem PC, sondern auch auf iPhone, Blackberry und Co.
Das Beste daran: Favicons lassen sich dank html-kit.com unkompliziert und schnell erstellen. Einfach die gewünschte Grafik als gif, jpeg oder png hochladen, schon wird das fertige Favicon inklusive Einbauanleitung als Download bereit gestellt.
Link: www.html-kit.com/favicon
Tags: Favicon, Icon
Abgelegt unter Allgemein | Keine Kommentare »
23. März 2009
Welcher Grafiker und Web-Entwickler hat sich in Anbetracht seiner hohen Bildschirmauflösung nicht schon einmal gefragt, wie groß 1024×768 Pixel eigentlich genau sind? Zwar bekommt man mit der Zeit ein Gespür dafür, wie sich die eigene Auflösung im Vergleich zu kleineren Darstellungen verhält, wer jedoch auf Nummer Sicher gehen möchte findet unter setmy.browsersize.com die Möglichkeit, sein Browserfenster automatisch auf die gängigen Fenstergrößen anpassen zu lassen.
Setmy.browsersize.com – ein praktisches Tool für alle, die auch auf kleinere Auflösungen Rücksicht nehmen wollen.
Tags: 1024x768, Auflösung, Browsergröße, Fenstergröße
Abgelegt unter Allgemein, HTML/CSS | Keine Kommentare »
14. März 2009
Einen fröhlichen Start in die Woche beschert uns seit einiger Zeit das StockPhoto-Archiv photocase. Zum Wochenbeginn erhalten registrierte Benutzer zwei Download-Credits gratis – einfach einloggen und schon werden die zusätzlichen Punkte auf das eigene Konto gutgeschrieben.
Der Vorteil: Schon mit zwei Credits lassen sich Bilder in webtauglicher Auflösung herunterladen und vielseitig einsetzen. Nur ein kleiner Wermutstropfen bleibt bestehen: Sammeln kann man die Gratispunkte nicht. Werden die Credits nicht binnen einer Woche eingelöst, werden sie wieder vom Benutzerkonto gelöscht.
Tags: Credits, photocase, Stock Photos
Abgelegt unter Grafik | Keine Kommentare »
14. März 2009
Jeder Webentwickler am Mac kennt mit Sicherheit die praktischen Entropy PHP Installer von Marc Liyanage. Leider hatte er bis dato noch keine Zeit, diese auch für Mac OS X 10.5 Leopard bereit zu stellen. Es ist zwar eine kompilierte Beta Version von PHP 5.2.5 im Umlauf, diese ist aber speziell für PHP Anfänger ohne Terminal-Kenntnisse recht schwer zu installieren.
Die Lösung:
Es gibt dennoch gute Neuigkeiten für alle Terminal-Muffel und PHP-Anfänger. Wir haben die Wartezeit auf Marcs neues und geniales PHP-Modul verkürzt und aus seiner aktuellen Entropy PHP 5.2.5 Beta 6 einen Installer gebastelt.
Dieser steht ab sofort kostenlos bei uns zum Download bereit:
Entropy PHP 5.2.5 Beta 6 Installer
Vielen Dank an Marc Liyanage, dass wir die Entropy Beta zu diesem Zweck verwenden durften.
Für 10.4 User empfehlen wir weiterhin die Packages von Entropy:
http://www.entropy.ch/software/macosx/
Tags: Leopard, Mac OSX 10.5, PHP, Tag hinzufügen
Abgelegt unter Mac OSX, PHP | Keine Kommentare »
13. März 2009
Zugegeben, Spotlight ist eine äußerst praktische Erfindung. Wer von Linux kommt, wird womöglich trotzdem das locate-Kommando im Terminal bevorzugen. Dieses ist zwar in Mac OSX 10.5 vorhanden, die dazu nötige Datenbank wird aber meistens erst nach einigen Tagen oder Wochen erstellt. Mit folgendem Kommando starten Sie ein Update der locate Datenbank und müssen nicht länger warten:
sudo /usr/libexec/locate.updatedb
Tags: locate, Mac OSX 10.5, Terminal
Abgelegt unter Mac OSX, Terminal | Keine Kommentare »
