Responsive layout: screenshots

[jonkerz]

All screenshots are from working code.

[foozleface]

Excellent. Is this pushed to a branch?

Manually ccing the rest of the team; if you’re not on this email alias, we should take steps to fix that.

-Joe

On Mar 1, 2016, at 8:50 AM, jonkerz notifications@github.com wrote:

All screenshots are from working code.

https://cloud.githubusercontent.com/assets/1513381/13434297/aba5b3f4-dfd5-11e5-96dc-9e37ebae02ca.png https://cloud.githubusercontent.com/assets/1513381/13434298/aba6ab38-dfd5-11e5-9039-8a3b0ab9d36d.png https://cloud.githubusercontent.com/assets/1513381/13434301/aba7fa1a-dfd5-11e5-8d9b-6fdd255b2f2e.png https://cloud.githubusercontent.com/assets/1513381/13434299/aba75a56-dfd5-11e5-918a-0573e57d9040.png https://cloud.githubusercontent.com/assets/1513381/13434300/aba7ea2a-dfd5-11e5-96a8-0dca874c5da3.png https://cloud.githubusercontent.com/assets/1513381/13434302/aba8e506-dfd5-11e5-9d57-054f516b0df2.png https://cloud.githubusercontent.com/assets/1513381/13434303/abba7b4a-dfd5-11e5-8818-9b00a0f062f6.png https://cloud.githubusercontent.com/assets/1513381/13434304/abbca7e4-dfd5-11e5-8cad-07ab44c5421c.png https://cloud.githubusercontent.com/assets/1513381/13434305/abbcac58-dfd5-11e5-9547-56c5032770c3.png https://cloud.githubusercontent.com/assets/1513381/13434306/abbcf438-dfd5-11e5-82e0-9057f121bdf2.png https://cloud.githubusercontent.com/assets/1513381/13434307/abbdaf40-dfd5-11e5-8e6f-3640fa770aa4.png https://cloud.githubusercontent.com/assets/1513381/13434308/abbe9a04-dfd5-11e5-82b4-46995dead9c7.png https://cloud.githubusercontent.com/assets/1513381/13434309/abd0fbae-dfd5-11e5-97e2-c7e2a3ffdae1.png https://cloud.githubusercontent.com/assets/1513381/13434310/abd17bc4-dfd5-11e5-9dad-5437d8826719.png https://cloud.githubusercontent.com/assets/1513381/13434311/abd1d358-dfd5-11e5-9020-85377590342f.png https://cloud.githubusercontent.com/assets/1513381/13434313/abd33a68-dfd5-11e5-8774-7c398f32cdd6.png https://cloud.githubusercontent.com/assets/1513381/13434312/abd31646-dfd5-11e5-8eb9-54db46a0a509.png — Reply to this email directly or view it on GitHub https://github.com/calacademy-research/antcat/issues/122.

[jonkerz]

@foozleface pushed to https://github.com/jonkerz/antcat/tree/cleanups

[foozleface]

Fredrik,

This is a great improvement on layout. I really appreciate you taking the time to think through the visualization issues of the current layout and offering a much improved version.

Unless other's see issues, I think you should work toward getting this on the live site.

Flavia and I will be out of reach for 10 days starting tomorrow (if we get our 4x4 repaired today).

Cheers, Brian

On Tue, Mar 1, 2016 at 7:19 PM, Joseph Russack joe@nothingugly.com wrote:

Excellent. Is this pushed to a branch?

Manually ccing the rest of the team; if you’re not on this email alias, we should take steps to fix that.

-Joe

On Mar 1, 2016, at 8:50 AM, jonkerz notifications@github.com wrote:

All screenshots are from working code.

