JavaScript-Powered Media Queries – syze

syze is a standalone and tiny (<1kb) JavaScript-library for targeting web page designs by device or browser size very easily to build responsive websites.

The library allows us to define any number of breakpoints (as widths) with a single function and sets the class of <body> automatically on “window resize” or “change in orientation”.


There are functions provided for collecting device + browser sizes and setting a custom debounce rate for making sure that no serious CPU load is created for the user’s computer when syze is active.

syze also has a callback fired afte each event which is great for adding custom events to the mix.

Requirements: No Requirements
Compatibility: All Major Browsers


No comments so far!
You must be logged in to post a comment.