Schönere Sitemaps mit Slickmap
Eigentlich wollte ich ja keine reinen Links mehr posten, aber dieser hier ist so schön, dass er doch noch einen eigenen Beitrag bekommt, bevor er in meine Linksammlung wandert.
Slickmap ist ein Tool. mit welchem man aus einer unorderd list eine sitemap generieren kann:
Download und Demo hier : http://astuteo.com/slickmap/
html5, Landmarks und Barrierefreie Webseiten
Aria Landmarks können eingestzt werden um Blinden die Orientierung auf einer Webseite zu erleichtern und das Web semantischer zu machen. Auf vorsprungdurchwebstandards.de werden 7 Gründe genannt, die für den Einsatz von Landmarks sprechen.
weiter lesen und mitreden ...Mehrere Spalten, die immer in eine Reihe passen
Aktuell bekam ich ein Layout zur Überarbeitung, in welchem die li einer Liste als Spalten fungierten. Problematik ist bei solchen Layouts, dass die Spalten sich meist nur bei einer Auflösung formschön in das Layout einpassen. Ist das Rahmenlayout fluid angelegt, werden bei kleineren Auflösungen weniger Spalten angezeigt, bei größeren mehr. Meist passt aber dann die Anzahl nicht mehr genau in den dafür vorgesehen Bereich und es entstehen unschöne Leerräume. Eine Problemlösung kann mit jQuery erreicht werden.
weiter lesen und mitreden ...Semantische ID zum Auszeichnen von Containern
Im Sinne eines semantischen Webs ist es, wenn man die Namen für IDs und Klassen nach Ihrer Bedeutung wählt. Bezeichnungen wie header, sidebar, footer sind demnach nicht korrekt, weil hier die Bezeichnung layout- und nicht inhaltsbezogen ist. Kann man jedoch Semantik konsequent umsetzen?
weiter lesen und mitreden ...81.8% im ersten Anlauf
Ich weiß nicht wie lange es Qualidator schon gibt, ich jedenfalls habe ihn erst heute entdeckt und mal spaßeshalber meine jukemedia.de testen lassen.
81.8% im ersten Anlauf ist ja mal kein schlechtes Ergebnis. Ja, ja mit der SEO steh ich da auf Kriegsfuß – ich weiß was ich tun müsste, aber SEO ist nunmal nicht meine [...]
Garage öffne dich – Horizontales Menü mit Rolladen Effekt
Vor ca. einem halben oder dreiviertel Jahr erinnere ich mich an einen Anruf eines an einer Webseite Interessierten. Um was genau es gehen sollte wollt er mir nicht so recht verraten bzw. hat schmunzelnd immer ein bisschen um den heißen Brei herumgeredet. Wichtig war ihm jedoch, dass er auf seiner Webseite Schaufenster haben wollte und [...]
weiter lesen und mitreden ...Webseiten validieren
Die Webdeveloper-Toolbar für Firefox ist eines meiner meistbenutzen Tools und eines auf welches ich nicht mehr verzichten möchte. Von hier aus kann man jede Webseite bequem validieren und sich anschauen, welche Fehler behoben werden müssen.
Bei Webseiten jedoch, die über ein Skript dynamisch erzeugt werden, kann es mitunter schwierig werden die Stelle im Programmcode ausfindig zu [...]
CSS Signaturen
Fügt man einer Webseite eine CSS-Signatur hinzu, können User über die individuelle Formatierung ihres User-Stylesheets des Browsers das Aussehen einer Webseite nach ihren eigenen Wünschen verändern.
Wie es gemacht wird beschreibt:
Manuel Bieh
http://www.manuel-bieh.de/blog//css-signaturenÂ
Eric Meyer
http://archivist.incutio.com/viewlist/css-discuss/13291Â
Webseiten in alten Versionen des Internet Exploreres testen
Jeder, der Webseiten entwickelt wird sich schon einmal die Haare gerauft oder Schlimmeres getan haben, wenn er sein Werk z.B. über Browsershots.org auf das Aussehen in den verschiedenen Browsern getestet hat. Webdesign könnte so schön, so erfüllend und so einfach sein – wenn, ja wenn es nicht die alten Versionen des Internet Explorers geben würde [...]
weiter lesen und mitreden ...Widescreens und flexible Breiten von Webdesign Layouts
Bei mir hat nun auch endlich ein neuer Monitor Einzug gehalten. Der Röhrentrümmer ist weg, vor mir steht ein schnuckliger Asus Flatscreen - und man gewöhnt sich doch sehr schnell und sehr gerne an das gefällige Format. Das Arbeiten mit dem html Editor und mit dem Grafikprogramm ist nun sehr viel komfortabler als vorher. Ich [...]
weiter lesen und mitreden ...Blättern Menü mit CSS (Pagination)
Beim smashing Magazine fand ich einen interessanten Beitrag über die Gestaltung von Navigationsmenüs zum Weiterblättern von Seiten. Gerade in shops, aber auch in Wordpress und anderen Skripten in denen es zu einem Thema mehrere Seiten gibt, kommt ein solches Menüs zum Einsatz.
Lesenswert auch ein schöner Beitrag von Webdesigner Antonio Lupetti: perfect-pagination-style-using-css
Wer es lieber auf Deutsch [...]
CSS Browserreset
In den meisten meiner Webseiten, insbesondere in den jüngeren, wird man am Anfang der .css Datei Eric Meyer’s Browserreset finden. Irgendwann hatte ich es mal ausprobiert und für gut befunden. Durch den Browserreset werden alle herstellerspezifischen Einstellungen auf 0 zurückgesetzt. Das heißt: Listen li beginnen links und haben keine List-style-types, Rahmen verschwinden und alles was [...]
weiter lesen und mitreden ...Tipps von den best Webdesignern
Ist schon was älter der Eintrag, aber ich hatte ihn noch nicht gelesen. Im August 2007 stellte das SmashingMagazine den 35 besten Webdesignern jeweils 5 gleiche Fragen. Recht interssante Antworten. Mitterweile sicherlich alles mehr oder weniger bekannt, aber in der Zusammenfassung wird einem doch noch das eine oder andere klarer oder die Wichtigkeit bewusster. [...]
weiter lesen und mitreden ...Was ist CSS?
CSS heißt übersetzt Cascading Stylesheets. Es ist eine Methode das Aussehen einer Webesite in einer (oder mehreren) Datei(en) zusammenzufassen. Dadurch wird der Quelltext von überflüssigem Markup entlastet.
Es gibt im Netz zahlreiche Referenzen über die Funktionsweise von CSS.
Auf Sitepoint ist nun eine neue Abhandlung veröffentlicht worden.
http://reference.sitepoint.com/cssÂ
Das Runde in das Eckige – Rounded Corners mit CSS
Der Retro-Style im Webdesign ist ja immer noch in. Bei solchen Designs sind ausgerundete Ecken häufig zu sehen. Wobei ich mich gerade frage, ob runde Ecken neben den Schatten eigentlich auch in die Kategorie “webzwonullig” fallen. Hm. Wie dem auch sei. Ich mag es ja lieber überwiegend eckig und zackig (typisch 80er Jahre Kind) [...]
weiter lesen und mitreden ...











