-
iphoneなどのスマホで横スクロールメニューを作るけど横幅設定がめんどうくさい
今まではJSなどで親要素の幅を取得してそれを設定して～～ とやっていたが、とても参考になるサイトを発見。 https://moriawase.net/horizontal-scroll 上記のサイトだとinline-bl […]
-
iphoneなどのスマホでposition fixedにした時にスクロール中にｆｉｘｅｄしてくれないからtransform: translate3dで対応してみたらz-indexではまった
タイトルで全てを終わらせている感じ。 ちょっと複雑な重なりあいをテストしていてタイトルの現象にハマった。 こんなとき。 .box-1stには背景だけ入れてみる。 .saizenmenに position relative […]
-
iphoneの解像度毎のmedia Queryのサイズ感
iPhone5s : 320 × 480px iPhone6 : 375 × 667px iPhone6 Plus : 414 × 738px Plusだけはデザイン分けた方がいいですね。 横一とかにしてしまうと無駄に幅 […]
-
SVGファイルを作る時に気をつけておきたいこと。Illustratorさん、これは気付きづらいよ！
とある案件で、PCでのチェックはOK、IphoneもOK、AndroidもOKとチェックも終わったなーと思ってたらAndroid4.0の機種でSVGの背景画像が表示されていないという現象が。 他のSVGは表示されている（ […]
-
android2.3.x系でposition:fixed;を使いたいとき。
Androidは古いものは無視されるので、なかなかIE6のようにしぶとく古いVerが生き残りますな。 iOSはposition:fixed;に対応したが古いAndroid OSは未対応のままです。 簡単に対応するには ・ […]