LautundKlar

Safari für Windows

Der Internet Explorer für den Mac hatte ja eindeutig versagt und wird auch seit langem nicht mehr weiter entwickelt.

Apples Browser Safari hingegen, zählt zu den schnellsten und besten Browsern überhaupt. Schön zu hören, dass es den Safari jetzt auch für Windows gibt:
Safari für Windows

Apple.com in neuem Gewand

Nicht nur der Safari für Windows ist neu, nein auch die Apple Webseite wurde nach über 6 Jahren komplett neu gestaltet.

Sehr reduziertes, schnörkelloses Design, mit übersichtlicher Navigation mit Slider und Accordion Navigation, die den Umfang der Seite und die Produktvielfalt gut bewältigen: www.apple.com

Popularity: 13% [?]

Full Page Test – Websites testen

Der “Full Page Test” lädt eine komplette HTML Seite einschließlich alle Objekte (Bilder, CSS, Javascript, RSS, Flash und Frames/Iframes).

Er simuliert das Laden einer Webseite im Web-Browser. Die Ladezeiten der einzelnen Objekte werden übersichtlich in Diagrammen dargestellt. Jeder Test zeigt auch allgemeine Statistiken über die geladene Seite, wie die Gesamtzahl der enthaltenen Objekte, die gesamte Ladezeit und die Gesamtgröße einschließlich aller Objekte.

Ein praktisches Tool das einem zeigt, dass eine Webseite mit allen Grafiken sowie CSS- und Javascript- Dateien (und sonstigen Objekten) doch schnell recht groß werden kann: Full Page Test

Popularity: 18% [?]

15 Tipps & Tricks zu Photoshop

Das Arbeiten mit Adobe Photoshop kann mit einigen Shortcuts erheblich erleichtert werden. Hier nun 15 praktische Tipps die im Umgang mit Photoshop auch einiges an Zeit sparen helfen:

1. Durch Drücken der Tabulator-Taste werden die Toolbar und alle anderen Fenster ausgeblendet, mit Shift+Tab bleibt die Toolbar sichtbar.
2. Durch Doppelklick auf den grauen Hintergrund wird das Datei-öffnen-Fenster aufgerufen, mit gleichzeitig gedrückter Shift-Taste öffnet sich der Datei-Browser.
3. In Photoshop kann man alle Cancel /Abbrechen-Buttons in einem Fenster durch Drücken der Alt-Taste in einen Reset-Button umwandeln.
4. Durch Doppelklick auf den oberen blauen Balken der Fenster in Photoshop, werden diese minimiert.
5. Um eine gerade Linie zu zeichnen, einmal am Anfangspunkt klicken, dann am Endpunkt nochmals mit gedrückter Shift-Taste klicken.
6. Beim Transfomieren eines Bildes mit Strg+T, bewirkt das zusätzliche Drücken der Alt-Taste, dass die ursprüngliche Ebene dupliziert wird und die Transformation auf die duplizierte Ebene angewndt wird. Mit Strg+Shift+T wird die letzte Transformation erneut durchgeführt.
7. Man kann in Photoshop auch Winkel messen: Hierzu einfach mit dem Messure Tool (i-Taste und das entsprechende Werkzeug auswählen) eine Linie ziehen und am Endpunkt mit gedrückter ALT-Taste (im gewünschten Winkel zur ersten) eine zweite Linie ziehen. Somit wird der Winkel zwischen den beiden Linien gemessen.
8. Mit gedrückter Leertaste wird jedes Werkzeug zum Hand-Tool bis man die Leertaste wieder losläßt.
9. Mit gedrückter Strg-Taste wird jedes Werkzeug zum Move Tool bis man die Strg-Taste wieder losläßt.
10. Durch Drücken der F-Taste, kann man zwischen den drei Screen-Modi wechseln, wodurch man mehr Platz zum arbeiten erhält.
11. Mit dem Zoom Tool kann man mittels Strg+Leertaste einzoomen und mit Alt+Leertaste auszoomen.
12. Gedrückte Strg-Taste und “+” oder “-” ändert die prozentuale Vergrößerungstufe eines Bildes. Mit zusätzlich gedrückter Alt-Taste wird das gesamte Fenster vergrößert bzw. verkleinert.
13. Alt+Backspace und Strg+Backspace füllt die gesamte Bildfläche oder Auswahl mit der Vordergrundfarbe bzw. mit der Hintergrundfarbe. Shift+Backspace blendet das Otionsfenster ein.
14. Mit der Pipette kann man ganz einfach die Vordergrundfarbe auswählen, wenn man dazu noch die Alt-Taste drückt wird die Hintergrundfarbe gewählt. Drücken der X-Taste bewirkt, dass zwischen Vorder- und Hintergrundfarbe gewechselt wird.
15. Mit Strg + D kann man Auswahlen aufheben, mit Strg+Shift+D kann man die aufgehobene Auswahl wieder einblenden.

Popularity: 25% [?]

Auf die Größe kommt es an…

Jedenfalls bei der Breite von Webseiten-Layouts. Aber soll man seine Webseiten nun auf eine maximale Breite von 800px oder 1024px optimieren oder doch besser “Fluid-Layouts”, also Layouts die sich an die Größe des Browserfensters anpassen, verwenden?

Als A List Apart 2005 mit dem Relaunch Ihrer Seite auf 1024px umsattelten, konnte man bei Ihnen folgendes Statement finden:

We don’t support 800×600 anymore, nor do we 640×480. Do you? People flipped when sites stopped supporting 640×480… now no one says a word. Things change. Trust me, you are going to see more sites stretching out their legs and putting their feet up.

Ok, eine klare Aussage. Klar sollte aber auch sein dass bei einigen Seite an die 10% der User noch mit einer Auflösung von 800×600 Pixel unterwegs sind.

Einen interessanten Lösungsansatz fand ich kürzlich bei Particletree. Hier wird mittels JavaScript die Darstellung der Seite an die jeweilige Auflösung des Besuchers angepasst. Man kann dreispaltige Layouts in zweispaltige Layouts umwandeln, die passende Schriftgröße mit übergeben oder Besucher mit höherer Auflösung mit extra Inhalt oder größeren Bilder “belohnen”:

Dynamic Resolution Dependent Layouts

Popularity: 19% [?]