2019/06/20 / 最終更新日 : 2019/07/19 ブログマスター HTML & CSS 【HTML&CSS】埋込 YouTube をレスポンシブにする 埋め込む YouTube 動画をレスポンシブに対応するには、 以下のようにします。 [html] /* YouTube の埋込コード */ [/html] [css] .movie{ position:relative; […]
2017/02/27 / 最終更新日 : 2017/02/27 ブログマスター HTML & CSS 【HTML & CSS】ＰＣ表示時にＴＥＬリンクを無効にする ＰＣで表示した時にＴＥＬリンクを無効にするには、 以下のようにスタイルを指定します。 【HTML】 [html] [/html] 【CSS】 [css] .tel { cursor: default; pointer-e […]
2014/12/08 / 最終更新日 : 2014/12/08 ブログマスター HTML & CSS 【HTML&CSS】iPhone でページが横にスライドする 原因は、ページが横スクロールすることのようです。 意図せずにページ内の要素がはみ出したりしていると、なかなか原因に気づかなかったりします。
2014/09/05 / 最終更新日 : 2014/09/05 ブログマスター HTML & CSS selectivizr IE8 以下で css3 セレクタを利用可能にする。 selectivizr
2014/06/02 / 最終更新日 : 2014/06/02 ブログマスター HTML & CSS PHP での Android のスマホとタブレットの判別 [php] function is_android() { $ua = $_SERVER[‘HTTP_USER_AGENT’]; if ( strpos($ua, ‘Android&# […]
2014/02/07 / 最終更新日 : 2014/02/07 ブログマスター HTML & CSS compass で新規サイトで最初にやる事 [code] $ compass create –bare –sass-dir “SCSSのフォルダ” –css-dir “CSSのフォルダR […]
2013/12/03 / 最終更新日 : 2013/12/04 ブログマスター HTML & CSS table に border-radius を使う時の注意点 table に border-radius を使う時は、 [css] border-collapse: separate; [/css] を指定する。
2013/03/14 / 最終更新日 : 2013/03/14 ブログマスター HTML & CSS IE9 ハック IE9：セレクタの末尾に「:not(:target)」を付与＋値の末尾に「¥9」を付与 例 [css] body:not(:target) { color: black¥9; /* IE9 */ } [/css]
2013/03/14 / 最終更新日 : 2013/03/14 ブログマスター HTML & CSS Webkit のバグ？テーブルボーダーが変 テーブルのセルの border-right にsolid、 border-bottom に dashed か dotted を指定した時に、 colspan を指定した行の上の行の一部のセルの border-bottom […]
2013/02/19 / 最終更新日 : 2013/02/19 ブログマスター HTML & CSS いいねボタン設置時のOGP(Open Graph Protocol)設定 いいねボタンを設置した際は、 下記の OGP 設定をする。 html タグに xmlns 属性を設定する。 [html] [/html] head 内に meta タグを設定する。 [html] [/html]