iPhone X の Safari における Web コンテンツの表示 - ONO TAKEHIKO - Medium
iPhone X が発表されて間もなく、ディスプレイの「切り欠き」については至るところでちょっとしたイジリ合戦が始まっています。中には実際に信じてしまっている人もいるほど秀逸なものがありまして、それがこちら。 思わずクスッときてしまいますが（笑）、まあ当然こんなことにはなりません。 iPhone X にはディスプレイの上下左右に iOS の占有領域が存在し、それ以外（アプリのタッチイベントを認める領域）を Safe Area と呼ぶようです。Safe Area の外にある上部領域にはステータスバーとして時計やアンテナのインジケータなど iOS のシステムアイコン等が並び、下部の領域には iPhone X で導入された「ホームバー」が存在することになります。 では iPhone X の Safari で Web サイトを表示した場合に一体どのようになるのか？それを Web 上の情報を元にまと
CSSだけで吹き出しをつくる！デザインサンプル26個
更新日: 2022年9月9日公開日: 2017年8月29日CSSだけで吹き出しをつくる！デザインサンプル26個 CSSだけでつくれる「吹き出し」のデザインサンプルを26個、用意しました！ どのサンプルもコピペで利用することができますので、デザインの参考にぜひ取り入れてみてください。 コピペでOK！CSSだけで吹き出しをつくる！ HTMLとCSSだけで作れる吹き出し のサンプルをご紹介します！ サンプルのコードをコピー＆ペーストするだけで使える吹き出しを20個以上！ シンプルなものから、枠線、丸、影付きなど様々なバージョンをご用意しました。 これから紹介する全ての吹き出しは レスポンシブに対応 しています！ 普通の吹き出し まず、一番シンプルな吹き出しのサンプルです。 balloonクラスのdivを吹き出し本体とし、balloonの before疑似要素 で三角のアイコンを表現します。 ba
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
