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

55 followers
About
Posts

Post has attachment
Add a comment...

Post has attachment
Ein Hinweis beim Testen von Websites mit dem Google Page Speed Analyzer ist der Rat, das "blockierende CSS und JS zu vermeiden". Gemeint ist, dass zunächst nur die Styles und Skripte geladen werden sollten, die in dem Teil der Website benötigt werden, der zu erst geladen und angesehen wird (der obere, sichtbare Teil).

Antony Gore beschreibt in diesen Artikel, wie man diesen Anteil automatisiert mit Hilfe von Webpack und PhantomJS ermittelt und seine Website entsprechend steuert (englisch): https://vuejsdevelopers.com/2017/07/24/critical-css-webpack/
Add a comment...

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
Add a comment...

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

Post has attachment
Die neue Auflage ist lieferbar!

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

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
Add a comment...

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
Add a comment...

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/
Add a comment...
Wait while more posts are being loaded