[image: 01_old_fullscreen_13_inch] https://cloud.githubusercontent.com/assets/1513381/13434297/aba5b3f4-dfd5-11e5-96dc-9e37ebae02ca.png [image: 02_new_see_more_stuff] https://cloud.githubusercontent.com/assets/1513381/13434298/aba6ab38-dfd5-11e5-9039-8a3b0ab9d36d.png [image: 03_new_see_more_stuff_and_browser] https://cloud.githubusercontent.com/assets/1513381/13434301/aba7fa1a-dfd5-11e5-8d9b-6fdd255b2f2e.png [image: 04a_old_simulate_mobile] https://cloud.githubusercontent.com/assets/1513381/13434299/aba75a56-dfd5-11e5-918a-0573e57d9040.png [image: 04b_old_real_mobile] https://cloud.githubusercontent.com/assets/1513381/13434300/aba7ea2a-dfd5-11e5-96a8-0dca874c5da3.png [image: 04c_old_real_mobile_zoomed_in] https://cloud.githubusercontent.com/assets/1513381/13434302/aba8e506-dfd5-11e5-9d57-054f516b0df2.png [image: 05a_new_simulate_mobile_hidden_browser] https://cloud.githubusercontent.com/assets/1513381/13434303/abba7b4a-dfd5-11e5-8818-9b00a0f062f6.png [image: 05b_new_real_mobile] https://cloud.githubusercontent.com/assets/1513381/13434304/abbca7e4-dfd5-11e5-8cad-07ab44c5421c.png [image: 06_new_simulate_mobile_visible_browser] https://cloud.githubusercontent.com/assets/1513381/13434305/abbcac58-dfd5-11e5-9547-56c5032770c3.png [image: 07_new_some_panels_closed] https://cloud.githubusercontent.com/assets/1513381/13434306/abbcf438-dfd5-11e5-82e0-9057f121bdf2.png [image: 08_new_include_invalid] https://cloud.githubusercontent.com/assets/1513381/13434307/abbdaf40-dfd5-11e5-8e6f-3640fa770aa4.png [image: 09_new_valid_only] https://cloud.githubusercontent.com/assets/1513381/13434308/abbe9a04-dfd5-11e5-82b4-46995dead9c7.png [image: 10_new_simulate_mobile_menu] https://cloud.githubusercontent.com/assets/1513381/13434309/abd0fbae-dfd5-11e5-97e2-c7e2a3ffdae1.png [image: 11_new_references] https://cloud.githubusercontent.com/assets/1513381/13434310/abd17bc4-dfd5-11e5-9dad-5437d8826719.png [image: 12_old_myrmercia_gulosa] https://cloud.githubusercontent.com/assets/1513381/13434311/abd1d358-dfd5-11e5-9020-85377590342f.png [image: 13_new_myrmecia_gulosa_browser_hidden] https://cloud.githubusercontent.com/assets/1513381/13434313/abd33a68-dfd5-11e5-8774-7c398f32cdd6.png [image: 14_new_myrmercia_gulosa_browser_visible] https://cloud.githubusercontent.com/assets/1513381/13434312/abd31646-dfd5-11e5-8eb9-54db46a0a509.png

— Reply to this email directly or view it on GitHub https://github.com/calacademy-research/antcat/issues/122.

Brian Fisher Curator of Entomology and Patterson Scholar 55 Music Concourse Drive California Academy of Sciences San Francisco, CA 94118, USA www.fisherlab.org www.antweb.org ResearchGate https://www.researchgate.net/profile/Brian_Fisher7 photos from ongoing Fulbright in Mozambique: https://flic.kr/s/aHsku6pCu2

[jonkerz]

More screenshots.

Merged the two search catalog functions Previously, the search results from the "quick" and advanced search functions were displayed on two different pages with different layouts. The quick one had too little extra info, and the advanced too much.

Old, advanced search (expanding the references makes it harder to scan the results):

Old, "quick search" (only the name is listed in the results; and the taxon description page is reused to display the results):

In the new layout both are merged. References are not expanded by default (but expand if clicked on, like in the catalog).

New, advanced search (easier to scan):

New, "quick search" (same layout/format as the advanced search):

[jonkerz]

Merged in d7936f54306d7a6bce7445014c66ed199246d5a9.