http://www.drweb.de/magazin/all-inkl-com-komplett-offline-40314/

CSS Matic – "What You See Is What You Get" für die CSS-Entwicklung – Dr. Web Magazin
Die Zeiten, in denen CSS rein mit der Hand geschrieben werden musste, sind schon seit einiger Zeit vorbei. In den letzten Jahren konnten sich immer mehr kleine Helferlein etablieren, die einzelne Aspekte des CSS-Design visuell unterstützen. Aus Spanien kommt eine neue Web-App, die vier Teilbereiche komfortabel abzudecken versteht. Die Entwickler des Dienstes CSS Matic sind alte Bekannte.

Premium-WordPress-Theme kostenlos bei Dr. Web: The Ambassador – Dr. Web Magazin
“The Ambassador” ist ein WordPress-Theme, das speziell für das Unterbringungsgewerbe entwickelt wurde. Hotels und Pensionen aller Art sind die Zielgruppe dieses aufwändigen Templates. Natürlich eignet es sich auch für das Showcasing von Events oder Immobilien anderer Art. Mit etwas Fantasie ist vieles denkbar. Besonders interessant: “The Ambassador” trägt normalerweise ein Preisschild, auf dem 200 USD steht. Dr. Web Leserinnen und Leser zahlen nichts und können das Theme im folgenden Beitrag kostenlos herunterladen.

Voll im Flow – 26 Beispiele für responsives Design, wie es sein soll – Dr. Web Magazin
Responsives Webdesign ist ein Trend, um den man nicht mehr herumkommt. Vor allem der sensationelle Erfolg mobiler Clients, wie Smartphones und Tablets lässt die Nachfrage nach Layouts, die auch mobil gut funktionieren, rasant steigen. Auch wenn die ganz großen Websites sich noch schwer tun, auf den mittlerweile schon rasenden Zug aufzuspringen, ist die Hoffnung berechtigt, dass selbst die großen Web-Dinosaurier in Kürze umsteigen werden. Das wiederum wird für einen weiteren Schub in Richtung Responsiveness sorgen. Die besten Vertreter responsiven Designs bieten nicht nur eine ausgezeichnete Nutzererfahrung auf mobilen Clients, sie definieren vielmehr das User Interface neu. Im folgenden zeige ich Ihnen eine Reihe der besten Beispiele für perfekt umgesetztes responsives Design. Lassen Sie mich wissen, was Sie davon halten…

Exklusiv für Dr.Web-Leser: Freepiks Web Mega Bundle mit 500 Icons kostenlos – Dr. Web Magazin
Heute haben wir ein ganz besonderes Freebie für die Leserinnen und Leser von Dr. Web und Noupe Magazine. Die Betreiber der bereits mehrfach hier erwähnten Suchmaschine für Design-Ressourcen Freepik stellten uns exklusiv ein dickes Icon-Paket mit 500 verschiedenen Symbolen zur Verfügung. Das Web Mega Bundle 500 gibt es nur bei uns. Lesen Sie weiter…

Sidr für jQuery: Moderne Sidebar-Navigation mit vielen Finessen – Dr. Web Magazin
Das sogenannte Panelmenu, oder korrekter Off-Canvas-Menu, ist seit dem Siegeszug mobiler Clients immer populärer geworden. Seitlich rein slidende Navigationsmenüs kennen Sie von nahezu jeder größeren Smartphone-App. Wenn ich mich recht erinnere, war es Facebooks mobile Anwendung, die das Sidebar-Menü als erste einsetzte. Vor einiger Zeit stellten wir mit dem jQuery-Plugin jPanelMenu bereits eine Variante vor, die das Sidebar-Menü für beliebige Websites verfügbar macht. Unsere neueste Entdeckung Sidr kann noch mehr…

Mal sehen, ob´s klappt…

Typeplate: Starterkit sorgt für ordentliche Typografie – unabhängig vom Website-Design – Dr. Web Magazin
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.

Magento, osCommerce, OpenCart: Which Ecommerce CMS Should You Choose? [Infographic] – noupe
According to retail researchers worldwide, the shopping revolution has only just begun. Although you sense almost everybody buying at Amazon already, this is just the tip of the iceberg. In the next three years, online shopping is about to explode. To keep your head above the water as a retailer you will need to take the step and eventually install an online subsidiary of your brick and mortar store. The designers from Forix Webdesign took three of the most successful softwares that promise to achieve just that and put them head to head in a comparison. To not steal too much of your time, this comparison comes along in the form of an infographic.

Free WordPress Themes Fresh From January and February 2013 – noupe
Our goal is to round up the new theme releases for self-hosted WordPress installations monthly. With January being a rather weak month in terms of numbers we decided to accumulate the themes from the first two months. From experience we can assume that now, after the cold months pass developer’s enthusiasm comes back and more themes will be conceived. Generally we can conclude that WordPress theme developers focus on responsive layouts more often than not. Mobile clients have their impact here. In this roundup we have two themes that are based on Twitter’s fantastic framework Bootstrap, Hybrid Core also has its share again. See for yourself…

Serif vs. Sans: Typographie-Grundlagen in Massen freier Fonts (Infografik) – Dr. Web Magazin
Soll ich Ihnen glauben, dass Sie wirklich noch nie von Urban Fonts gehört haben? Gut, bedenkt man die Schnelllebigkeit des Web und den Informationsüberfluss, der damit einhergeht, ist das durchaus denkbar. Dann lernen Sie Urban Fonts eben jetzt kennen. Dort findet sich neben einer ganz aktuellen Infografik zum Unterschied zwischen Schriften mit Serifen und Schriften ohne, immer noch ein weiter wachsender Bestand von rund 8.000 freien Schriftarten. Es lohnt sich also aus mehreren Gründen der Besuch dort…

The Heads-Up Grid und SpryMedia Grid – Gitternetzoverlays für das Webdesign im Browser – Dr. Web Magazin
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 eher, wovon ich rede. Die beiden Tools aus dem folgenden Beitrag versprechen, bei der Positionierung der Designdetails behilflich zu sein…