{"provider_name":"Hatena Blog","type":"rich","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.pandanoir.info%2Fentry%2F2022%2F08%2F13%2F221428\" title=\"YouTube \u306e\u30b9\u30ef\u30a4\u30d7\u3067\u6d88\u305b\u308b\u30d5\u30ed\u30fc\u30c8\u30ab\u30fc\u30c9\u3092\u5b9f\u88c5\u3059\u308b - Panda Noir\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","url":"https://www.pandanoir.info/entry/2022/08/13/221428","categories":["CSS","JavaScript"],"blog_title":"Panda Noir","author_url":"https://blog.hatena.ne.jp/panda_noir/","height":"190","version":"1.0","blog_url":"https://www.pandanoir.info/","description":"\u6700\u8fd1\u306eYouTube\u541b\u304c\u3088\u304f\u4f7f\u3046\u3053\u306eUI\u30d1\u30bf\u30fc\u30f3\u3001\u540d\u524d\u3064\u3044\u3066\u308b\u306e\u304b\u6c17\u306b\u306a\u3063\u3066\u308b(\u30d5\u30ed\u30fc\u30c8\u578b\u3067\u4e0b\u30b9\u30ef\u30a4\u30d7\u3067\u6d88\u305b\u3066\u4e0a\u90e8\u306b\u30d0\u30fc\u304c\u3064\u3044\u3066\u308b\u3084\u3064) pic.twitter.com/EJeLQ8wSoS\u2014 \u30af\u30ed\u30d1\u30f3\u30c0 (@le_panda_noir) 2022\u5e748\u670812\u65e5 \u2191\u3053\u308c\u3092 CSS + JS \u3067\u4f5c\u308a\u307e\u3057\u305f\u3002\u30d5\u30ed\u30fc\u30c8\u30ab\u30fc\u30c9\u3068\u547c\u3093\u3067\u307e\u3059\u304c\u3001\u6b63\u5f0f\u540d\u79f0\u306f\u5206\u304b\u308a\u307e\u305b\u3093\u3002\u534a\u30e2\u30fc\u30c0\u30eb\u3068\u304b bottom drawer \u3068\u304b slidable drawer \u3068\u547c\u3076\u3089\u3057\u3044\uff1f \u52d5\u304b\u305b\u308b\u30c7\u30e2\u306f\u3053\u3061\u3089 \u5b9f\u88c5\u306e\u30dd\u30a4\u30f3\u30c8: scroll-snap JS \u3092\u307b\u307c\u4f7f\u308f\u305a\u306b CSS \u306e scroll-snap \u3092\u4f7f\u3063\u3066\u5b9f\u88c5\u3057\u307e\u3057\u305f\u3002\u2026","published":"2022-08-13 22:14:28","provider_url":"https://hatena.blog","width":"100%","title":"YouTube \u306e\u30b9\u30ef\u30a4\u30d7\u3067\u6d88\u305b\u308b\u30d5\u30ed\u30fc\u30c8\u30ab\u30fc\u30c9\u3092\u5b9f\u88c5\u3059\u308b","image_url":null,"author_name":"panda_noir"}