[CSS]スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法
ビューポートを使った単位（vw, vhなど）は、特にスマホの各ブラウザにおいて複雑です。例えば、vwのスクロールバーを考慮する必要がありますか？ サイトのナビゲーションやページコントロールはどうでしょうか？ それらは計算に含まれますか？ スマホで要素をビューポートの高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法を紹介します。 The trick to viewport units on mobile 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ビューポートの高さ（vh）の仕様 高さいっぱいの要素を表示する方法 ビューポートのリサイズにも対応する ビューポートの高さ（vh）の仕様 W3Cの仕様では、ビューポートの単位をどのように計算するかは漠然としています。スマホでは高さが重要になることが多いので、ビューポー
![[CSS]スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/8a5cf0a3bb9540d4d9f77cfb193ce39e28e90836/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018080401-02.png)
［Slackbot大全］63種類の事例・ツールをまとめて紹介！ botを活用してSlackを便利に【2017夏】 - エンジニアHub｜Webエンジニアのキャリアを考える！
［Slackbot大全］63種類の事例・ツールをまとめて紹介！ botを活用してSlackを便利に【2017夏】 Slackは、ChatOpsとの相性の良さから、エンジニアにも愛されるビジネスチャットツールです。本稿では、Slackを活用している28社1団体にアンケートを実施し、計63種類のbot事例・ツールをまとめて紹介します。 Slackは、エンジニアにも愛されるビジネスチャットツールです。ChatOps（チャットツールを活用してオペレーションの最適化・省力化を図ること）との相性の良さから、もはやSlackなしの業務は考えられない！ という方も少なくないでしょう。 Slackには、リマインドなどを実行するslackbotアカウントが最初からいるだけでなく、利用者自身がそれぞれの環境・業務内容に即したbotを自作でき、発言に自動応答してくれるものから業務の自動化まで、さまざまなbotをチ
知っておくとかなり便利！Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ
Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ
【新人向け】簡単にできた！Webサイトでよくみる技術のまとめ
4月から新たにデザイナーになる人も多いのではないかと思います。 クライアントやディレクターから、「あのサイトのような動きにしたい」と依頼されることも多いかと思います。 そんな時に便利なものを、初心者でも設置・使用が簡単なものを中心にまとめました。 ※ライセンス等は各自でご確認ください。ライセンスは、サイトまたはダウンロードしたファイル内に記述してあることが多いです。（GPLやMITやCCなど主要ライセンスの内容と意味のまとめ） もくじ レスポンシブ対応！PCでも、スマホのフリック操作でも使えるスライダー サムネイル付きでページングもできるフォトギャラリー スクロールに合わせて表示させたい パララックスさせたい 背景画像を画面サイズにあわせて表示させたい フルスクリーンでスクロールさせたい スクロールするとヘッダーを固定させたい 順番にアニメーションさせたい テキストをアニメーションさせたい
知ってるとちょっと便利なWordpress関数 | SONICMOOV LAB
さむいですね。 先日、世界キャラクターさみっとへ片道3時間半かけて朝いちで行ってきました。 もちろんひとりです。楽しかったです。まりぞーですヽ(゜ω゜)ノ モンハン4Gが一段落したので、そろそろ違うゲームにハマりたい今日この頃です。 ソニックムーブ Advent Cakendar 2014 19日目の記事です。よろしくお願いします。 というわけで先日、Wordpressの関数が紹介されている記事を見かけまして 10 Useful WordPress Functions You Might Not Know About 見落としがちなもんでやんすね！ 日本語版の関数リファレンスを見ても殆ど記事がないですしおすし。 プラグインを入れなくても、functions.phpをちょろりといじれば実装できる機能とか、結構あるんですよね。 そこでですね、（私が）こりゃ便利！（私が）知らなかった！的な関数を
【完全版】Google Analytics のディメンション＆指標チートシート | Ledge.ai
はいどーも中村です。 今回は、いつの間にかしれっと増えていたGAの指標＆ディメンションをまとめてチャートシート式PDFにして紹介し、かつそれぞれのデータを取得するためのタグカスタムなどについて一気に解説しきってみようかと思います。 【Download】Googleアナリティクス指標＆ディメンションチートシート 既にディメンションや指標をガリガリいじっている方はとりあえず上記をダウンロードして便利に使ってください。 が、「そもそもディメ…なんだって？」という方も多いかと思うので、そんな時は以下の解説を参照ください。 知っていれば色々捗る！GAディメンション＆指標 普通に使っていればまぁあんまりいじくる事はないんですが、主にカスタムレポート作成時などに知っているとすんごく重宝するのがGoogleAnalyticsのディメンションと指標軸。 例えば・・・ 複数あるランディングページのセッションを
実は便利機能がいっぱい！ 『Gmail』を使いこなす裏ワザまとめ｜タブロイド｜オトコをアゲるグッズニュース
アカウント1つで、こんなにいろいろできちゃいます Googleアカウントを取るだけで使えるようになる、便利なメールサービス『Gmail』。スマホユーザーであれば、多くの方が使っておられることかと思います。 TABROIDでは、『Gmail』をさらに便利に使うためのテクニックをいくつもご紹介してきました。その内容は、実にさまざま。 そこで今回は、今までにご紹介した『Gmail』をさらに便利に使うためのテクニックをまとめてみました。メールの送受信だけにとどまらない、『Gmail』の実力をご覧ください。 便利な機能あれこれ『Gmail』には、ユニークな便利機能がたくさん用意されています。しかし、アプリ内で説明されていないものが多く、あまり知られていないものも。そんな、意外と知られていない便利機能の数々が、こちら。 「カテゴリフォルダ」をなくす
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ヤバイ便利すぎる！Googleが提供するすべてのアプリ・サービスを1クリックで利用できるChromeの機能拡張
驚くほど効率UP！エクセル(Excel) マクロ講座 All About（オールアバウト）