Hi guys! I''m trying to help out our frontend guy by making a page a single page that contains every kind of situation our site uses. So there should be a header, a nav in a few various states, a new form, a form with errors, etc. Then I also want to figure out some way to show what it will look like in a few different screen sizes (I''m thinking of starting with a pair of iframes that show the same content, one at 320px and the other taking the remaining width. Eventually it''d be configurable somehow). Do you guys have any suggestions of how to implement this nicely, or should I just go about slapping out some Haml that emulates what my existing site does? Thanks! —☈king -- You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To view this discussion on the web visit https://groups.google.com/d/msg/rubyonrails-talk/-/Ke5H_cHgLmsJ. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com. For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en-US.
May I have a little screenshot resuming your description? it''s difficult to answer :D Sorry ;) 2012/7/6 ☈king <zorpit80-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>> Hi guys! > > I''m trying to help out our frontend guy by making a page a single page > that contains every kind of situation our site uses. So there should be a > header, a nav in a few various states, a new form, a form with errors, etc. > > Then I also want to figure out some way to show what it will look like in > a few different screen sizes (I''m thinking of starting with a pair of > iframes that show the same content, one at 320px and the other taking the > remaining width. Eventually it''d be configurable somehow). > > Do you guys have any suggestions of how to implement this nicely, or > should I just go about slapping out some Haml that emulates what my > existing site does? > > Thanks! > > —☈king > > -- > You received this message because you are subscribed to the Google Groups > "Ruby on Rails: Talk" group. > To view this discussion on the web visit > https://groups.google.com/d/msg/rubyonrails-talk/-/Ke5H_cHgLmsJ. > To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org > To unsubscribe from this group, send email to > rubyonrails-talk+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org > For more options, visit this group at > http://groups.google.com/group/rubyonrails-talk?hl=en-US. >-- *lionel Bastian LONKAP TSAMBA* Étudiant 4e année Génie Informatique et Statistiques à Polytech-lille Site: http://first-developer.fr Email: lionel.firstdeveloper-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org Tel: +336 12 48 03 01 -- *lionel Bastian LONKAP TSAMBA* Fourth year student in Software Engineering and Statistics at the Lille University Graduate School of Engineers (Polytech-Lille) Site: http://first-developer.fr Email: lionel.firstdeveloper-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org Phone: +336 12 48 03 01 -- You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com. For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en-US.
I ended up doing this. It works better than I thought: Though it starts on
the initial page, the individual <iframe>s can be clicked through to show
other states of the UI, then they survive reloads.
Note that I still need to tweak the dimensions to get it perfect. Right now
the scrollbars take up some of the 320x480 window, so it''s not
completely
realistic. But it works well enough that I can see the results of all my
@media queries at once.
—☈
- params = { src: ''/my/starting/page }
%style
:sass
#test-boxes
text-align: center
iframe
border: thin dotted black
vertical-align: top
%iframe#mobile-portrait{params.merge({width: 320, height: 480})}
%iframe#mobile-landscape{params.merge({width: 480, height: 320})}
%iframe#desktop{params.merge({width: 960, height: 9999})}
--
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/rubyonrails-talk/-/6y3NAjGLMmUJ.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk+unsubscribe@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en-US.