CSS- und HTML-Vokabular: Wörterbücher für Anfänger und Vergessliche

Selbst als erfahrener Entwickler hat man nicht, wo man geht und steht, CSS-Vokabular vor Augen. Oder murmelst du etwa kontinuierlich CSS-Syntax vor dich hin? Sollte dem so sein, wundere dich nicht, wenn die Menschen beginnen, dich zu meiden. Hast du in letzter Zeit derlei Anzeichen bemerkt, weißt du ja jetzt, woran es liegen könnte. Schon… CSS- und HTML-Vokabular: Wörterbücher für Anfänger und Vergessliche weiterlesen

SVG & CSS: Was geht, was nicht in der Gestaltung per Stylesheet

SVG hat sich als Format für Vektorgrafiken im Browser etabliert. Grafikprogramme wie Adobes Illustrator unterstützen das Speichern in diesem Format und moderne Browser können sie problemlos darstellen. Da SVG-Grafiken wie auch HTML-Dokumente über eine Auszeichnungssprache erstellt werden, ist die Erstellung und Bearbeitung per Texteditor möglich. Für die Gestaltung von SVG-Grafiken kann man zudem auf Stylesheets… SVG & CSS: Was geht, was nicht in der Gestaltung per Stylesheet weiterlesen

Gitter voll im Griff: Firefox mit neuem Layout-Panel für CSS-Grids

Ordentliche, auf Raster beziehungsweise Gitter basierende Layouts waren bislang nur auf umständlichen Wegen möglich. Die neuen CSS-Grids, die in den neueren Versionen der bekannten Browser seit einiger Zeit möglich sind, erlauben endlich solche Layouts. Und im Firefox gibt es – zumindest in der Nightly-Version – ein neues Layout-Panel im Inspektor der Entwicklerwerkzeuge, welches dir den… Gitter voll im Griff: Firefox mit neuem Layout-Panel für CSS-Grids weiterlesen

Besser platzieren und transformieren dank verschachtelter SVGs

Das Erstellen von SVG-Grafiken ist eine recht unkomplizierte Sache. Wer HTML beherrscht, findet sich auch schnell in der SVG-Syntax zurecht. Allerdings gibt es einige kleine, aber durchaus relevante Unterschiede zwischen HTML und SVG, was die Positionierung von SVG-Formen betrifft. Denn diese werden grundsätzlich absolut innerhalb einer SVG-Zeichenfläche platziert. So werden Formen in SVG-Grafiken platziert Was… Besser platzieren und transformieren dank verschachtelter SVGs weiterlesen

Dribbbox stellt Ihr Dribbble-Portfolio als Website dar, ganz ohne Aufwand

Viele Tools sind einfach. Aber wenige davon sind einfach gut. Dribbbox vom belgischen Designer Benjamin De Cock ist beides. Benjamin erstellte ein zeitgemäßes, responsives Portfolio-Design, das automatisch den Inhalt eines beliebigen Dribbble-Portfolios auslesen und sehr ansprechend darstellen kann. Das ist schon gut. Noch besser ist, die Lösung hosten Sie selber auf Ihrer eigenen Domain. Dribbbox:… Dribbbox stellt Ihr Dribbble-Portfolio als Website dar, ganz ohne Aufwand weiterlesen

Powerange und Switchery: HTML5 für Schalter und Slider im Flat Design

Alexander Petkov macht mit zwei unter der MIT-Lizenz frei nutzbaren HTML5-Komponenten auf sich aufmerksam. Powerange erlaubt die Erstellung schicker Slider im von iOS7 inspirierten Flat Design und mit Switchery baut man dazu passende Schalter. Beide Komponenten funktionieren als Kombination von CSS und JavaScript ohne weitere Abhängigkeiten und laufen in allen modernen Browsern, sogar im Internet… Powerange und Switchery: HTML5 für Schalter und Slider im Flat Design weiterlesen

Total Recall #1: 140+ kostenlose HTML/CSS-Website-Vorlagen und PSD-Templates

In unserer schnelllebigen Branche ist es sinnvoll, ab und an mal innezuhalten und zurück zu schauen. Denn die Geschwindigkeit hat auch ihre Nachteile. So neigen wir dazu, nur auf den neuesten heißen Scheiß zu schauen, obwohl es ein paar Monate zuvor möglicherweise bessere Lösungen gegeben hat.

HTML, CSS, PSD und mehr: 22 kostenlose Design-Ressourcen aus dem Dezember 2013

Design-Ressourcen werden aus verschiedenen Gründen stets gern genommen. Einige von uns verwenden sie als Bausteine für ihr nächsten Projekt. Andere nutzen sie lediglich, um sich eigenen Kreationen inspirieren zu lassen. Aber uns allen gemeinsam ist, dass wir diese Ressourcen sammeln. Der alte Jäger und Sammler in uns lässt sich halt nicht überlisten. In vollem Bewusstsein… HTML, CSS, PSD und mehr: 22 kostenlose Design-Ressourcen aus dem Dezember 2013 weiterlesen

DevDocs: Zentrales Nachschlagewerk für Webentwickler

