Nov 19

Aller Anfang ist schwer. Um HTML und CSS zu erlernen kann man entweder Kurse besuchen oder sich selbst durchbeißen. Das Selbststudium ist heute allerdings nicht mehr so schwierig wie früher. Wo man vor ein paar Jahren nur selfhtml (womit auch ich angefangen habe) als online Quelle zur Verfügung hatte, ist die Auswahl heute um ein Vielfaches größer. So ist heute die schwierigste Aufgabe die Spreu vom Weizen zu trennen.

little boxes 1

Neben selfhtml, das ich weiterhin uneingeschränkt empfehlen kann, ist jetzt mit Little Boxes Teil 1 ein weiterer Buch Bestseller online. Unter littleboxes.de steht die aktuelle Auflage des Buches von Peter M. Müller bereit.
Erklärt werden neben den HTML und CSS Grundlagen auch fortgeschrittene CSS Gestaltungs Techniken, wie Positionierung und mehrspaltige Layouts. So können auch Quereinsteiger und Fortgeschrittene ihr Wissen erweitern, zumal alle Beispieldateien zum Download bereitgestellt wurden. Ein eigenes Kapitel für nützliche Tools rundet das Buch ab.

Dass das Bereitstellen von Büchern im Internet und der Verkauf der Printausgabe auch parallel funktioniert, zeigt spätestens die Open Book Initiative des Galileo Verlages.

Wem also das online Angebot von Little Boxes gefällt, sollte sich auch das Buch unters Kopfkissen legen. :-)

Ähnliche Artikel:

geschrieben von gklinkmann \\ tags: , , , ,

Oct 03

Über die Woche verteilt, gibt es immer wieder interessante Artikel im Netz für mich, die mir ein Lesezeichen bei delicious.com wert sind. Einige sind der Anstoß für einen Beitrag in meinem eigenen Blog, die meisten aber gesammeltes Wissen (wir alle sind Jäger und Sammler), das zum Abruf bereit steht.

Diese Woche haben es folgende Artikel in meine Linkliste geschafft:

Quellensammlung: Die besten CSS- und Design-Galerien
Ein gutes Layout ist ebenso wichtig, wie die Technik dahinter. Hier sind ein paar Beispiele.
ImageFlow von Finn Rudolph
Eine sehr schöne Umsetzung des Apple Cover Flow fürs Web.
10 Useful Usability Findings and Guidelines
Das Smashing Magazine hat ein paar Ergebnisse seiner Studie zur Usability von Websites herausgegeben – sehr interessant.
Stylish Charts Using CSS jQuery and PHP
Bisher habe ich Diagramme immer als Bild on the fly erstellt. Die Lösung mit PHP und jquery ist aber auch ein interessanter Ansatz.
Browser mit PHP fernsteuern
Nils Langner vom phphatesme Blog erklärt, wie man mit selenium und PHP den Browser fernsteuern kann. Automatisierte Funktionstests stehen schon sehr lange auf der Themenliste für meinen Blog. Es wird Zeit für einen Beitrag.
Grails 1.2: Spring 3, Uri Rewriting und mehr
Sehr guter Artikel zum kommenden Grails 1.2 Release.

Ähnliche Artikel:

geschrieben von gklinkmann \\ tags: , , , , , ,

Mar 01

Bei gutem Webdesign trennt man die Daten vom Layout. Das Layout wird dabei über Cascading Style Sheets (CSS) angepasst. Um Elemente oder Bereiche einer HTML Seite ansprechen zu können nutzt man CSS Selektoren. Doch wie ist der schnellste Weg zu einem HTML Element?

Diese Frage zu beantworten hilft das freie Tool SelectorGadget, das momentan für Safari und Firefox verfügbar ist.
Zur Installation zieht man den Link auf der SelectorGadget Homepage in die Favoritenleiste. Danach markiert man den Bereich in der HTML Seite, dessen Layout man mit CSS anpassen möchte und erhält den dazu passenden CSS Selector.

selectorgadget in Aktion

Das klappt so gut, dass SelectorGadget einen Platz bei meinen online Helfern sicher hat.

via: golem

Ähnliche Artikel:

geschrieben von gklinkmann \\ tags: , ,

Dec 10

Jeder Entwickler, der eine tolle Webapplikation gesehen hat, fragt sich, welche Frameworks dabei eingesetzt wurden. Diese Frage beantwortet recht gut der neue Internet Dienst builtwith. Nach Eingabe der URL werden einem zu den Punkten:

  • Analytics and Tracking
  • Javascript Libraries
  • Widgets
  • Blog Publishing
  • Frameworks
  • Aggregation Functionality und
  • Document Information

die verwendeten Komponenten und dazu auch gleich noch die Alternativen angezeigt. Und dass alles ohne eine Zeile Code zu sehen – Unglaublich.
Auf der Startseite werden zusätzlich die meist gesuchten Seiten und die Populärsten Technologien (momentan Apache, PHP und Google Analytics) angezeigt. BuiltWith selbst scheint mit ASP programmiert worden zu sein und macht ausreichend Gebrauch von Yahoo’s User Interface und Delivery Network.

BuildWith Report

Ähnliche Artikel:

geschrieben von gklinkmann \\ tags: , , , ,

Jul 18

YAML LogoEin Browser übergreifendes und flexibles Layout zu erstellen, ist bei der Standardkompatibilität heutiger Browser ziemlich schwierig. Das CSS Framework YAML, bietet dafür ein stabiles Grundgerüst, das auf Web Standards basiert und auch noch barrierearm ist. Es stellt aber ausdrücklich kein fertiges Layout zur Verfügung, sondern

“… ein flexibles, mehrspaltiges Basislayout mit allen wichtigen Standardelementen sowie funktionale Stylesheets die browserübergreifend korrekte Bildschirmdarstellung und verschiedene Ausgabemedien bieten.”

Dazu gibt es in der brandneuen Version 3.0 eine hervorragende Dokumentation und wem das noch nicht reicht kann sich mit dem Buch “CSS-Layouts Praxislösungen mit YAML” weiter in die Materie vertiefen.

Bleibt nur noch eines, YAML’s Regel Nr. 5: Viel Spaß mit YAML!.

YAML Verzeichnis StrukturCSS-Layouts Praxislösungen mit YAML
Quelle www.yaml.de

Ähnliche Artikel:

geschrieben von gklinkmann \\ tags: