Frontend Entwicklung

Anspruchsvolle Text-Layouts kennen wir von den Printmedien. Z. T. haben es diese auch schon längst in die digitale Welt geschafft. Mit Flash und anderen (Adobe-) Tools können tolle Magazin-Layouts erstellt werden. Sobald es an die Umsetzung mit Webstandards geht, stößt man aber an seine Grenzen. Bisher! Denn nun gibt es mit dem "Exclusions and Shapes…

Neben dem neuen Safari-Browser ist auch eine neue Version von Opera rausgekommen. Opera 12. Aktuell hat es noch den Alpha-Status und ist auch noch nicht wirklich in großer Verbreitung. Zumindest auf unseren Seiten liegt der Anteil noch bei 0,01%. Die Besonderheit zum Vorgänger ist, dass Webseiten nicht mehr gescrollt, sondern geblättert werden sollen. Das Internet soll sich also mehr wie ein Buch anfühlen. Die passenden…

Dreiecke sind ein super Gestaltungsmittel. In Listen und Überschriften werden sie gerne von der Grafik verbaut, um Struktur und Gliederung zu vermitteln. Doch wie verbaut das Frontend diese Dreiecke? Eine Möglichkeit wäre, eine Grafik abzulegen und das Dreieck als Hintergrund einzubinden. Doch was sagt uns die erste der 14 Regeln zu Einhaltung von High Performance Websites? Richtig, Vermeide HTTP Requests. Warum eine Grafik vom Server…

Wer kennt das nicht: Man ist fröhlich im Netz unterwegs und stößt irgendwo auf eine mächtig interessante Schrift. Nun möchte man wissen, um welche Schrift es sich handelt. In vielen Fällen wird Fount dabei helfen können. Fount stellt ein Bookmarklet zur Verfügung; klickt man dieses Bookmarklet und danach auf die interessierenden Fonts, werden in der oberen rechten Ecke des Fensters…

Durch CMS und den Einsatz von CSS ist der Grundstein für die Trennung von Content und Layout und die Trennung von Dokumentstruktur und Style gelegt. Die Weiterentwicklung der Technologien brachte allerlei interessante Anwendungen verschiedenster HTML-Attribute mit sich, die für bestimmte Funktionalitäten zweckentfremdet wurden. Unter diesem Umstand hatte wohl das 'rel'-Attribut am meisten zu leiden. Gerade…

Wir haben vor einiger Zeit die Umsetzung mobiler Webseiten mittels CSS Media Queries angeschnitten. Media Queries helfen uns dabei, Auflösungen zu identifizieren und entsprechend darauf zu reagieren. Das Entwickeln von Websites, die sich dem Betrachter und des von ihm verwendeten Geräts anpassen -> Responsive Webdesign und…

CSS3 hat einige wunderbare Vorteile, was die Gestaltungsvielfalt angeht, wie z.B. runde Ecken, Verläufe, Schatten und und und... Allerdings muss man aktuell und wahrscheinlich auch mittelfristig jedem Browser einzeln erklären, wie er diese Optiken darzustellen hat. Also Beispiel nenne ich die Präfixe für die CSS Eigenschaft "linear-gradient", die mit folgenden Präfixen bestückt werden…

Auch ein Neuer Internet Explorer in der Version 10 ist in unseren Statistiken aufgetaucht. In der letzten Woche haben wir ca. 400 Seitenaufrufen mit dieser Version feststellen können, was sich aber noch weit unter der 1% Marke befindet. Der Internet Explorer 10 befindet sich laut Microsoft momentan im "Test-Drive - http://ie.microsoft.com/testdrive/". Unter diesem Link…

Mozilla schleudert in den letzten Wochen eine Browserversion nach der Anderen auf den Markt. Schon jetzt, wo gerade mal der Firefox 8 anfängt Fuß zu fassen, sind auch schon DREI weitere Versionen (Firefox 9, Firefox 10 und Firefox 11) im Netz bzw. in unseren Statistiken aufgetaucht. In der letzten Woche konnten wir für diese Browser folgende Zahlen festhalten, die alle noch unter der 1% Marke liegen:     Firefox 9…

Mit der CSS-Anweisung transitions lassen sich Styleübergänge ohne Javascript bzw. jQuery realisieren. Ein echter Gewinn, da gerade weichere Übergänge mit Javascript in großen Portalen sehr häufig zu doppelten Skripten führt, da immer wieder ein neuer Hovereffekt erfunden wird. Die Gefahr besteht natürlich…