Browse by Tags
All Tags »
CSS (
RSS)
Found a great list of 30 cheat sheets/Reference guides on webdesigner depot (Thanks to Günter Hagedorn for this tip!). 25-Point Website Usability Checklist Browser Compatibility Table Web Standards Checklist Search Engine Optimization Cheat Sheet Tweet Sheet 2 XHTML Cheat Sheet v1.03 CSS Cheat Sheet Blueprint Framework and Blueprint CSS Cheat Sheet Mixing Typefaces Common Fonts for all Versions of Windows, and Mac Equivalents Official Adobe Photoshop CS4 Reference Adobe Photoshop CS4 Keyboard Shortcuts Adobe Flash CS4 Keyboard Shortcuts ActionScript 2.0 to 3.0 Migration Cheat Sheet Adobe Dreamweaver CS4 Keyboard Shortcuts WordPress Help Sheet Advanced WordPress Help Sheet WordPress Theme Development Checklist JavaScript Cheat Sheet Regular Expressions...
Ach ja. Es gab damals noch so was wie HTML, CSS und JavaScript, aber das ist ja heutzutage blöd, schließlich gibt es heutzutage ja coole ASP.NET Controls ;-) Und noch ein Thema aus den Foren. :-) Was ist ASP.NET, bzw. – in diesem Fall viel Wichtiger – was macht ASP.NET? Die Antwort ergibt sich eigentlich schon aus der Frage: Was macht ein Webbrowser? Ein ASP.NET Entwickler sollte eigentlich die Antworten kennen, oder? O-Ton Peter Bucher : Nachlesen: ASP.NET Grundlagen Teil 1: Ein Blick hinter die Kulisse ASP.NET Grundlagen Teil 2: Tschüss Statuslosigkeit Warum wird dann aber versucht eine ASP.NET TextBox zu stylen? asp:TextBox { font-weight:bold; } Vielfach beobachte ich, dass einige ASP.NET Entwickler nicht wissen, was im Browser eigentlich...
Sodele… die 100 Blog-Einträge sind voll *g* Auf folgender Seite ist eine schöne Übersicht über mehrere CSS Selektoren zu finden: http://kimblim.dk/csstest/ Das interessante, neben der Übersicht der unterstützenden Browser, sind die Beispiel mit denen die Selektoren direkt nachvollzogen werden können. Und da wir gerade bei CSS sind: Ich habe zusätzlich auch www.backtoessentials.com eine Ultimative Liste mit CSS Tools gefunden. Unter den Tools sind nicht nur Font-Tester und CSS-Builder sondern auch eine Übersicht über CSS Frameworks wie YAML zu finden. Read More...
Wenn man vor hat z.B. ein Div mit schwarzer Hintergrundfarbe ein wenig transparent zu gestalten stößt man schnell auf die Probleme, dass nicht alle Browser diese Transparenz anzeigen können. Dafür muss man für jeden einzelnen Browser in dem CSS-Element die Transparenz definieren IE: filter:alpha(opacity=90); Mozilla: -moz-opacity: 0.90; Opera: opacity: 0.90; Read More...
Auf vielen Webauftritten sieht man des öfteren CSS-Navigationen die mehrfarbig sind, also jede Sparte ihre eigene Farbe hat. Solch eine Formatierung ist auch gut mit CSS zu erreichen, jedoch wartet der Internet Explorer 6 mit einer Falle auf, wenn mehrere CSS-Klassen in einem Element benutzt und per Selektor selektiert werden. Nützlich ist die mehrfache CSS-Klassen Zuweisung, wenn ein Element jeweils speziell formatiert werden möchte, die Standardformatierung jedoch als Grundlage verwendet werden möchte. Bei folgendem CSS-Selektor wirkt der Punkt und die zweite CSS-Klasse als AND-Verknüpfung: .nav1.active { /* Formatierung */ } In Deutsch: Wenn ein Element die Klasse "nav1" und "active" besitzt, greift die Rege. Mit dieser...
Das Webstandard-Blog veranstaltet bis zum 19.09.2008 ein kleines Gewinnspiel. Zu gewinnen gibt es das Buch Fortgeschrittene CSS-Techniken von Ingo Chao und Corina Rudel . Mehr zum Gewinnspiel und den Teilnahmebedingungen erfahrt Ihr hier . Read More...
Immer wieder wird die Frage gestellt, wie man ein mehrspaltiges Layout standardkonform mit CSS für moderne Browser erstellen kann. Ja, es gibt schon diverse Beispiele im Netz, aber ich möchte hier mal eine Variante vorstellen, die ich selber des öfteren Nutze. Inspiriert wurde ich für diese Variante vom Dirk Jesses YAML Framework und seinem Buch " CSS Layouts - Praxislösungen mit YAML 3.0 ". Diese Varianten nutzt ein bestimmtes verhalten des CSS Floatings aus. < div id ="main" > </ div id ="col1" > </ div id ="col2" > </ div id ="col3" > </ div > Es soll zum Beispiel ein Layout Layout mit drei Spalten erzeugt werden. Zwei schmale Spalten rechts und links und eine...
Viele kennen sicherlich das Problem bei der Benutzung von CSS, dass zwei Spalten nicht gleich hoch werden, bzw. sich die Spalte mit weniger Inhalt nicht an der höheren anpasst. Rein mit XHtml / CSS Mitteln ist es *nicht möglich das zu erreichen, da muss getrickst werden. Ein bzw. _der_ Trick ist als "Faux Columns" oder auf Deutsch "Unechte Spalten" bekannt. Ausgangslage ist bspw. folgendes Markup: CSS: #left { float: left; width: 200px; background-color: gray; } #right { margin-left: 200px; } XHTML: < div id ="left" > </ div > < div id ="right" > <!-- Viel Inhalt --> </ div > </ div style ="clear: left;" > Also simple zwei Spalten. Die graue Hintergrundfarbe...
Wie bspw. in Jürgens Posting " CSS: 100% Höhe bei DIVs " erwähnt, gibt es von YAML-Erfinder eine Lösung damit der Scrollbalken unter Firefox immer erscheint. Der Trick ist, dem html jeweils auf 100.01% Höhe zu setzen, in etwa so: CSS: html { height:100.01%; } Heute musste ich feststellen, dass diese Lösung mit Firefox 3.0 nicht mehr zieht. Auf der YAML Webseite fand ich dann eine Lösung , die schlussendlich im Firefox 2.0 sowie auch 3.0 sein Werk tut: CSS: html { height: 100%; margin-bottom: 1px; } Ich muss sagen, das ich enttäuscht bin: 1. Sollte der Scrollbalken immer angezeigt werden, genau wie im IE - alles andere ist IMO Quatsch 2. War das Problem bekannt 3. Wäre eine neue Version dazu da, Probleme zu beheben und nicht noch neue...
Smashing Magazine hat wieder einmal eine Aktion gestartet, in der Bücher zum Thema CSS und Webdesign abgestaubt werden können. Wie es funktioniert und an welche Bücher es zu gewinnen gibt kann hier nachgelesen werden: http://www.smashingmagazine.com/2008/06/09/books-giveaway-comment-and-win/ Read More...
More Posts
Next page »