タグ

headに関するsometkのブックマーク (7)

  • HTMLのheadの書き方、head内に記述する要素の総まとめ

    HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した以前の版からいろいろと変更されています。 head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記述する最小限のタグです。 <meta charset="utf-8"> <meta http-equiv="x-ua-c

    HTMLのheadの書き方、head内に記述する要素の総まとめ
  • 6つの図で学ぶ「内向的な人の頭の中ってどうなってるの?」 : カラパイア

    内向的な人と外向的な人の違いについて、さまざまなことが言われているが、内向的な人の頭の中では、どんなことが起こっているのか、イラストで解説しよう。 このイラストを作成したのは、リズ・フォスリエンとモリー・ウェスト。よく内向的な人は、社交嫌い、退屈というレッテルをはられているが、多くの人は内向的なことと、外向的なことは必ずしも行動選択の違いではないことに気づいていない。 研究によると、内向的な人の脳は、社交的・外向的な人とはまったく違うやり方で情報を処理しているという。外向的な人は外界からの刺激を素早く処理するが、内向的な人は情報を扱う神経経路が長くて、処理に時間がかかるのだ。イラストを見てもらえば、内向的な人への見方が変わるかもしれない。

    6つの図で学ぶ「内向的な人の頭の中ってどうなってるの?」 : カラパイア
  • あのな、カツラって高いんだよ。 だからな、超良く出来てるカツラとかびっ..

    あのな、カツラって高いんだよ。 だからな、超良く出来てるカツラとかびっくりするぐらい高いの。 それでな、せっかくだから覚えて帰って欲しいんだけど、カツラには4種類あります。 女性向けツケカツラ(ウィッグ)安い。簡単。気軽。 2000円~3万円ってあたりで、結構良く出来てる。 もはや完全にファッションアイテムなので、短寿命安価。 使ってみたこと無いはてな女子は一度製品調査のつもりで使ってみると良いよ。 熟年女性向けツケカツラ簡単安価~ガチ高価まで。 白髪染めくらい一般的なんだけどね。 ガチのカツラでも2,30万円ってところ。 ヘアピースって名称のほうがググりやすいかもな。 新型男性向け張りカツラ簡単。気軽。長寿命。 たぶん想像してる値段はコレかな。 3万円~100万円くらいまで。まあ良く出来てるよ。 従来型男性向けカツラ高価。寿命有り。 声を大にして言いたいが、テレビに出るような人は大抵コレ

    あのな、カツラって高いんだよ。 だからな、超良く出来てるカツラとかびっ..
    sometk
    sometk 2015/12/05
    どうでしょう
  • (ちょっとメモ)CSSの @import と @media(メディアクエリ)

    (ちょっとメモ)CSSの @import と @media(メディアクエリ) 最終更新日:2019年07月05日 (初回投稿日:2012年06月15日) 前回は <link>要素内でスタイルシートのメディアを切り替えをしました。 今回は、CSSファイル内で @import や @media を使って CSSを切り替えてみよう。 日のINDEX CSSの @-規則(CSS At-rules) @importで複数のCSSファイルをまとめる 複数のCSSファイルを1つにまとめる @import でメディアタイプ別に CSSを切り替える @import でデバイス別に CSSを切り替える @media で条件によって CSSを切り替える @media でメディアタイプ別に CSSを切り替える @media でデバイス別に CSSを切り替える メディアクエリの演算子について メディアクエリを使っ

    (ちょっとメモ)CSSの @import と @media(メディアクエリ)
    sometk
    sometk 2014/05/06
    ヘッダの処理の仕方がおしゃれ
  • http://himarin.net/archives/7424749.html

    http://himarin.net/archives/7424749.html
  • 【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。

    こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード(ヒント付き) こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記: ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--

    【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
  • 不眠症の克服、快眠には「前頭部を冷やす」が効果あり

    不眠症の克服、快眠には「前頭部を冷やす」が効果あり2011.06.15 22:0011,317 mayumine 眠れない...。 羊の数を数えてみても、睡眠剤を飲んでみても、天井を見つめてみても、はあ、眠れない、困った...、という方に朗報です! 頭の前部を冷やすことが不眠症の改善に効く、との研究結果が2011年の米国睡眠医学会で発表されました。ピッツバーグ大学医学部のエリック・ノフギンガー氏は、前頭部を冷やすプラスチック製の帽子を着用することで、寝つきが良くなりよく眠れるようになるという結果を実証しました。 12人の不眠症患者と、12人の健康な人の24パターンで実験をし、冷却帽子を着用した不眠症患者のグループの入眠時間は、頭が最も冷やされた時が平均13分、健康な人とほぼ同等のレベルまで改善されました。 前頭部を冷やすことによって脳の代謝を減速させる効果がある(不眠症の人は代謝が高くなる

    不眠症の克服、快眠には「前頭部を冷やす」が効果あり
  • 1