14.11.2018

Google web.dev - Neue Site für Webentwickler

Mit web.dev hat Google eine neue Site geschaffen, die Tests und Verbesserungs-Vorschläge in den Bereichen Performance, Barrierefreiheit oder SEO bietet. Die Seite scheint übersichtlicher und komfortabler in der Bedienung, als das in den Chrome-Browser integrierte Lighthouse, obschon die Test letztendlich auch mit Lighthouse durchgeführt werden.

Mehr
13.11.2018

Dateigröße von Bildern optimieren

Um einen guten Wert für den Pagespeed zu erreichen, ist die Optimierung von Bildern obligatorisch.

Mehr
13.11.2018

Listen filtern mit jQuery

Mit Hilfe des jQuery-Plugins »Isotope« lassen sich HTML-Listen oder Grid-Layouts sehr elegant und dynamisch Filtern.

Mehr
16.07.2018
Bild: ElisaRiva, pixabay

Responsive Images mit Drupal

Mit Responsive Images kann man die Ladezeit der Seiten verbessern, in dem Bilder in verschiedenen Größen erzeugt werden, die an die tatsächliche Bildschirm-Auflösung des Clients angepasst sind. Insbesondere, wenn das Design sehr große Bilder verwendet, z. B. in einem Slider, dann empfiehlt sich die Verwendung von Responsive Images um einen guten Wert für den Pagespeed zu erreichen.

Mehr
15.07.2018
Bild: Clker-Free-Vector-Images, pixabay

Performance-Optimierung in Drupal

Mit Drupal zu arbeiten ist im Grunde immer eine Freude, denn auch komplexe Seiten können mit dem immensen Leistungsumfang von Drupal ohne große Hindernisse erstellt werden. Der gewaltige Umfang führt aber auch zu Nachteilen, die sich in der Performance-Analyse zeigen.

Mehr
10.07.2018

Einheitliches Design für Formularobjekte

Die Darstellung der Formularobjekte ist stark von dem Browser und der Plattform abhängig. Dementsprechend fällt deren Aussehen oft sehr unterschiedlich aus und passt nicht immer zu dem Design der Website. Wird eine einheitliche Darstellung in allen Browsern und Plattformen gewünscht, dann kann deren Darstellung mit CSS angepasst werden.

Mehr
10.07.2018

Bilder maskieren in Drupal

Wenn Bilder in einer unregelmäßigen Form dargestellt werden sollen, wie z. B. als Puzzleteil oder als Briefmarke mit gezacktem Rand, dann kann man mit Hilfe der Drupal-Bild-Stile eine Maskierung vornehmen, die Bilder können damit eine beliebige Form annehmen.

Mehr
04.07.2018

Einträge in Drupal-Views gruppieren

Wenn eine größere Anzahl von Einträgen in einem View dargestellt werden soll, dann eignet sich ein jQuery Accordion, um eine übersichtliche Darstellung zu erreichen.

Dafür wird ein nur ein Inhaltstyp mit einer Referenz auf ein Taxonomy-Vokabular und das Modul »Views Accordion« benötigt.

Mehr
27.06.2018
Bild: fill, pixabay

Silbentrennung im Browser

Wenn Texte in schmalen Spalten angeordnet werden sollen, dann ist die Verwendung irgendeiner Form von Silbentrennung notwendig. Dies sind drei Möglichkeiten, die alle ihre Vor- und Nachteile haben.

Mehr
26.06.2018

Dynamische Tabellen mit Flexigrid

Einfache HTML-Tabellen können zwar mit Hilfe von CSS ansprechend und übersichtlich gestaltet werden, aber bei komplexen Tabellen stösst man sehr schnell an die Grenzen. Wenn auch dynamische Funktionen, wie eine Suchfunktion, Sortierung oder Paginierung benötigt werden, dann bedarf es eines Helferleins.

Mehr

Seiten

RSS - Tipps & Tricks abonnieren