[B! Webデザイン][HTML] mikarin-uのブックマーク

特殊記号や特殊文字の一覧：コピペで使えるHTMLの文字参照コードを素早く検索 - ウェブランサー

ウェブページに特殊な記号や文字を表示させるには、専用の文字コードが必要となります。通常、インターネットはウェブブラウザで閲覧しますが、プログラムの性質上、ソースコードに直接記述できないものがあるためです。それらを表示するには「文字参照」という仕組みを使います。文字参照の書き方 HTMLで特殊な記号を表すには「文字参照」という仕組みを使います。書き方は非常に簡単です。まずは以下のパターンを覚えましょう。 & keyword ; 例えば、文章の中に「<html>」と表示させたい箇所があるとします。不等号（< , >）はHTMLの要素を表す記号であるため、そのままブラウザで読み込んでも画面には表示されません。その状況を避けるには、「<」と表示させたい箇所に「<」を、「>」と表示させたい箇所に「>」を記述します。ソースコードに「<」が書かれている場合、ブラウザは画面に「<」を

mikarin-u 2017/01/16

リンク

HTML タグ（要素）や属性の意味、使い方、書き方の記事一覧（1 / 6 ページ）

HTMLのタグ、要素、属性について解説した最新記事の一覧です。HTMLの入門リファレンスとして、Webサイトの制作やホームページ作りでお役立てください。各記事の内容は、2014年10月にW3Cより発表されたHTML5の勧告案に基づいています。

mikarin-u 2016/04/22

リンク

デザインテーマ制作の手引き - はてなブログヘルプ

はてなブログでは、CSSを編集してオリジナルテーマを作ることができます。作成したテーマは、テーマストアに投稿して、ほかのはてなブログユーザーに使ってもらうこともできます。既存のデザインテーマをブログにインストールしたい場合はヘルプ「デザインテーマをインストールする」を参照してください。本ドキュメントでは、Webデザイナーの方がはてなブログ用オリジナルテーマを作成するために必要な情報をまとめています。オリジナルテーマの作成は、CSSの知識がある方を対象にしています。テーマを作成する準備 1. テーマ確認用のブログを開設する 2. サンプルエントリーをコピーサンプルテーマ「Boilerplate」 Boilerplateテーマの使い方レスポンシブデザインのテーマを作成するレスポンシブデザインを有効にする付録: はてなブログのレスポンシブデザインテーマの挙動はてなブログのページ

mikarin-u 2016/04/05

リンク

rel 属性（リンク先の位置づけを表す） - HTML （HTML Living Standard）タグリファレンス

rel 属性は、現在の文書からみた、リンク先となるリソースの位置づけを表します。 HTML Standard で定義されている rel 属性値は下記の通りです。また、半角スペースで区切ることで、複数の値を指定することも可能です。属性値意味使用できる要素 link 要素 a 要素 area 要素 form 要素

mikarin-u 2016/03/19

リンク

今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA

みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？　入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。自動入力機能に対応しよう Google Chrome（デスクトッ

mikarin-u 2016/03/13

リンク

ソースコード検索エンジン「NerdyData」で世界1.4億のサイトから実用コードが探せる

NerdyDataというソースコード検索エンジンを最近知りました。通常の検索エンジンは、タグを取り除いたページ内のコンテンツが検索結果に表示されます。けれど、NerdyDataは、サイトにある生コードを検索することができます。これを、使うことにより、コードの具体的な利用例なども見ることができ、便利だったので紹介です。 photo by Ruiwen Chua NerdyDataとは NerdyDataは、世界中の1億4000万サイト以上のソースコードの中から、HTML、CSS、JavaScriptのコードを直接検索できる、ソースコード検索エンジンです。 Nerdyという単語は、あまり聞き慣れなかったので「どういった意味だろう？」と調べてみたら以下のような意味でした。オタクっぽいＡ系, エー系, 秋葉系, アキバ系おそらく、いい意味でPC オタク向けのデータが詰まった、ギーク御用達の