Skip to content

aljachimiak/ish.

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.

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.

About

ish. is yet another viewport resizer

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published