Stil mit Stil – Seite 3 – Webseiten mit Javascript, HTML und CSSEingebettete PDFs sind beliebte Downloads in Webseiten – in erster Linie beliebt in Marketing und Kommunikationsabteilungen und den Kollegen, die für die Redaktion des Internetauftritts zuständig sind.
https://www.mediaevent.de/page/3/ - 35.4 kb
Bilddatenformate: AVIF ist das neue JPEG + PNG + WebP – Stil mit StilHans Dampf für Fotos auf Webseiten ist immer noch JPG – seit nahezu 30 Jahren. AVIF ist ein neues Komprimierungsverfahren, das Fotos bei gleicher Qualität besser komprimiert. Ladezeit ist Trumpf.
https://www.mediaevent.de/bilddatenformate-jpg-avif-png-webp/ - 53.3 kb
CSS scroll-snap – Einrasten, Einschappen | mediaevent.descroll-snap erzeugt exakte Einrastpunkte für präzises Scrollen ohne Javascript – ein subtiler Effekt für Scrollen, das sich ganz natürlich anfühlt.
https://www.mediaevent.de/css/scroll-snap.html - 38.0 kb
Schöner Drucken – Druckvorschau in der Browser-Console – Stil mit StilDie Druckversion der Webseite ist das Waisenkind und Mauerblümchen der Stylesheets, dabei gibt es viele Anwendungen, die nach einer liebevolleren Darstellung auf dem Papier dürsten.
https://www.mediaevent.de/print-preview/ - 30.5 kb
CSS mask-image: Bilder maskieren – Stil mit StilMaskieren oder Freistellen von Bitmaps mit mask image: Auf Webseiten können nur PNG-Bitmaps mit 24 Bit Farbtiefe anhand einer transparenten Maske freigestellt werden. JPEG bietet diese Möglichkeit von Haus aus nicht.
https://www.mediaevent.de/css-mask-image-bilder-maskieren-freistellen/ - 38.7 kb
CSS calc | mediaevent.decalc berechnet Breite, Höhe, margin und padding aus gemischten Angaben in Prozent und festen Werten – ohne Javascript oder Präprozessor.
https://www.mediaevent.de/css/calc.html - 31.3 kb
CSS counter und counter-increment – Zähler und Nummerieren | mediaevent.decounter nummeriert und bildet verschachtelte Listen – mehrstufige Zähler wie 1.4.5, 1.4.6 – mit counter-increment und counter-reset für einen hierarchischen Index.
https://www.mediaevent.de/css/counter-increment-counter-reset.html - 43.2 kb
CSS Filter: Grayscale, Sepia, drop-shadow | mediaevent.deFilter wirken wie die Filter der Bildbearbeitung, aber sie beeinflussen nur die Darstellung als Schwarzweiß, Farbfilter, Unscharf, das Original bleibt unangetastet.
https://www.mediaevent.de/css/filter.html - 39.4 kb
CSS font-weight • Schriftgewicht von fein bis fett | mediaevent.defont-weight regelt die Strichstärke (Fettschnitt) der Schrift von 100 (dünn) bis 900 (sehr dick), aber nicht alle Schriften bringen alle Schriftstärken mit.
https://www.mediaevent.de/css/font-weight.html - 38.5 kb
CSS gradient • Farbverlauf mit background-image | mediaevent.degradient erzeugt einen Verlauf (weicher Übergang zwischen mehreren Farben) als Hintergrundbild. Der Farbverlauf folgt einer Linie von Farb-Stops (Color Stops).
https://www.mediaevent.de/css/gradient.html - 44.2 kb