CSS

CSS

HTML5: zeitgemäße Rasterlayouts mit CSS-Grids

18. Juli 2014
von
HTML5: zeitgemäße Rasterlayouts mit CSS-Grids

Als es noch kein CSS und keine Trennung zwischen Inhalt und Gestaltung einer Website gab, war es üblich, Weblayouts als Tabelle zu gestalten. Mit der steigenden Bedeutung einer semantischen HTML-Auszeichnung waren Tabellen fortan nur noch für die Auszeichnung von Inhalten gedacht, die auch tatsächlich tabellarisch dargestellt werden sollen. Die einfache Einteilung eines Weblayouts in Zeilen und Spalten war mit CSS nicht mehr möglich. Mit...

Weiterlesen »

Animationen

Demnächst auf Ihrem Bildschirm: CSS3-Animations mit der neuen JavaScript-Methode animate()

9. Juni 2014
von
Demnächst auf Ihrem Bildschirm: CSS3-Animations mit der neuen JavaScript-Methode animate()

Seit CSS3 sind Animationen in HTML-Dokumenten kein Problem mehr. Mit der „@keyframes“-Regel werden verschiedene Eigenschaften wie Position oder Größe eines HTML-Elementes definiert. Die dazugehörige „animation“-Eigenschaft sorgt dafür, dass die in den Keyframes festgelegten Eigenschaften in Bewegung geraten. Ganz ohne JavaScript und Plug-ins erstellen Sie so auch durchaus komplexe Animationen, die in allen modernen Browsern problemlos laufen. Problematisch wird es, wenn JavaScript ins Spiel kommen...

Weiterlesen »

CSS

CSS3: Viewport Units – Neue Einheiten für responsive Designs

3. Juni 2014
von
CSS3: Viewport Units – Neue Einheiten für responsive Designs

Dank prozentualer Angaben ist es ein Leichtes, Webdesigns zu entwickeln, die sich der Breite und bei Bedarf auch der Höhe des Browserfensters anpassen. Gerade wenn es darum geht, eine Website für verschiedene Medien wie Tablets und Smartphones zu entwickeln, ist dies eine gängige Praxis. Textblöcke, Bilder und andere Elemente passen sich so automatisch jeder Größe an. Doch Angaben in Prozent sind nicht immer angebracht,...

Weiterlesen »

CSS

Magic.css: CSS3 Animations mit Spezialeffekten

21. Mai 2014
von
Magic.css: CSS3 Animations mit Spezialeffekten

Seit Juli letzten Jahres arbeitet Christian Pucci aka miniMac an seinem Stylesheet mit Spezialeffekten auf Basis von CSS3 Animations. Konnte er zum Start lediglich eine Handvoll vorweisen, bringt es seine Sammlung mittlerweile auf stattliche 55 Effekte, die komplett geprefixed in allen modernen Browsern funktionieren. Das Projekt steht unter MIT-Lizenz, kann also frei verwendet werden. Magic.css: Viel Bewegung auf der Website CSS3 Animations sind im...

Weiterlesen »

CSS

The CSS Animations Pocket Guide: Kostenloser denn je

18. Mai 2014
von
The CSS Animations Pocket Guide: Kostenloser denn je

Der Verlag Five Simple Steps hängte im letzten Monat abrupt sein Geschäft an den berühmten Nagel. Ein einfacher Tweet und schon war’s vorbei. Übergangsfristen gab es keine. Immerhin waren die gescheiterten Verleger nett genug, unverzüglich alle Rechte an den eingereichten Werken an die jeweiligen Autoren rückzuübertragen. Darüber freute sich unter anderem Val Head, die Autorin des kleinen Ebooks "The CSS Animations Pocket Guide". Flugs...

Weiterlesen »

CSS

CSS Vocabulary: Wörterbuch für Anfänger und Vergessliche

17. Mai 2014
von
CSS Vocabulary: Wörterbuch für Anfänger und Vergessliche

Selbst als erfahrener Entwickler hat man nicht, wo man geht und steht, CSS-Vokabular vor Augen. Oder murmeln Sie etwa kontinuierlich CSS-Syntax vor sich hin? Sollte dem so sein, wundern Sie sich nicht, wenn die Menschen beginnen, Sie zu meiden. Haben Sie in letzter Zeit derlei Anzeichen bemerkt, wissen Sie ja jetzt, woran es liegen könnte. Schon gut, danken Sie mir nicht. Möglicherweise hilft Ihnen...

Weiterlesen »

CSS

HTML, CSS, PSD und mehr: 23 kostenlose Design-Ressourcen für den Mai 2014

15. Mai 2014
von
HTML, CSS, PSD und mehr: 23 kostenlose Design-Ressourcen für den Mai 2014

The show must go on. Immer ausgerichtet an den Bedürfnissen der vielen Seitenbetreiber da draußen, pflegen wir eine kleine Anzahl von Beitragsserien, die Sie mit den besten, kostenlosen, neuen Design-Ressourcen bekannt machen, die das Weltennetz im Angebot hat. Heute beschäftigen wir uns wieder mit Templates in HTML, CSS und PSD, sowie Kits zum Bau von Nutzeroberflächen. Unser Monats-Favorit ist Foto, ein Portfolio-Template für Fotografen....

Weiterlesen »

CSS

HTML, CSS, PSD und mehr: 22 freie, frische Design-Ressourcen aus dem April 2014

23. April 2014
von
HTML, CSS, PSD und mehr: 22 freie, frische Design-Ressourcen aus dem April 2014

War Ihr Osterfest auch so ertragreich? Wir haben nicht nur Unmengen an Eiern gefunden, sondern auch wieder einen ganzen Haufen freier Design-Ressourcen, die Ihnen Freude bereiten werden. Regelmäßige Leser wissen ja bereits, dass wir ebenso regelmäßig das Netz durchpflügen und die neuesten Ressourcen für Sie aufspüren. Lesen Sie unsere Serie, können Sie sicher sein, stets up-to-date zu sein. Und so sind wir auch in...

Weiterlesen »

CSS

HTML, CSS, PSD und mehr: 18 kostenlose Design-Ressourcen aus Februar und März 2014

25. März 2014
von
HTML, CSS, PSD und mehr: 18 kostenlose Design-Ressourcen aus Februar und März 2014

Guten Morgen, werte Leserinnen und Leser! Wir sind zurück mit einer neuen Kollektion an HTML-, CSS- und PSD-Templates, sowie einigen UI-Konzepten. Regelmäßige Leser wissen ja bereits, dass wir ebenso regelmäßig das Netz durchpflügen und die neuesten Ressourcen für Sie aufspüren. Lesen Sie unsere Serie, können Sie sicher sein, stets up-to-date zu sein. Ob Sie nun die folgenden Arbeiten als Quell der Inspiration nehmen oder...

Weiterlesen »

CSS

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

18. März 2014
von
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 Explorer (Switchery 8+, Powerange 9+). Man muss kein Fan...

Weiterlesen »