タグ

2018年12月15日のブックマーク (5件)

  • Google がサポートしているメタタグ - Search Console ヘルプ

    フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Google がサポートしている meta タグと属性 このページでは、meta タグの概要、インデックス登録を制御するために Google がサポートしている meta タグと HTML 属性、およびサイトに meta タグを実装する際に注意すべきその他の重要なポイントについて説明します。 meta タグ meta タグは、ページに関する詳細情報を検索エンジンや他のクライアントに伝えるために使用される HTML タグです。クライアントは meta タグを処理し、サポートしていないものは無視します。meta タグは、HTML ページの <head> セクションに追加します。たとえば、次のようになります。 <!DOCTYPE html> <html> <head> <meta charse

    Google がサポートしているメタタグ - Search Console ヘルプ
  • CSSで実装するハンバーガーメニュークリック時のエフェクト 10+ - NxWorld

    ハンバーガーメニューは「メニューだとわかりづらい」と言われることも多いですが、特にスマートフォンサイトなどでは実装する機会はやはり多くはなってきているので、今回はそのハンバーガーメニューをクリックした時(メニューが展開しているときなどのアクティブ時)のエフェクトをCSSで実装したサンプルをまとめました。 よく見る「×」のようなクローズボタンに変化するものから矢印に変化するものまで全12種類あります。

    CSSで実装するハンバーガーメニュークリック時のエフェクト 10+ - NxWorld
    satoyan419
    satoyan419 2018/12/15
    ハンバーガーメニュー
  • Hamburgers

    Table of Contents Usage Sass Customization Accessibility Browser Support Usage Using Hamburgers for your site is easy (well, that was my intention anyway). Download and include the CSS in the <head> of your site: <link href="dist/hamburgers.css" rel="stylesheet"> Add the base hamburger markup: <button class="hamburger" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></spa

    Hamburgers
    satoyan419
    satoyan419 2018/12/15
    ハンバーガーメニュー
  • 【Labs】jQueryでドロップダウンメニュー

    6月更新・前月(5月)の人気記事トップ10 06/06/2024 ( 02 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 01 ↓) 【MacmacOSをHigh SierraからMontereyにアップグレード ( 03 – ) 【Mac】Safariでソースコードを見る方法 ( 04 – ) 【jQuery】入門2. jQueryをHTMLに組み込む ( 05 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法 ( 08 ↑) 【Labs】CSSだけでドロップダウンメニュー ( 09 ↑) 【Labs】PHPのエラー表示をなくす方法 ( 06 ↓) 【iPhone / iPadiPhoneのツイッターアプリでユーザー名をコピーする方

    【Labs】jQueryでドロップダウンメニュー
    satoyan419
    satoyan419 2018/12/15
    ドロップダウンメニュー
  • CSSリセットの現状、どのCSSリセットが適しているか選ぶ際の指針 | コリス

    Webページを作成する際、何かしらCSSリセットを使用されていると思います。 振り返ると、Eric MeyerのCSS Resetをはじめ、Normalize.css、Sanitize.css、そして最近ではReboot.cssが登場しました。 CSSリセットの現状、どのCSSリセットが適しているか選ぶ際の指針を紹介します。 A look at CSS Resets in 2018 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ブラウザごとのデフォルトのスタイル なぜCSSリセットが必要か CSSリセットの種類 最近使用しているCSSリセット ブラウザごとのデフォルトのスタイル すべてのブラウザにはWebページのすべてに適用される「user agent stylesheet(以下、UA stylesheet)」と呼ばれるデフォ

    CSSリセットの現状、どのCSSリセットが適しているか選ぶ際の指針 | コリス