Skip to content

Instantly share code, notes, and snippets.

View okunishinishi's full-sized avatar

Taka Okunishi okunishinishi

39 followers · 2 following
  • Tokyo, Japan
View GitHub Profile
@KrzysztofPrzygoda
KrzysztofPrzygoda / iframes.css
Last active May 17, 2021 04:24
Workaround to iOS WebKit iframe bugs (including Bootstrap Popover) // source https://jsbin.com/mevurem
/*
Embracing iOS WebKit weirdness with iframes
**iOS WebKit iframe bug description**:
https://bugs.webkit.org/show_bug.cgi?id=155198
**My current findings**:
1. iOS WebKit resizes iframes to the full size of their content - it's a bug known since 2016 and still not resolved in iOS 11.
2. To fit iframe contents, its div container must have w/h defined in pixels - any relative measures (like %, vw/vh) doesn't work.
@rowanmanning
rowanmanning / README.md
Last active February 18, 2024 21:12
Writing a Friendly README. This a companion-gist to the post: http://rowanmanning.com/posts/writing-a-friendly-readme/
@afternoon
afternoon / rename_js_files.sh
Created February 15, 2014 18:04
Rename .js files to .ts
find app/src -name "*.js" -exec sh -c 'mv "$0" "${0%.js}.ts"' {} \;
@chrisl8888
chrisl8888 / media-queries.scss
Last active January 6, 2024 12:36
All Media Queries breakpoints
@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }