Life & fun · February 21, 2022
Smooth out breakpoint layout jumps with responsify
A CSS technique that helps developers prevent jarring layout shifts when user resizes the browser.
Smooth out breakpoint layout jumps with responsify launched on February 21, 2022 with 5 votes and more than 50% of that year's launches. The site was still online in September 2026, 4 years on.
What it does
window.on("resize", preventAbruptLayoutShift) At my past job at a digital agency I transformed Photoshop, Sketch, and InVision designs into functioning websites. But the designs gave no instructions on how to handle the in-between resolutions. ☹️ So, to minimize the abrupt layout jumps I employed a technique I call responsify, which uses CSS calc() function to fluidly change width , margin , left , etc. at breakpoints. Many told me they didn't understand what responsify is/does until they saw it in action. 💡 So, below's a screen recording of an example. responsify verb to make an HTML element fluidly adapt to changes in viewport size Read on to learn how to use it in your project. Examples…from responsify.dev
Does a similar job
all alternatives →- RJResponsify.js2015 · responsifyjs.space · ▲33
- RVResponsivator - View/Share Responsive Sites2012 · dfcb.github.com · ▲61
Subform, a UI layout tool2018 · subformapp.com · ▲219Subform is a visual tool for creating dynamic UI layouts.
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 1d ago · permit.petercai.com
- IV
Life & fun · 14d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 15d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 8d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 12d ago · carrierexplode.com
Life & fun · 22d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, February 2022
the whole month →
Sha256 algorithm explained online step by step visually
Life & fun · 2022 · sha256algorithm.com
EdgeDB 1.0▲947Today, after years of research, development, and refinement EdgeDB graduates to a production-ready database. We are very proud to announce EdgeDB 1.0.
Dev tools · 2022 · edgedb.com
