Clik here to view.
Cloudinary: So optimierst du die Ladezeit deiner Bilder
Alle sprechen vom schnellen Internet. Aber es ist nicht nur Sache der Internet-Provider und Mobilfunkbetreiber, für ein schnelles Netz zu sorgen. Als Webentwickler trägst du mindestens in gleichem Maße...
View ArticleClik here to view.
Bewährt: Wie Du das optimale Print-Stylesheet erstellst
Auch heute gibt es noch viele Menschen, die sich das Internet ausdrucken möchten. Das kann verschiedene Gründe haben. Vielleicht will ein Team den Inhalt deines Beitrags im Meeting besprechen. Oder...
View ArticleClik here to view.
CSS statt SVG: Formen erstellen, animieren und morphen
Wenn es um komplexe Formen und Animationen geht, ist SVG häufig das Format der Wahl – das ja auch nicht zu Unrecht. Doch dank neuer CSS3-Eigenschaften erstellst du Formen jenseits von Rechteck und...
View ArticleClik here to view.
HTML5.1: Der neue Standard kurz vor der Fertigstellung
Als HTML5 im Jahr 2014 zum offiziellen Standard wurde, war ein Meilenstein moderner Webentwicklung erreicht. Bessere Semantik und eine leichtere Bedienung – vor allem auf mobilen Geräten – waren...
View ArticleClik here to view.
Animiertes und interaktives SVG: Diese Tipps solltest du beachten
Das SVG-Format hat sich in vielerlei Hinsicht zu einer zeitgemäßen Alternative zu Flash entwickelt. Denn es ist nicht nur vektorbasiert, sondern ermöglicht auch Animationen und Interaktionen. Aufgrund...
View ArticleClik here to view.
XPRS: Responsiver, modularer und umfangreicher Websitebuilder
Unter den zahlreichen Websitebuildern sticht der XPRS Editor vor allem durch sein sehr elegantes und stimmiges Design hervor. Die Benutzeroberfläche ist sehr ansprechend und einfach zu bedienen. Wer...
View ArticleClik here to view.
Mobile Navigation mit Taps und Gesten statt Maus
Das mobile Internet hat in vielerlei Hinsicht die Gewohnheiten, wann, wie und wo wir das World Wide Web nutzen, stark beeinflusst. So hat sich vor allem die Art und Weise, wie wir durch Websites...
View ArticleClik here to view.
HTML5 und JavaScript: So erstellst du mobile Web-Apps
Mobile Web-Apps müssen nicht immer nativ programmiert werden. Auch mit HTML5 und den damit eingeführten JavaScript-APIs entwickelst du mobile Web-Apps, die bezüglich der Funktionalität den nativ...
View ArticleClik here to view.
Neue Tools: Bewegung auf der Website mit und ohne Javascript
Die beiden Animationswerkzeuge, die ich dir heute vorstellen möchte, sind keine von der 0815-Sorte. Es handelt sich nicht um Animations-Generalisten, sondern Spezialisten für kleine Anwendungsfelder....
View ArticleClik here to view.
Die 9 besten kostenlosen HTML-Editoren für Webentwickler (Windows-Edition)
Wer Webseiten entwickeln möchte, braucht einen HTML-Editor. Sicherlich kann man auch mit Hilfe des Windows-Notepads eine Webseite erstellen – schön und komfortabel geht anders. Wichtig bei einem...
View ArticleClik here to view.
Fibonacci Flexbox Composer: Komfortables Tool macht Flexbox einfach
Die schlichte Web-App Fibonacci Flexbox Composer vom Niederländer Max Steenbergen erleichtert den Einstieg in den Umgang mit CSS Flexbox ganz enorm. Im Grunde musst du nicht einmal einen Funken Ahnung...
View ArticleClik here to view.
Clever: 20 Bildeffekte mit CSS
CSS Blendmodes und Filter erlauben Effekte, die bis dato so nicht machbar waren. Wendest du die neuen Möglichkeiten auf Bilder an, so kannst du durch die clevere Stapelung oder Wiederholung mehrerer...
View ArticleClik here to view.
Januar 2017: 10 nützliche Tools für Webentwickler
Der Alltag hat dich fest im Griff? Routine ist natürlich nicht immer schlecht. Sie lässt sich sogar stetig optimieren. Die zehn Tools, die wir dir heute vorstellen, helfen dabei. Mit dem richtigen...
View ArticleClik here to view.
Inline Critical CSS – Wie eine Bad Practice zum Geschwindigkeitsboost führen...
Ein Ergebnis von 89 % bei Google Pagespeed Insights. Dann kann es bis zur 100 nicht mehr weit sein. Nach stundenlanger Bild- und Cacheoptimierung, Zusammenfassung von CSS- und Javascript-Dateien kommt...
View ArticleClik here to view.
CSS: Hübsche Buttons mit bttn.css
Gefallen dir die aktuellen Ghost-Buttons oder jene im Material Design? Egal welches Flat-Design-Konzept du bevorzugst, das kleine Stylesheet bttn.css hat mit Sicherheit die ein oder andere Schaltfläche...
View ArticleClik here to view.
Outdated Browser: Freies Projekt informiert deine Besucher über den Zustand...
Das Problem ist nicht mehr ganz so akut wie noch vor einigen Jahren. Dennoch surfen auch heutzutage noch zu viele Menschen mit einem veralteten Browser. Wenn deine Website sehr modern ausgestattet ist,...
View ArticleClik here to view.
CSS3: Komplexe Beschneidungspfade visuell generieren mit Clippy
Die CSS-Eigenschaft clip-path erlaubt es dir, anhand komplexer Beschneidungspfade festzulegen, dass nicht der gesamte Inhalt einer Box im Browser angezeigt wird. So sind beeindruckende Effekte möglich....
View ArticleClik here to view.
SITE123: Dieser Homepage-Baukasten liefert Websites im Handumdrehen
Heutige Website-Builder sind schon fast zu komplex, als dass sie sich für Otto Normalverbraucher eigneten. SITE123 geht bewusst nicht den Weg maximaler Freiheit und Featuritis, sondern legt Wert auf...
View ArticleClik here to view.
Wix 2017: Viel mehr als nur ein Homepage-Baukasten
Der vormalige Homepage-Baukasten Wix wandelt sich immer mehr zu einer Rundum-Lösung für jedwedes Internet-Business. In hoher Frequenz werden Features entwickelt, die es dir in manchen Bereichen schon...
View ArticleClik here to view.
CSS Icon: Piktogramme aus purem CSS, auf Wunsch auch animiert
Die frei verwendbare Web-App „CSS Icon” bringt dir nicht nur Piktogramme aus purem CSS frei Haus, sondern erlaubt dir auch noch, animierte Übergänge zwischen jeweils zwei beliebigen Symbolen des Pakets...
View Article