Thibaut Courouble ist wieder da. Der französische Frontend-Entwickler, den wir im Sommer 2012 erstmalig bei Dr. Web vorstellten, meldet sich mit seinem jüngsten Projekt DevDocs zurück. DevDocs will nicht weniger, als das zentrale Nachschlagewerk für Webentwickler sein. Und in der Tat ist die themenübergreifende Bündelung verschiedener Dokumentationen mit einer ebenso übergreifenden Suchfunktion gar keine schlechte… DevDocs: Zentrales Nachschlagewerk für Webentwickler weiterlesen

HTML, CSS, PSD und mehr: 25 kostenlose Design-Ressourcen aus dem November 2013

Ja. Hallo erstmal. Auch in diesem Monat melden wir uns wieder mit einer weiteren Ausgabe unseres monatlichen Komplettpakets der besten, frischesten Design-Ressourcen der letzten Wochen. Wenn Sie unsere regelmäßige Serie bereits kennen wissen Sie ja, was Sie erwartet. Wieder haben wir einen Sack voller HTML-, CSS- und PSD-Templates zusammengestellt und um die besten UI-Kits ergänzt.… HTML, CSS, PSD und mehr: 25 kostenlose Design-Ressourcen aus dem November 2013 weiterlesen

CSS for Runaways: 5 unterschätzte Selektoren

In CSS gibt es jede Menge interessanter Selektoren, die kaum jemand kennt, geschweige denn benutzt, und das hat in erster Linie zwei Gründe. Zum einen scheint es so, als ob die lange Zeit gültigen Beschränkungen des IE6 irgendwann zur Gewohnheit geworden sind. Zum anderen enthält der von CMSystemen erzeugte Quelltext oft viele Klassen, die dann… CSS for Runaways: 5 unterschätzte Selektoren weiterlesen

Dr. Webs Favoriten KW 43/2013: Die besten Links der Woche

Wenn Sie uns auch in den sozialen Netzwerken folgen, wissen Sie, dass wir dort Mengen zusätzlichen Content bieten. Links zu Freebies, Tutorials, interessanten Artikeln oder anderen erwähnenswerten Inhalten aus den Weiten und Tiefen des Web, dabei aber nicht von uns selbst erstellt. Allerdings ist nicht jede Leserin und jeder Leser in diesen Netzwerken aktiv, manche… Dr. Webs Favoriten KW 43/2013: Die besten Links der Woche weiterlesen

Bento: Intelligente Liste der besten Online-Kurse zum Thema Web-Development

Erst vor ein paar Tagen stellten wir Ihnen hier eine Liste mit 22 der besten internationalen Online-Schulungsangebote vor. Heute stolperten wir geradezu über eine neue Ressource namens Bento, die ihrerseits die besten konkreten Kursangebote für alle Themen rund um Webentwickler-Themen sammelt und aufbereitet verfügbar macht. Die Sammlung setzt auf die Mithilfe aller und kann sich… Bento: Intelligente Liste der besten Online-Kurse zum Thema Web-Development weiterlesen

Alles so schön bunt hier: 21 kostenlose Design-Ressourcen zum Herbstanfang 2013

Guten Morgen, Designer, Developer und übrige Netzbewohner. Wir sind zurück mit der neuesten Ausgabe unseres monatliches Rundumschlags mit den besten, frischesten Design-Ressourcen des vergangenen Monats. Wenn Sie unsere regelmäßige Serie bereits kennen, dann wissen Sie ja, was Sie erwartet. Wieder haben wir einen Sack voller HTML-, CSS- und PSD-Templates zusammengestellt und um die besten UI-Kits… Alles so schön bunt hier: 21 kostenlose Design-Ressourcen zum Herbstanfang 2013 weiterlesen

Koala – Brandneue Cross-Plattform-App erleichtert den Umgang mit Präprozessoren wie LESS , Sass und anderen

Aus der chinesischen Großstadt Shengzhen stellt uns Entwickler Ethan Lai kostenlos ein Tool zur Verfügung, das den Umgang mit Less, Sass, Compass und CoffeeScript erleichert. Dies gilt umso mehr, wenn Sie, wie ich, unter der Flagge verschiedener Betriebssysteme segeln. Denn Koala, so der sympathische Name des Werkzeugs, läuft unter Windows, Mac OS und Linux. Gestern… Koala – Brandneue Cross-Plattform-App erleichtert den Umgang mit Präprozessoren wie LESS , Sass und anderen weiterlesen

Best of Juli 2013: 30+ frische HTML/PSD-Themes und UI-Elemente

Im zweiten Teil unserer neuen monatlichen Serie mit frischen HTML/PSD-Themes und UI-Elementen stellen wir Ihnen Ressourcen vor, die sämtlich im Juli 2013 entstanden sind. Wir liefern Ihnen mit über 30 verschiedenen Werken ein breites Set an vorgefertigten Themes, Templates und sonstigen Elementen. In vielen Fällen werden die Rohdaten zur Bearbeitung mit Ihrem favorisierten Bild- oder… Best of Juli 2013: 30+ frische HTML/PSD-Themes und UI-Elemente weiterlesen