CSS-Trick: Schriftgröße berücksichtigt Browsergröße

Mit diesem einfachen "CSS-Trick" berücksichtigt die Schriftgröße die Breite des Browserfensters: font-size:calc(12px + 1.5vw); Toll, oder? Dazu passend: vertical width und vertical height, hier Beispiele: h1 {font-size: 5.9vw;} h2 {font-size: 3.0vh;} p {font-size: 2vmin;} Erklärung: 1vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw…

CSS Border Radius

Eine der neueren Möglichkeiten von CSS (Cascading Style Sheets) sind "runde Ecken": Damit kann man bei der Website-Codierung Ecken abgerundet anzeigen lassen. Nicht alle Browser unterstützen das, aber die meisten halbwegs aktuellen schon. Allerdings "sprechen" sie mangels endgültiger Norm alle eine andere Sprache im CSS-Code. Das ist mühsam! Und ich…

Der Quellcode muss stimmen

[caption id="attachment_4325" align="alignright" width="300" caption="Eine Website und ihr Quellcode"][/caption] Ich bin ja ein neugieriger Mensch und schaue gerne mal nach, was und wer "hinter" einer Website steckt. Also werfe ich einen Blick in den Quellcode, teste die Website auf HTML/CSS-Fehler, das verwendete CMS (zB. WordPress) und so weiter. Auch für…

Website mit Adobe Browserlab testen

[caption id="attachment_4165" align="alignright" width="281" caption="Gerade im Test: Die eigene Website"][/caption] Bereits vor ein paar Tagen habe ich den kostenlosen Webdienst IE NetRenderer vorgestellt, der Websites mit unterschiedlichen Browsern darstellt. Das heutige Service geht einen Schritt weiter und ist auch kostenlos, zumindest bis April 2012: (mehr …)

Ballons-Ballons.com: Das Website-Update

Ungefähr ein Monat nach dem ersten Gespräch habe ich auf der Website von Ballons-Ballons.com die gewünschten Veränderungen durchgeführt: Die Bilder sind mit "Lightbox-Effekt" abrufbar, neue Produkte und ein Video wurden hinzugefügt. Weiters stieß ich auf zahlreiche Ungereimtheiten im Code, Fehler in der Usability und ein nicht mehr funktionierendes Kontaktformular. Das…

digitalimage.at auf WordPress umgestellt

Soeben habe ich die Website von Jansenberger Werbefotografie von klassischem Html/Css auf ein Content Management System umgestellt. Das ursprüngliche Screendesign konnte beibehalten werden, wenige inhaltliche Änderungen erfolgten auch gleich bei der Umstellung. Von nun an ist die Betreuung der Site einfacher geworden, auch der Kunde selbst kann Bilder oder Texte…