1
0
Fork 0
ish. is yet another viewport resizer
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
Brad Frost 4870b51fc0
Merge pull request #24 from Spone/patch-1
1 year ago
js Apply sizeFull on resize 9 years ago
.gitignore Removed Data Saver js file 9 years ago
README.md Fix demo link 1 year ago
index.php Resolved mixed content issue for jQuery (https://www.howtogeek.com/443032/what-is-mixed-content-and-why-is-chrome-blocking-it/) 3 years ago
styles.css Chrome resize bar fix 8 years ago

README.md

What

View Demo. ish. is yet another viewport resizer. What's with the name, you ask? Small-ish. Medium-ish. Large-ish. That's the idea. Many have long been preaching to let content, not device widths determine breakpoints in responsive designs, so rather than determining several fixed breakpoints, ish. roughs out general ranges in order to better serve the entire resolution spectrum.

Why

Do we really need another viewport resizer? After all, there's no fewer than 19 viewport testing tools out there already.

The real reasons for this tool is to educate and to facilitate a mental shift. Many clients, designers and developers get hung up on specific device widths, which is why this tool doesn't include any such language, device chrome or anything like that. Ish. helps keep everyone focused on making a design that looks and functions great at any resolution.

How

  1. Find the URL button in the top left and enter any url.
  2. Once the site loads find the Size button and expand the sizing options
  3. Choose Small-ish, Medium-ish, Large-ish, Xtra-Large-ish, or any random size (many thanks to Jordan Moore and his Responsive Roulette for the idea). Or enter any specific value.
  4. Watch as the site resizes and look for any visual or functional oddities along the way.
  5. Use Alt+U to toggle in and out of Focus Mode
  6. Focus Mode will remove the ish. UI and focus on the content (useful if demonstrating a site to clients)
  7. Once in Focus Mode, use keys 1 - 5 to resize the viewport

Who

Who is this for? Clients. Visual designers. Developers. Really anyone involved in the project that needs educated about creating truly device-agnostic websites.

Where

You can find the project on Github. You should set up ish. on your own server or dev environment for best results.