Javascript Super Mario Kart
[A] prototype of a Javascript Mario Kart-like racing game. It uses the canvas element to do most of the rendering and should work in both FF2, FF3, Opera(9.27 and beta) and Safari 3.1.1.
last.fm wird neu
Wie MaPu berichtet wird last.fm einer Neugestaltung unterzogen.
Warum Twitter nicht twittert
Steht hier: The problem is that if you naively implement a design that simply reflects the problem statement then you will be in disk I/O hell. It won’t matter if you are using Ruby on Rails, Cobol on Cogs, C++ or hand coded assembly, the read & write load will kill you.
Brückenbau
CSS Coding Guidelines II
Teil 1 wurde ja schon ausgiebig diskutiert, daraus habe ich schon einiges mitgenommen. Machen wir also fröhlich weiter mit meinen Ideen, wie man CSS am besten notiert…
»It’s not everything that bad…« ©BBC
Kommentare
Mehrzeilige Kommentare, mit Einrückung et al. sind zu platzieren:
- am Beginn jeder Datei
- mit Angabe wozu und an welcher Stelle das Stylesheet benötigt wird, kurze Inhaltsangabe o.ä.
- Abhängigkeiten
- vor jedem Themenabschnitt
Codebespiel: mehrzeiliger Kommentar
/**
* Hello World
* Dies ist ein mehrzeiliger Kommentar
*/
In allen anderen Fällen ist der Zeilenkommentar zu nutzen
Codebespiel: einzeiliger Kommentar
/* Dies ist ein einzeiliger Kommentar */
Leerzeilen
Einzelne Regeln sind durch 1 Leerzeile voneinander zu trennen. Es sollten niemal mehr als 2 Leerzeilen aufeinander folgen.
Codebespiel: Leerzeilen
.note { border: 1px solid #000; }
.black_note {
background: #ff00ff;
color: #000;
}Anm.: Bitte den Code immer so leserlich wie möglich gestalten. Optimierung des CSS auf Größe wird in späteren Buildprozessen umgesetzt und ist vom Layout unabhängig.
Kurzschrift-Eigenschaften
Wo immer möglich und sinnvoll sollen die Deklarationen in Kurzschreibweise zusammengefasst werden.
Codebespiel: Kurzschreibweisen 1
.small {
background: transparent url(img/border-bottom.gif) repeat-x bottom;
border: 1px solid #000;
}
Trotzdem bitte flexibel bleiben und davon abweichen, wenn es sinnvoll ist:
Codebespiel: Kurzschreibweisen 2
a:link {
background: transparent url(img/sprite.gif) no-repeat 0 0;
}
a:hover {
background-position: 0 -16px;
}
Best practice
Bitte jede Deklaration immer mit einem Semikolon abschließen.
Namen
- alle Namen in Kleinbuchstaben
- zusammengesetzte Namen mit _ (underscore) verbinden
- eher aber kurze Namen suchen, höchstens 1 Zusammensetzung
- Update:
Klassennamen verraten nicht das Aussehen eines Elementes.
(via) D.h. Klassen heissen nicht “.grey-border” oder ähnliches.
Reservierte IDs: folgende IDs sind in der Regel für das HTML-Gerüst vergeben und sollen außerhalb dessen nicht benutzt werden:
- #wrapper
- #container
- #header
- #content
- #sidebar
- #footer
To be continued.
Firebug 1.2b
Hurra, Firebug 1.2 geht in die Betaphase [via].
Freudscher Verleser
Liebe/r Nico,
die ZEIT Wiki Seite Guidelines:XSLT wurde von anonymous loser
172.xx.xx.xx am 22. Mai 2008 12:21 geändert,
die aktuelle Version ist: […]
Falschlesung von mir.
Der alte Zappa, der alte…
Gerade singt ein Kollege irgendetwas mit »Ausshole…« vor sich hin und ich muss sofort an die gute alte Zappa-Scheibe »Sheik Yerbouti« denken.
They live in a ho-ho-hole
(tiny hole)
That is usually empty
(usually empty, tiny too)
They live by a code
(dit dit dit dit)
That is usually smpte
Which stands for
Society of motion picture & television engineers
Maybe I think
That is what keeps them in sync
Theyre wet n theyre pink
I think Ill give em a, give em a,
Give em a drink
Baby sna-a-a-a-a-akesss
Ach fantastisch… natürlich! Mann, die hab ich ja ewig nicht gehört!
Input vs. Button
Anders als ich selbst, verwendet Trevor Davis Input-Elemente anstatt Buttons um seine Formulare mit Submitbuttons auszustatten. [via]
jQuery 1.2.5
Nach einem sehr kurzem Lebenszyklus für jQuery 1.2.4, ist gerstern direkt noch jQuery 1.2.5 erschienen. Die neueste Version fixt hauptsächlich Bugs, keiner davon ist mir allerdings bisher vor die Flinte geraten.