Re: [ia-55] Drag & Drop Interface Builders

From: user 6.
Sent on: Tuesday, April 30, 2013 3:24 PM
Sarah--thanks for taking the time to elaborate and for providing these great resources.  

Interesting...I was thinking of "responsive" more as UI that refactors itself as you narrow a browser.... I have written alternate CSS and have implemented javascript sniffers for devices in order to "dial up" other layouts or remove UI elements entirely, but I wasn't really filing that under responsive in my mind.  I was thinking more of something that repsonds on the fly, rather than what you redirect someone to after sniffing out what they're using.  :)


On Tue, Apr 30, 2013 at 2:58 PM, Sarah Berchild <[address removed]> wrote:
To McKenna and anyone else who is interested in Responsive (and Adaptive) Design.
For all else - pardon the mass mail.

McKenna - You are close in your thoughts about what responsive is.
The first 2 points are correct...to a point.

When you have a responsive site, in addition to changing the layout, in the CSS you can opt to show & hide elements via CSS based on your goals (ie content, device size, etc.) For example - one of my favorite examples is Smashing Magazine.
You'll notice they have something like 4 or 5 breakpoints grids that realign. But in addition to the realignment, you'll notice
that some of the content appears (or disappears - like the ads) and even changes size/proportion based on the individual breakpoint.
http://www.smashingmagazine.com/

Frameworks & Boiler plates:
As for frameworks, there are a lot out there and the number grows every day. Github is a great place to find other folks sharing responsive code, albeit, a bit confusing for folks who may be more into UX/design than code. Here is one other Github example.  Some others are below:



I have compiled a list of responsive sites as well as further readings. So if anyone is interested, drop me a note and I'll send it your way.

Best,
Sarah Berchild
[address removed]



On Tue, Apr 30, 2013 at 10:42 AM, McKenna Rowe <[address removed]> wrote:
In thinking more about Charlie's comment regarding the ubiquitous presence of Bootstrap as a responsive solution, what other frameworks are out there that don't use that same grid system that are also responsive?  I'm having trouble getting my head around any other kind of way you would make something responsive other than through a grid breakdown of horizontal vs vertical rows?

Maybe this is another conversation about what "responsive" really means, but in a nutshell, on most projects I've worked on, it entails the following...
When transitioning from desktop to mobile: 
1) Stacking things vertically that were once horizontally laid out 
2) (conversely) laying content out horizontally with swiping action that were once vertically laid out

:)


On Thu, Apr 25, 2013 at 7:29 PM, Abhishek Arora <[address removed]> wrote:
Try Webflow. It seems really powerful.

Abhi

On Apr 25, 2013, at 6:02 PM, Yossi <[address removed]> wrote:

I don't disagree with that, but I think it's only a problem if you're building final designs rather than prototypes. I'm interested in these tools as a way of creating something that's potentially reusable and that represents the actual experience of using a website more authentically than Omnigraffle or Balsamiq or other wireframing tools. With non-HTML-based tools it's too easy for inexperienced designers to design something that's completely implausible in the browser.

Incidentally, the Divshot team is based here in LA. Santa Monica, I think. Don't know about Jetstrap.

Yossi




On 25 April[masked]:51, Carlos (Charlie) Salazar <[address removed]> wrote:
My two cents: The trouble I find with these tools is it's reliance on Bootstrap. For all of it's merits, the Bootstrap look and feel is becoming a ubiquitous presence online. It seems to have become the Helvetica of responsive layouts, a victim of it's own success.


Carlos (Charlie) Salazar
[address removed]


On Thu, Apr 25, 2013 at 5:37 PM, Lisa Steward <[address removed]> wrote:
Here's another layout editor that you may want to look into... I don't have very much personal experience with it yet, but was stumbled across it the other day and have been wanting to try it out: http://www.layoutit.com/

Lisa
---
Stone Giant Labs


On Thu, Apr 25, 2013 at 5:15 PM, Lisa Steward <[address removed]> wrote:
Here's another layout editor that you may want to look into... I don't have very much personal experience with it yet, but was stumbled across it the other day and have been wanting to try it out: http://www.layoutit.com/


On Thu, Apr 25, 2013 at 4:03 PM, jon <[address removed]> wrote:
I'd be interested in opinions too. My main question is, if you know bootstrap, does this add anything substantive?

-j


On Thu, Apr 25, 2013 at 3:55 PM, Thomas Donehower, Dir UX at Xi <[address removed]> wrote:
Experimenting with drag and drop interface builders that create usable responsive HTML and CSS such as:


Anyone have any experience with these tools or something similar? Interested in exploring the idea of having one prototype that eventually can become a finished product for the marketplace. 

This would be different than prototyping tools like Axure, which can be used to create beautiful prototypes, but are ultimately recreated by development as finished products. 

Thoughts, successes, horror stories, etc. please share...

Thanks!

--
-Tom





--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by Thomas Donehower, Dir UX at Xi ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about Thomas Donehower, Dir UX at Xi, visit his/her member profile
Set my mailing list to email me As they are sent | In one daily email | Don't send me mailing list messages

Meetup, POB 4668 #37895 NY NY USA 10163 | [address removed]





--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by jon ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about jon, visit his/her member profile



--
Stone Giant Labs
T: (626) 789-LABS



--
Stone Giant Labs
T: (626) 789-LABS




--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by Lisa Steward ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about Lisa Steward, visit his/her member profile





--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by Carlos (Charlie) Salazar ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about Carlos (Charlie) Salazar, visit his/her member profile





--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by Yossi ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about Yossi, visit his/her member profile
Set my mailing list to email me As they are sent | In one daily email | Don't send me mailing list messages

Meetup, POB 4668 #37895 NY NY USA 10163 | [address removed]




--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by Abhishek Arora ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about Abhishek Arora, visit his/her member profile





--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by McKenna Rowe ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about McKenna Rowe, visit his/her member profile



--
Sarah Figueroa-Berchild




--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by Sarah Berchild ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about Sarah Berchild, visit his/her member profile

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy