In this first time ever in CSS-Tricks history, we're going to re-run the same poll we've ran in the past. Now, more than five years after the original poll, we're going to ask:

What is your opinion as to the web designers role in mobile design?

If you have to decide where more responsibility lies, you would say:

• It is my job to make sure the website looks and functions well on mobile devices.
• It is the mobile devices job to make sure my website looks and functions well.

You can vote from the actual poll on the site. In the sidebar on larger screens, down a ways on smaller screens.

I realize the language is a bit funky here, but I'm trying to keep the question the same so that the difference in data collected is meaningful. I realize that we've expanded our thinking lately and that "mobile" isn't as useful of a word as it used to be (i.e. doesn't cover TV's and game consoles and refrigerators and whatnot). If you'd like, consider the question in the context of that wider array of devices.

I also imagine many people feel it is a combination of responsibility, so choose which you feel the weight of responsibility is higher. Or if equal, abstain from voting.

As I wrote in the last wrapup five years ago about the (now defunct) Adobe Device Central:

I hope I never need to consult this for just regular websites. There are just too many devices all with different screen sizes and capabilities it would just be a nightmare.

Haha.

Repoll! Whose Responsibility is “Mobile” Design? is a post from CSS-Tricks

Read a recent Breaking Ground Post written by Emily Scheerer ’14, computer science, is a CWIT Scholar and Technology Editor for The Retriever Weekly. Abigail Williams ’14, chemical engineering, is the president of the UMBC chapter of the Society of Women Engineers.

Edge Reflow is one of the exciting new weapons in Adobe’s ever-expanding Creative Suite arsenal; helping to bring the modern web’s powerful features within reach for designers.

Reflow is designed to help creatives work towards the holy grail of current web design standards: responsive design. Previously only possible for the HTML-savvy, now everyone can produce sites that rearrange themselves for different devices.

As well as being enormously beneficial to designers, developers looking to quickly prototype more advanced responsive layouts will also find it useful.

In today’s guide, we’ll be walking through some of the basic tools and techniques you can use in Reflow to create awesome responsive designs quickly and easily. Along the way, you’ll learn the following techniques to apply to your own projects:

• Construct a flexible website design using Reflow’s box, text and image tools
• Find the “breakpoints” of your design, and adjust your layout to display your content how you wish according to the window width
• Make your design bulletproof to mobile and tablet devices
• Test and trial your responsive layout using Reflow’s in-app browser, as well as real-world browsers.

Are you working with Adobe Edge Reflow? How effective a tool have you found it? Let us know in the comments.

Commercio: Professional e-Commerce Icon Set – only 99 cents!

In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about Web Typography, CSS Patterns and Simple Icons.

Here are the links for the week:

Typeplate » A typographic starter kit encouraging great type on the Web
http://typeplate.com/

HTML’s New Template Tag: standardizing client-side templating – HTML5 Rocks
http://www.html5rocks.com/en/tutorials/webcomponents/template/

CSS3 Patterns Gallery
http://lea.verou.me/css3patterns/

The Beginner’s Guide to JavaScript Date and Time
http://www.sitepoint.com/beginners-guide-to-javascript-date-and-time/

Gumby – A Flexible, Responsive CSS Framework – Powered by Sass
http://gumbyframework.com/

SVGeezy – a JS plugin for SVG fallbacks
http://benhowdle.im/svgeezy/

Simple Icons
http://simpleicons.org/

Mobile Emulation – Chrome Developer Tools — Google Developers
http://developers.google.com/chrome-developer-tools/docs/mobile-emulation

The post Web Typography, CSS Patterns and Simple Icons | Treehouse Show Ep 33 appeared first on Treehouse Blog.

The Cascading Style Sheets (CSS) Working Group has published a Working Draft of CSS Grid Layout. This CSS module defines a two-dimensional grid-based layout system, optimized for user interface design. In the grid layout model, the children of a grid container can be positioned into arbitrary slots in a flexible or fixed predefined layout grid. Learn more about the Style Activity.