Responsive Web Design

9 posts

  • Introduction to CSS Grid Layouts

    ···
    Introduction to CSS Grid Layouts

    CSS Grid layouts are definitely one of the most exciting developments in CSS for years. It’s what all web designers and frontend developers have always dreamed of. Finally, we are able to convert our grid-based web designs directly into CSS without the help of javascript hacks or any kind of weird CSS technics. That sounds…

    Read more: Introduction to CSS Grid Layouts
  • Am I Responsive?

    ··
    Am I Responsive?fireship.dev

    After I read the newest Responsive Design Newsletter by @justinavery this morning I had a little “aha moment”, because I never heard of his awesome side project Am I Responsive? until today. The screenshot tool lets you create helpful screenshot of your responsive website with just one click and it’s also a lot of fun to see your responsive webdesign appear in such a beautiful presentation.

    Elmastudio.de on Am I Responsive?.
    Elmastudio.de on Am I Responsive?.

    The tool will show your responsive website in a desktop (1600x992px resolution), laptop (1280x802px), tablet (768x1024px) and mobile phone (320x480px) screen and you can even rearrange your setup by draging’n’droping the devices on the screen.

    So “Am I Responsive?” is definitely bookmarked, since I think the tool is a beautiful way to create fast responsive website presentation screenshots and to get a first idea how your responsive web design will look on different devices.

  • Content Strategy for Mobile

    ···
    Content Strategy for Mobileabookapart.com

    Yesterday the newest book in the A Book Apart series, “Content Strategy for Mobile” by Karen McGrane, was released, and of course we bought the ebook version straight away. I have already browsed through it a little and I am thrilled.

    Content Strategy for Mobile by Karen McGrane, A Book Apart
    (Image: A Book Apart)

    In plain language, Karen discusses what to consider to make web content mobile-ready and which problems designers, developers and authors face when content has to be accessible on all kinds of devices.

    And “mobile” no longer means just smartphones and tablets. It is about preparing web content for a huge range of devices with very different screen formats, from the smallest Blackberry screen to smart TVs and fridges with built-in displays.

    Get your content ready to go anywhere because it’s going to go everywhere.

    Brad Frost in For a Future-Friendly Web

    Karen analyses many current website examples and discusses what to look out for to be ready for this exciting, colourful new world of the web. The book is available as an ebook for 9 US dollars or as a paperback for 18 dollars plus shipping from A Book Apart.

  • Jeffrey Zeldman: thinking mobile first

    ··

    Thinking mobile first forces you to only keep what matters in our sites. We have to think about usability & content because people on mobile have very little time and screen space.

    — Jeffrey Zeldman, “Content First” talk at An Event Apart, as noted by Luke Wroblewski, 2012.

    The line is from Luke Wroblewski’s notes on Jeffrey Zeldman’s “Content First” talk at An Event Apart in 2012. We were building our first mobile-first themes at the time, and the sentence put into words why: the layout doesn’t get smaller, the content gets more important.

Expand sidebarB
DEEN