Profile cover photo
Profile photo
Responsive Webdesign
53 followers -
Seite zum Buch "Responsive Webdesign" von Andrea Ertel und Kai Laborenz
Seite zum Buch "Responsive Webdesign" von Andrea Ertel und Kai Laborenz

53 followers
About
Responsive Webdesign's posts

Post has attachment
Interessante Fakten zu aktuellen Entwicklungen im Netz auf über 300 Folien : http://www.kpcb.com/internet-trends

Z.B. Folie 7: Android schlägt iOS - um Längen oder
Folie 9: Smartphone-Nutzung kanibalisiert nicht die Desktop-Nutzung, sondern erzeugt zusätzliche Online-Zeit.
Folie 18: Nutzung von Ad-Blockern

Post has attachment
Inzwischen sind auch die Autorenexemplare eingetroffen... :-)
Photo

Post has attachment
Die neue Auflage ist lieferbar!

Und passend dazu hat auch unsere Website ein neues Design erhalten. 

Post has attachment

Post has shared content
12 CSS FlexBox Essentials Every Designer Should Know

The CSS3 Flexible Box, or flexbox, is a layout mode providing for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices. For many applications, the flexible box model provides an improvement over the block model in that it does not use floats, nor do the flex container’s margins collapse with the margins of its contents.

#css #flexbox #flex #flexcss #css3 

Post has shared content

Post has shared content
Sehr schöne Idee für Formulare unter beengten Bedingungen.

Mit diesem Ansatz lässt sich das Problem umgehen, dass per Platzhalter beschriftete Felder nach dem Anklicken ihre Beschriftung verlieren.
Accessible Floating Labels

Sometime we forget, so it's worth reminding that this pattern does exist.

http://codepen.io/AllThingsSmitty/pen/VjykOz/
Animated Photo

Post has attachment
Responsive Design, Zitat der Woche:

"Warum ist 'Mobile First sinnvoll? Responsive Design ist wie ein Umzug - aus einem kleinen Appartement in ein großes Haus umziehen ist einfach. Umgekehrt ist es viel schwieriger, den ganzen Kram unterzubringen."

http://blog.cloudfour.com/why-mobile-first-design-works/

Post has attachment
"Lazy Loading" bedeutet, besonders ladeintensive Bilder (oder auch andere Inhalte) erst nach dem Aufbau einer Seite zu laden. Als Platzhalter für nachgeladene Bilder können sehr niedrig aufgelöste Bilder dienen oder einfache Farbflächen.

Dieser Artikel beschreibt, wie man die dominante Farbe von Bildern ermittelt und sie nutzt, um Platzhalterflächen zu erstellen, die den optischen Eindruck der fertigen Website widerspiegeln.

https://manu.ninja/dominant-colors-for-lazy-loading-images

Post has attachment
Finden Sie die Fehler ...
Photo
Wait while more posts are being loaded