Alle Dateien einer Webseite von einem einzigen Webserver auszuliefern scheint längst überholt, ein Konzept vergangener Zeiten. Für parallele Downloads und den damit verbundenen schnelleren Seitenaufbau werden JavaScript, CSS und Bilder oft über externe Server für statische Inhalte ausgeliefert. Wer nicht selbst Server mieten und administrieren will, kauft die Dienstleistung bei einem CDN-Provider ein. Unüberschaubar viele Anbieter auf dem Markt machen einen Überblick schwierig. Möglichkeiten...
Regelmäßige Leserinnen und Leser des Dr. Web Magazin kennen seit einigen Monaten den großartigen Bildoptimierer TinyPNG aus den Niederlanden. Viele, so wie ich, werden den Schrumpf-Service fest in den Arbeitsalltag aufgenommen haben. Über 70% Ersparnis in der Dateigröße bringt TinyPNG zuverlässig, ohne sichtbar die Qualität zu beeinträchtigen. Der neue Dienst CompressPNG aus Tschechien tritt an, TinyPNG zu beerben. Tatsächlich ist CompressPNG leistungsfähiger. Für Mac-User...
Platzhalterdienste stellten wir in der Vergangenheit schon einige vor. Der heutige Service mit dem sprechenden Namen uiFaces reiht sich dabei nicht ein, denn er nimmt sich eines ziemlich speziellen, aber an Bedeutung in Zeiten von Social Media steigenden Themas an. Er bietet Avatare als Platzhalter für den Einbau in Design-Mockups an, in denen eben solche Avatare erforderlich sind. Dabei kann uiFaces flexibel angepasst werden....
Welcher Web-Developer kennt die Chrome DevTools nicht? Fest in den Browser integriert, liefern sie Werkzeuge, die bei der Entwicklung von Web-Apps, vor allem deren Debugging, helfen. Dabei ist der Einstieg nicht unbedingt kompliziert. Aber, wie stets, eine fundierte Einleitung hat noch niemandem geschadet und senkt die Hemmschwelle für den Nachwuchs. Genau einen solchen Einstieg liefert Code School mit dem kostenlosen Video-Tutorial “Explore and Master...
Wenn der Hintergrund einer Website mehr als nur einfarbig sein soll, muss eine Hintergrundgrafik her. Will man sich bildlich nicht direkt festlegen, und auf etablierte Weise unterschiedliche Auflösungen bedienen, etscheidet man sich oft für Texturen oder Muster, die sich wiederholen. Gerade sich wiederholende Muster sind je nach Komplexität nicht im Handumdrehen gestaltet. Pattern-Generatoren helfen dabei, Hintergrundgrafiken so zu erstellen, dass ein stimmiges Muster entsteht....
Scrollbare Elemente innerhalb einer Website sind keine Besonderheit. Leider sehen in den wenigsten Fällen weder schön aus, noch passen sie ins Layout. Denn immer, wenn es etwas zu scrollen gibt, werden standardmäßig die Scrollbars des Browsers verwendet. Das jQuery-Plugin Custom Content Scroller stellt individuelle Scrollleisten zur Verfügung, die einfach eingesetzt werden können. Beispiele für das Plugin im Einsatz Plugin und Stylesheet einbinden und loslegen...
Nicht nur die Verbreitung mobiler Devices steigt rasend schnell, auch die Darstellungsmöglichkeiten der kleinen Helfer erreichen eine Qualität, auf die wir an unseren Computerbildschirmen noch immer warten. Der Trend zu immer höher auflösenden Screens, zusammengefasst unter dem Begriff HiDPI, verursacht nicht nur, aber auch im Webdesign Handlungsbedarf. Wer schon einmal eine nicht auf Retina optimierte App auf einem aktuellen MacBook Pro gesehen hat, der...
360 Grad und es wird noch heißer. Nee, ich glaube, da verwechsele ich gerade was. Was das jQuery-Plugin Threesixty.js leistet, hat nur dann etwas mit Temperatur zu tun, wenn man entsprechendes Bildmaterial verwendet. Ansonsten leistet Threesixty.js schlicht die Erstellung von 360-Grad-Ansichten, wie man sie etwa typischerweise auf den Websites der internationalen Auto-Marken vorfindet. Der Charme des Plugins liegt in seiner einfachen Handhabung. Threesixty.js: Data-Attribute...
Typografie im Webdesign ist so eine Sache. Ist man sich möglicherweise noch schnell einig, dass ordentliches Schriftbild begrüßenswert ist, so scheitert es dann doch zumeist in der konkreten Umsetzung. Schön designte Websites mit weniger schöner Typografie sind entsprechend eher die Regel, denn die Ausnahme. Das selbsternannte Starterkit Typeplate tritt an, das zu ändern. Typeplate: Sass, LESS, Stylus, CSS Typeplate steht in verschiedenen Geschmacksrichtungen, die...
Es ist ja schön und gut, dass gängige Frameworks, wie etwa das 960.gs, die Definition und Verwendung gridbasierter Layouts vereinfachen. Eine optische Prüfmöglichkeit, um auch an den Details arbeiten zu können, bringen diese Frameworks jedoch nicht mit. So muss man sich auf die eigenen Augen verlassen und natürlich auf die Codequalität des Gridsystemlieferanten. Wer seine Grids frei baut, also ohne Toolunterstützung, weiß womöglich noch...
Letzte Kommentare