Frontend Entwicklung

Ich habe eine Seite im Netz gefunden, welche einem eine sehr gute Anleitung aufzeigt um folgendes Problem zu lösen: "Wie erreiche ich irgendwann den schwarzen Gürtel in der Frontend-Entwicklung?" Auf der Seite movethewebforward.org bekommt man eine großartige Sammlung von…

Audio- und Videoelemente finden sich heutzutage auf jeder zweiten Webseite wieder. Weder HTML noch die Browser boten bisher aber eine Möglichkeit diese direkt abzuspielen. Webentwickler mussten immer auf Plugins zurückgreifen. Das bekannteste Plugin hierfür ist Flash. Doch nur wenn Flash auch auf dem Rechner installiert war, kam der Besucher auch in den Genuss der Audio- oder Video-Elemente. Mit HTML5 ändert sich aber dies nun…

Die neuen Standards html5 und CSS3 bringen viele neue Features für Webentwickler mit. Der Einsatz ist zwar bisher nur beschränkt möglich,  da nicht alle Internetbrowser die neuen Standards vollständig unterstützen. Trotzdem sollte man sich aber mit dem Thema schon heute beschäftigen. Auch wir haben uns mit dem Einsatz von html5 und CSS3 auseinandergesetzt und herausgekommen ist unser…

Interaktion mit dem Benutzer ist bei modernen Webseite nicht mehr wegzudenken. Daher ist es wichtig Eingaben in Webformulare so einfach wie möglich zu gestalten. Mit Hilfe von externen Tools wie z.B. jQuery können sinnvolle Hilfen in Formulare ergänzt werden. Der neue HTML5-Standard bringt nun auch viele hilfreiche Elemente und Funktionen von sich aus mit. Einige davon schauen wir uns in diesem Beitrag an. Neue…

Es gibt ja einige neue CSS 3 Features, welche man als Entwickler einfach mal kurz sehen, verstehen und ausprobieren möchte. Dazu habe ich eine informative Seite entdeckt, die über 50 CSS 3 Highlights schön in Scene setzt: css3clickchart.com Nach einem Klick auf einen CSS 3 Selektoren aus der Übersicht, werden einem alle nötigen Informationen zu diesem Selektor…

Google wirft ebenfalls eine neue Browserverion auf den Markt. Der Google-Chrome 18 steht als Developer-Version zum Download bereit. Neuerungen sind sogenannte Extensions Panals, die man als kleine Erweiterungen in den Chrome laden kann. Da sich der Browser noch in der Entwicklung befindet, sollte man noch auf die aktuelle und fertige Version setzten und warten, bis eine neue Version komplett fertig…

Relativ unbemerkt erhält eine neue JS-Version Einzug in unsere Browser. Die neuen Features in HTML5 und CSS3 haben eine größere Öffentlichkeit erreicht. Doch in ECMAscript 5 gibt es eine Reihe interessanter Neuerungen. Bspw.: "strict_mode" Einmal im Head einer Funktion oder JS-Datei eingeben, sorgt er dafür, dass bestimmte Altlasten nicht mehr erlaubt sind und den Code…

In unseren aktuellen Statistiken ist ein neuer Safari mit der Versionsnummer 7 aufgetaucht. Innerhalb der letzten Woche konnten bereits einen Anteil von ca. 1,5% auf unseren Seiten feststellen. Die aktuelle Broserversion, die man sich bei Apple runterladen, ist gerademal die…

Webseiten skalierbar, im Sinne von zoombar,  zu gestalten scheitert gerne mal bei Icons und Grafiken. Gerade Icons denen ein Textlink nachgestellt ist, sehen bei grösserer Schriftansich häufig schäbig aus. Auch blähen diese Icons unsere Spritedateien auf und sind auch nicht so ohne weiteres einzufärben. SVG scheint bei größeren Grafiken und vor allem bei Infografiken die richtige Wahl zu sein, wenn da nicht wieder unsere geliebte…

Mit IxEdit steht ein kleines Leichtgewicht für die jQuery-Entwicklung zur Verfügung, um DOM-Elemente zu animieren und mit Effekten zu versehen. Dabei wählt man einfach das DOM-Element aus und klickt sich Effekt mit Auswirkung zusammen. Wie bei vielen Tools dieser Art, sollte man schon ein paar jQuery-Kenntnisse mitbringen, denn nur dann sind…