Skip to content

Visualizes other visitors' screen sizes in real-time

Notifications You must be signed in to change notification settings

womajies/screensizes

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Screensizes

Check it out on the live site! It displays visitors' screen sizes in real-time.

Inspired by the visualization on Brad Frost's This Is Responsive.

Use this on your own site

There's a route called /screen which takes two params:

  • w is the width
  • h is the height

You can measure these on the client-side by checking window.innerWidth and window.innerHeight. Then just GET the URL and supply the two dimensions. The server handles the rest!

/screen?w=480&h=640

Screenshot

image

Made with 💞 by Chris Ruppel.

About

Visualizes other visitors' screen sizes in real-time

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 50.4%
  • JavaScript 49.6%