bradfrost / this-is-responsive

This Is Responsive

This Is Responsive

Patterns, resources and news for creating responsive web experiences.

• This Is Responsive web site
• Announcement post by Brad Frost
• Contribution guidelines

this-is-responsive's Issues

Pie Chart to Table is incorrect

the current url goes to a page with a button that just adds text to the body, not even closer to be a "Pie Chart to Table"

Demo URL Hookup

You need the demo URL linked up dawg! plus a sweet, sweet README file

Modules -> Carousel -> '3-up Touch Carousel' link is broke

resources.html, broken link on line #623

Couldn’t find a replacement for this one.

Typo

There's a lonely, random 'vie' on resources.html line #16.

Add styles for visited links

There is no :visited styles for links. So I don't know what I have read, what not.

Take it to 11: refining the joint

I wanna help refine the entire library. What if authors could download these snippets - or even better - select which parts they want to DL in a bootstrap-esque fashion. I love the codepen examples but I'd rather download something with a clean foundation in line with your atomic library. This could even be a bower or npm thing...bower install thisisresponsive...npm install thisisresponsive. There are also other things to consider like a Sass and CSS port for example.

Obviously checking with you first before I make a move and to discuss it further. Hopefully you dig the intention. Love this lib. It's my bread and butter and I love RWD. I think it's time to dial up the volume on this marshall half stack.

just a quick question....

V! .. used responsive slides on another project recently... nice piece of work... install and customization was quick and easy..... Thanks!

Now on the next project..

A "simple yes or no "as to whether or not it is possible to mix media.. specially .jpegs and .flv files would be appreciated. And if mixing media is possible, any hints so I can get off to a quick start might get you a twelve pack!

Thanks again.
Bill

Source-Order Shift: Flexbox

Hey Brad, FYI your link to Content Choreography at http://jordanm.co.uk/contentchoreography has moved to http://jordanm.co.uk/lab/contentchoreography/

New resource for Frameworks/Boilerplates/Prototyping

Moboom (http://moboom.com), an adaptive CMS and responsive design tool.

Dynamic layouts : Brickwork

BrickWork is used to create a dynamic layout grid.

Example:
Pinterest Design
Draggable Bricks

Cons for dropdown breadcrumbs don't look right.

One of the cons for the dropdown breadcrumb pattern is:
"Small screen users require a full-page refresh in order to go back multiple levels"

but that's the same for the last one only pattern, and not the case here. The dropdown is explicitly to avoid that ...

HTH,
Jeremy

404 dead link in resources.html

404 LINK: Beginner's Guide to Responsive Web Design

Current link:
http://teamtreehouse.com/blog/beginners-guide-to-responsive-web-design

Change needed:
http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design

jQuery missing in some of the Codepen patterns

I just found that some of the Codepen patterns such as https://codepen.io/bradfrost/full/sHvaz or https://codepen.io/bradfrost/full/vljdx are no longer loading jQuery, and therefore the JS is not working. I was able to fix it locally by re-adding jQuery as an external resource.

Thanks for all the work!

Price Block Pattern : Flexbox and Pseudo Columns

@bradfrost
Here's the pattern I'm referencing. I call it “price blocks,” but maybe there's a more vanilla name for it? At the core it's basically equal height columns, but this is also a good excuse to show the pattern using flexbox besides the one linked which uses some pseudo trickery.

Non-Flex Box Example using Pseudo Magic.
http://codepen.io/grayghostvisuals/pen/KIfDy

resources.html, broken link on line #157

This used to link to an interactive style tiles project but the page is gone now.

The files are still hosted here:
http://www.republicofquality.com/style-tile/resources/

Define default branch "gh-page" on your repository administration

'Flexbox' link is broke

In the Source-Order Shift section

Link for "Axes of responsive design" is broken

This is the correct link:

http://responsivenews.co.uk/post/12642980168/axes-of-responsive-design

They've removed the "blog" subdomain.

Broken link in Resources

The link for the "Embed Responsively" Resource is broken. You need to add an = to the href attribute.
https://github.com/bradfrost/this-is-responsive/blob/gh-pages/resources.html#L552

Add YAML to the list of CSS frameworks

YAML (Yet Another Multicolumn Layout) is a responsive CSS framework with strong focus on flexibilty, accessibility - http://www.yaml.de

I would greatly appreciate being included in this list of resources. Thank you.

404 Link for "An agency workflow for Responsive Web Design"

Hi
on the http://bradfrost.github.io/this-is-responsive/resources.html
Process link to the "An agency workflow for Responsive Web Design"
is dead
http://bradfrost.github.io/this-is-responsive/An%20agency%20workflow%20for%20Responsive%20Web%20Design

I guess you meant this link.
http://www.elezea.com/2013/09/responsive-design-agency-workflow/

Contributing

Hi Brad,

This really isn't an issue. Just a suggestion for another resource to add to your library of information. I would like to suggest a responsive wireframe prototyping framework that could be a great include on This is responsive. It's called Wirefy. You can check it out at http://getwirefy.com

Please let me know if you have any questions. Thanks,

HTML5 Cross Browser Polyfills by Paul Irish

HTML5 Cross Browser Polyfills by Paul Irish - For Unsupported Browsers:
http://html5polyfill.com/

New links about Guide To Flexbox - for Tutorials section

Hello Brad,

Here are some useful new links about Guide To Flexbox, for your Tutorials section

A Designer’s Guide To Flexbox, Part 1: Basic Example of Flexbox in Action
A Designer’s Guide To Flexbox, Part 2: Going Vertical
A Designer’s Guide To Flexbox, Part 3: Understanding Visual Weight
A Designer’s Guide To Flexbox, Part 4: Order
A Designer’s Guide To Flexbox, Part 5: A Responsive Graphic Novel In Flexbox
A Designer’s Guide To Flexbox, Part 6: Easy Masonry Layout With Flexbox
A Designer’s Guide To Flexbox, Part 7: Easy Responsive Grid Layout With Flexbox

Have a nice day and God bless

Patterns link on homepage

The "Patterns" link in the main body of the homepage 404's - it's pointing to /this-is-responsive/patterns, not patterns.html

images do not load...

http://bradfrost.github.io/this-is-responsive/patterns/images/fpo_square.png
http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png

as featured in such fine examples as:

http://codepen.io/bradfrost/full/GlrHv

and

http://codepen.io/bradfrost/full/xkcBn