自分の経験をシェアしたい。Webデザインのテクニック&効率化。
投稿日：
iPhoneでoverflow: scroll;の時に、
-webkit-overflow-scrolling: touch;
を追加すれば、滑らかに慣性スクロールできます。
|
1 2 |
overflow: scroll; -webkit-overflow-scrolling: touch; |
-webkit-overflow-scrollingサンプル
iPhone確認用QRコード
設定しておくと、気持ちいい動きになりユーザーの印象もよくなります。
執筆者：KIYOTA
関連記事
いろいろな動きのハンバーガーメニュー「Tasty CSS-animated hamburgers」
Tasty CSS-animated hamburgers 最近はスマホサイトだけでなく、PCサイトにも使われるようになったハンバーガーメニュー。 そんなハンバーガーメニューの動きのサンプルを紹介した …
【CSS/JS】もっと目立たせて欲しいと言われた場合のTipsまとめ
キャンペーンサイトなど、動きをつけて、もっと目立たせて欲しいなどの要望を受けることは多いのではないでしょうか。言われて探すのは結構手間がかかったりします。見栄えする動きを中心にまとめました。 Phot …
CSSのcalcで、width:100%からマイナスpx指定する
CSSでcalcがあるのを知ってましたが、使いどころがわからずに、放置していました。 例えば、こちらのサンプルのように、レスポンシブなどで、画像の幅は固定し、テキスト部分は伸縮する時に使えますね。 c …
CSSのflexプロパティで右寄せ、左寄せ、中央寄せにする方法
CSSのflexプロパティを使うと、均等配置や順番の指定などができ便利ですが、 floatのように、右寄せ、左寄せにしたい場合もあります。
これは便利！ソースとプレビューが見られる「Bootstrap 4 Cheat Sheet」
Bootstrap 4 Cheat Sheet レスポンシブや効率的にコーディングする場合に便利なBootstrapのチートシートです。 ソースコードとプレビューがでるので便利ですね。
よく使うPhotoshopテクスチャ（カテゴリー別）の作り方まとめ 必要なテクスチャ素材を探していて時間がかかったり、
やっと見つけたと思ったら商用利用不可だったり、
...
今からでも間に合う！レスポンシブWebデザイン作り方のまとめ photo by Scolirk
地方でもマルチデバイス対応を求められることが多くなってきました。
徐...
簡単にできるPhotoshopの手書き風の記事10選 優しくナチュラルな雰囲気を出したい場合は手書き風のデザインは相性がいいです。
Photoshopで簡...
イラレで簡単に文字を「手書き風」にする方法 1分くらいで簡単に文字を「手書き風」にすることができるテクニックです。
データダ...
WEBデザインが短期間で上達した方法 WEBデザイナーとして10年ちょっと経過。
未だにデザイナーとして足りないものは多いですが、
どう...
2018/10/29
2018/10/11
Webデザイナーで、転職がうまくいかない場合のひとつの方法として
2018/08/18
2018/05/06
Webデザイナー/コーダーが面接の時までにやっておいた方がいい技術
2018/05/06