kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …


Wissenswertes zum CSS Grid Layout

Das CSS Grid Layout kommt aufgrund des mittlerweile sehr guten Browser-Supports bei immer mehr Webseiten zum Einsatz.
Um dieses neue System zu verstehen und seine vielen Vorteile nutzen zu können ist es erforderlich, dass man sich intensiv damit beschäftigt. Dies hat Ohans Emmanuel getan und er teilt uns mit, was er beim Lesen der CSS Grid-Spezifikation alles gelernt hat.

Direkter Link zum Artikel

Stack Overflow Developer Survey Results 2018 veröffentlicht

Über 100.000 Entwickler haben Stack Overflow verraten, wie sie sich weiterbilden, ihre Karrieren aufbauen, welche Werkzeuge sie verwenden und was sie in einem Job am meisten wollen.

Jedes Jahr wird die Entwicklergemeinde von Stack Overflow nach ihren Lieblingstechnologien und ihren Vorlieben im Job befragt. 2018 ist das achte Jahr, in dem die Umfrageergebnisse veröffentlicht werden – mit der seither größten Anzahl an Befragten. Über 100.000 Entwickler haben die 30-minütige Umfrage im vergangenen Januar durchgeführt.

Die aktuelle Umfrage behandelt Themen, die von künstlicher Intelligenz bis zu Ethik in der Programmierung reichen.

Direkter Link zum Artikel

Schärfere Bilder im Chrome

Im responsive Webdesign werden Bilder gegebenenfalls automatisch verkleinert.
Leider rendert Google's Browser Chrome Bilder beim Verkleinern nicht so, wie es bei guten Bildbearbeitungsprogrammen der Fall ist und gibt diese daher nicht mit der gleichen Schärfe, wie das ursprüngliche Bild aus. Artem Syzonenko stellt einen kleinen Hack vor, um verkleinerte Bilder im Chrome schärfer darzustellen.

Direkter Link zum Artikel

Ladezeit der Website wird Ranking-Kriterium für mobile Suchanfragen

Google hat offiziell angekündigt, dass die Geschwindigkeit von Websites ab Juli 2018 ein Ranking-Kriterium für die Suche auf mobilen Geräten wird. Das ist im Grunde genommen nicht neu, allerdings wurden bisher nur vom Desktop aus gestartete Suchanfragen berücksichtigt. Für die Zukunft heißt das, dass Entwickler noch stärker für langsamere mobile Netzwerke optimieren müssen, um ein gleichbleibend gutes Ranking bei Google erzielen zu können.

Direkter Link zum Artikel

Bootstrap 4 ist da!

Es hat über drei Jahre gedauert aber jetzt ist es da – Bootstrap 4. Die Beta Phase ist offiziell vorbei und die stabile Version der Frontend-Library in Version 4 ist zum Download verfügbar. Neben der Überarbeitung der Print Styles, dem Umgang mit Borders und der Erweiterung der Flexbox-Grids wurde in den letzten Zügen der Beta Phase auch das Markup von Checkboxen und Radio-Controls auf die Validierungsmöglichkeiten von Formulareingaben ausgerichtet. Außerdem wurde daran gearbeitet die Dokumentation und Beispiele auf den neusten Stand zu bringen.

Direkter Link zum Artikel

CSS asynchron laden

Laut dem Analyse-Tool PageSpeed Insights von Google sollen JavaScript- und CSS-Ressourcen, die das Rendering blockieren, nicht in Inhalten »above the fold« (ohne Scrollen sichtbar) vorhanden sein.
Code, der nicht inline im Dokument eingebunden sondern in eine eigene Datei ausgelagert ist, blockiert das Rendering. Daher empfiehlt es sich JavaScript am Ende der Seite vor dem schließenden <body>-Tag anzubringen. Für CSS-Dateien muss jedoch eine andere Methode angewandt werden, wenn der HTML-Code valide nach den Richtlinien des W3C-Konsortiums sein soll. Eine Möglichkeit hierfür ist das asynchrone Laden. Wie das umgesetzt wird beschreibt Scott Jehl ausführlich.

Direkter Link zum Artikel

Gutenberg und die Zukunft von WordPress

Auf dem WordCamp US 2017 hat Morten Rand-Hendriksen einen sehr interessanten Talk mit dem Titel »Gutenberg and the WordPress of Tomorrow« gehalten. In seinem Talk erklärt und zeigt er wie das Projekt Gutenberg WordPress und die Art wie WordPress benutzt wird verändern soll, und warum dieser Schritt notwendig ist um sowohl die zukünftigen Bedürfnisse der WordPress-Anwender, als auch die der Developer und Website-Besucher zu befriedigen.

Link zum Video