Archiv für Kategorie CSS
Little School Helper – Zeugnis schreiben leicht gemacht
Verfasst von dreiling unter CSS, Entwicklung, PHP am 6. Juni 2010
Sodale,
nach ca 1 Jahr Freizeitentwicklung, vielen Pausen, einem kompletten Neustart aufgrund fehlender Planung und der Weitsicht im Datenbankdesign, möchte ich nun den “Little School Helper” vorstellen.
Die Idee entstand durch meine Mutter: Zuzuschauen wie die heutigen Grundschullehrer Zeugnisse schreiben macht jeden Informatiker traurig. Das werden Wordtemplates auf USB Sticks ausgetauscht um sich im schlimmsten Fall gegenseitig das Geschriebene zu überschreiben oder im Klassensaal zu vergessen.
Es musste also ein System her was zentralisiert die Zeugnisse speichert und jedem, auch den gleichzeitigen Zugriff auf ein Zeugnis, von Zuhause aus ermöglicht. Da kam die Idee: ich will das Zeugnisschreiben für Grundschullehrer vereinfachen! Das Ziel war also gesteckt, nix großes, doch das Vorgenommene gut zu machen war der Anspruch an mich selbst.
Nach einer Version mit der Grundfunktionalität war ich dann 2 Tage bei einem guten Freund (Link) im Büro um das Design auch entsprechend ansprechend zu bauen. Unschönerweise muss ich mich da die Tage noch mit den ganzen CSS Hacks auseinandersetzen, da der IE zT einfach nicht im Kontext bleibt und ganz andere Parents / Childs anspricht als mein Freund der Firefox… steht also noch auf der TODO Liste.
Inzwischen wurde der Little School Helper einem kleineren Kreis an Lehrern und Direktoren vorgestellt und noch einige Wünsche / Änderungen realisiert und stelle Ihn nun hier vor um vieleicht noch mehr Feedback von Fachfremden, aber technisch versierterem Publikum zu bekommen.
Die Featureliste ist inzwischen auch um einiges angewachsen, über Statistiken, automatisierte Schuljahreswechsel, eine komplette Rechteverwaltung der Kollegen, bis hin zu PDF Generierung von echten Zeugnis Templates (bisher nur für RLP). Eine Doku ist noch nicht fertig, deshalb ists am einfachsten sich das ganze mal selber anzuschauen:
Eine Testversion gibts hier, mit Benutzername: admin und Passwort: test kann man sich anmelden und die komplette Funktionalität testen.
Übrigens: ich suche zur Zeit eine Grundschule die sich den Little School Helper mal genauer anschauen, und vieleicht sogar im produktiven Zeugnisschreiben benutzen/testen möchte. Wer also selbst als lehrendes Organ tätig ist oder jemanden kennt für den es von Interesse sein könnte: meldet euch bitte unter littleschoolhelper@drailing.net
Wie immer, über Feedback egal welcher Form freue ich mich sehr 
Grüße,
Christian
EWA Tools (Entwicklung Webbasierter Anwendungen)
Verfasst von dreiling unter CSS, PHP, Studium (done) am 27. Oktober 2009
Guten Morgen!
Da EWA ja langsam mit der eigentlichen Entwicklung beginnt, dachte ich mir dass es vielleicht sinnvoll ist mal die gängigsten Tools zusammenzufassen:
- Aptana: Link
sehr komfortabler Editor auf Eclipsebasis
- XAMPP: Link
eine Distribution aus Apache Webserver, PHP und MySQL – sehr einfach zu installieren und super praktisch zum lokalen Entwickeln.
Firefox Plugins:
– Firebug: Link
einfach DAS Werkzeug ohne das wohl kein Webentwickler mehr leben möchte. Ermöglicht das genaue Analysieren und Debuggen von HTML, CSS und Javascript.
- IE Tab: Link
erlaubt das Darstellen der Seite in der Internet Explorer Engine in einem eigenen Firefox Tab.
- HTML Validator: Link
prüft jede Webseite auf Standardkonformität und zeigt dabei Warnings und Fehler an.
- Dust-Me Selectors: Link
scannt das CSS (auf Wunsch automatisch) und erstellt eine Liste mit genutzen und ungenutzen CSS Klassen
Internet Explorer:
IE Developer Toolbar: Link
ähnlich wie Firebug für Internet Explorer, leider bei weitem nicht so komfortabel.
Und zum Schluss noch ein Link zum “Werkzeugkoffer für Webentwickler” – eine sehr umfangreiche und gut sortierte Linksammlung in der man immer mal wieder was nützliches neues finden kann.
(gefunden bei Webthreads )
Ich glaube für den Moment habe ich nix vergessen, vielleicht hilfts ja dem ein oder anderen etwas weiter 
Grüße,
Christian
animierte CSS Menüs!
Was wäre die Webwelt ohne CSS, wahrscheinlich wäre diese Webseite auf dem Holzweg und vieleicht noch überflüssiger als jetzt schon… immerhin die Kommentare im Quellcode lohnen sich anzuschauen 
Zurück zum Thema: da inzwischen ganz normale Webseiten besser animiert sind, als Hollywood Produktionen von vor 5 Jahren, und Werkzeuge wie Java, Ajax oder Flash in jeden Browser Einzug gefunden haben, wurde wohl die ganze Mächtigkeit der Style Sheets nie richtig erkannt. (oder nur von mir ignoriert??)
Für mich komplett neue Tips und Tricks hatte da Ralph G. Schulz auf seiner Webseite zu bieten, auf der mit Beispielen erklärt wird wie man mit purem CSS richtig hübsche und animierte Menüs erstellen kann.
Hier der Link direkt zu den Menüs : viel Spass beim Testen und Fluchen über den “stupid IE”
edit:
hier noch eine kleine Erklärung zur Funktion (am ersten Beispiel):
Im HTML Code werden alle Menüs mit in der CSS Klasse “.aussen” definiert. Im Style Sheet wird am Ende nur mit der Pseudoklasse :hover gearbeitet, d.h. in der Klasse .aussen wird mit “overflow: hidden” alles ausserhalb der definierten Höhe ausgeblendet. Sobald der Mouseovereffekt registriert wird, wird die Klasse “.aussen:hover” aktiv und ändert die ursprünglich festgeschriebene Höhe auf “auto”, also wird auch das im HTML definierte Menü angezeigt.
Grüße,
Christian
Letzte Kommentare