Wer auf seinem Blog ein gutes Lied einbinden will, dafür aber kein extra Wordpress-Plugin installieren möchte, der sollte sich einfach den YouTube Videoplayer etwas zurecht stutzen und einen Audioplayer daraus erstellen. Damit man das nicht selber machen muss: YouTube Audio Player
Kategorie: HTML und CSS
15 Tipps für hübschere Tabellen
Auf designshack.co.uk gibt es eine Übersicht, über hübsche Techniken mit CSS und JS um aus langweiligen Tabellen etwas ansehnliches zu machen. Meiner Meinung nach lohnt es sich die eigenen Tabellen damit mal etwas aufzufrischen. Das freut vor allem die Nutzer einer Webseite und kann zum Beispiel die Verkäufe in einem Shop enorm steigern, denn wer schaut sich heutzutage schon gerne langweilige graue Daten in einer ebenso langweiligen Tabelle an?
In a sense, they’re meant to be that way. A good table communicates a lot of information in a concise, easy to understand way. Because the emphasis really should be on the information, over-designing a table can kill the effectiveness. However, in the right hands, clever design can not only make a table more attractive, but can actually increase readability.
Today we’ll take a look at several ways you can improve the functionality and aesthetics of your tables. One of the most common places we currently find tables online is on a web app’s pricing page so most of our examples will take this form, just keep in mind that these principles can apply to any type of informative grid (whether or not it’s actually a <table>).
JavaScript-Dateien mit Google bündeln
Bei Sergej habe ich etwas nettes gefunden: Google fasst JavaScript Dateien für einen zusammen. Bekanntlich sollte man ja die Requestanzahl möglichst gering halten. Jede neue JavaScript Datei die eingebunden wird, erzeugt einen neuen HTTP Request. Um dies zu verhindern kann man mehrere Dateien zu einer zusammenfassen, so kann man zum Beispiel aus drei oder vier Requests einen machen.
Möchte man verschiedene Google APIs zusammenfassen und mit einem Request laden, dann lohnt sich auch ein Blick auf den AutoLoader Wizard.
ZenCoding – schnell und ordentlich scripten
ZenCoding ist eine kleine Plugin-Sammlung für schnelles HTML und CSS Coding von Sergey Chikuyonok.
Aufgebaut ist die Idee wie folgt:
- Man schreibt HTML Code in einer Art CSS-Selektoren Schreibweise
- Man betätigt eine Tastenkombination
- Man erhält fertig ausgeschriebenen HTML Code mit CSS
Das Video sagt denke ich alles dazu:
http://www.vimeo.com/7405114Mehr Informationen bei den Webkrauts oder im Smashing Magazine.
Googles Browser-Size-Tool
Google hat ein neues Tool in die Google Labs aufgenommen. Und zwar handelt es sich dabei um Browser Size. Ein Tool um seine eigene Webseite unter verschiedenen Auflösungen anzuschauen, theoretisch. Dabei wird einfach ein Layer über die Seite gelegt, welcher anzeigt, wie viel von der entsprechenden Seite noch bei welcher Bildschirmauflösung sichtbar wäre.
Google Browser Size is a visualization of browser window sizes for people who visit Google. For example, the “90%” contour means that 90% of people visiting Google have their browser window open to at least this size or larger.
This is useful for ensuring that important parts of a page’s user interface are visible by a wide audience. On the example page that you see when you first visit this site, there is a “donate now” button which falls within the 80% contour, meaning that 20% of users cannot see this button when they first visit the page. 20% is a significant number; knowing this fact would encourage the designer to move the button much higher in the page so it can be seen without scrolling.





