読者です 読者をやめる 読者になる 読者になる

感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

HTML / CSS

ツールチップ

ツールチップって何? フォームにマウスをのせたときに、吹き出しみたいに出るアレのこと。 名前を入力するフォームにカーソルを当てたら、「名前を入力してください」って出るみたいな。 入力時の注意喚起に使われたりする。 しょぼいけどとりあえずツール…

見出しをデザインする。グラデーションにしたり、画像をヘッダにしたり。

見出しをグループ化するタグはhgroup hgroupタグを使えば見出しをグループ化できる。 <body> <div id="header"> <hgroup> <h1>ヘッダーすなわち見出しです</h1> <h2>サブタイトルはこちらです</h2> </hgroup> </div> </body> 上記のようにグループ化すると、見出しはh1でマークアップしたものとして扱われ、サブタイトルのh2は後続の…

Internet ExplorerにだけHTMLやCSSを有効にする条件付きコメントの書き方。

ボックスモデルとは ボックスモデルとは、HTML/XHTMLのタグでマークアップした文字や画像が構成する箱のこと。 文字や画像を表示する部分がコンテンツエリアとなり、そもまわりにパディング、羅線、マージンが挿入される。 ボックスモデルを採用したことによ…

セマンティックWebのこと。

セマンティックWebとは、コンピュータがHTMLを見て、それがブログの記事の本文なのかタイトルなのか、商品名なのかなどを細かく判別できるようにしようとする動きのこと。 コンピュータが情報を細かく判別できるようになることによって、検索エンジンの処理…

Facebookの開発者登録とか、tableの勉強とか、ヌルバイトとか。

Facebookアプリのデベロッパー登録をした際のメモ(まだ開発してない) 1.以下のページ「facebook developers」で開発者として登録する。 https://developers.facebook.com/?locale2=ja_JP2.右上の「Register Now」をクリック3.「I accept the Facebook Platfo…

POSTとGETとブラウザと。

ブラウザはPOSTリクエストをキャッシュしない POSTリクエストはブラウザにキャッシュされない。 ブラウザにキャッシュされるのはGETリクエストの場合のみとなる。ブラウザのキャッシュはリクエストが以前に送られたものと同一であると判断したら、リクエスト…

GIF、JPEG、PNGの違いと使い方

CSSのこと ドット(.)に続けてクラス名を指定するような書式のセレクタをclassセレクタと呼ぶ。 idセレクタの使い方は、ウェブページ内の一箇所を特定してスタイルを適用する場合に使用する。 ウェブページ内の複数箇所に同じスタイルをまとめて適用する場合…

自分のWebページ内にリンクを貼るなど

主要なブロック要素 タグ名 用途 h1〜h6 見出し p 段落・文章 ul 順序なしリスト ol 順序ありリスト dl 定義リスト form フォーム hr 区切り線 tabel 表 div 構造 順序なしリストを利用する例 ・ナビゲーション ・商品一覧 ・記事一覧 ・フッタリンク順序あ…

セレクタとセンタリング

・どの部分にスタイルを適用するかは、セレクタで特定する。・div要素は、それ自体は意味を持たない。しかし、特定の範囲を指定したり、複数の要素をグループ化してまとめるコンテナとして使用する。・ボックスのセンタリングを設定する方法 /** 上下マージ…

リストを横に並べてヘッダメニュー的に見せる方法

【追記】 この記事ではわかりづらかったので、2013/11/8に新しく記事を書きました! リンクを横並びにして、メニューバーみたいな形で表示するためのHTMLとCSS 【ここまで】li要素はデフォルトではリスト項目が改行されて縦に並ぶようになっている。 リスト…

基本をまたしても復習する。しつこく。何度も。

要素とは、HTML文書内で何らかの役割を持ったひとまとまりのこと。 タグとは、目印をつける記号のこと。 HTMLでのコピーライトの書き方 <small>Copyright (c) hogefuga株式会社 All Rights Reserved. </small> smallタグは、HTML5からは「面積・警告・著作権などの注釈や細…

Webデザインの新しい教科書を読んだ感想と学んだことのまとめ

Webデザインの新しい教科書を読んだ感想 まず、この本は良くも悪くも「教科書」だということだ。 良い点は、基本の基本から、モダンなWebページの開発を解説してくれるところだ。 また、簡単ではあるがサンプルも載っていて、実際に手を動かして学ぶことがで…

ブロック要素とインライン要素

ブロック要素とインライン要素 ブロック要素はh1要素などの「見出し」や、p要素などの「段落」のように前後に改行が入るひとつのまとまった要素のこと。 ブロック要素は縦に並んでいく。インライン要素は、ブロック要素に対し、文中の一部分にだけ意味付けや…

復習。

同じような勉強を違う本で、ペンキを繰り返し塗るように勉強する。 記憶は必ず薄れていくので、何回も重ね塗りすることが大事。 記憶は薄れてもいいから髪は薄れないでほしい。・DTD・・・それぞれのHTMLのバージョンで使用できる要素や属性の種類、記述ルー…

自動的に何かを追加するなら、同じように自動的に削除できるようにするべきである。

ことば どんなメカニズムを使用するにしても、可逆性をもたせるようにしてください。自動的に何かを追加するのであれば、同じように自動的に削除できるようにしておくのです。 達人プログラマー―システム開発の職人から名匠への道 HTML Webページで情報を発…

「コードは他の人が最短時間で理解できるように書かなければならない」

ことば 読みやすさについて、鍵となる考えは 「コードは他の人が最短時間で理解できるように書かなければならない」 ということだ。 「他の人」というのは自分のコードに見覚えのない6ヶ月後の「君自身」かもしれない。 常に一歩下がって、「このコードは理…

メンテナンスしやすいソフトウェアを作る唯一の方法は、DRY原則に従うこと。

ことば 信頼性の高いソフトウェアを開発して、開発そのものを簡単に理解したりメンテナンスできるようにする唯一の方法は、DRY原則に従うことです。 Don't Repeat Yourself.繰り返しを避けること。 達人プログラマー―システム開発の職人から名匠への道 この…

フォントサイズを設定するサンプル

【フォントサイズを設定するサンプル】 HTML <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>フォントサンプル</title> </meta></head></html>

フォーム要素の一覧

canvasの機能を極限まで使い倒したサンプルを見たい場合は、以下のサイトを見ると良い。 http://www.chromeexperiments.com/HTML5ではフォーム機能が大幅にパワーアップしている。 フォーム要素を一覧にするとこんな感じになる。 <html> <meta charset=Shift_JIS> <title>フォームを試す</title> <body> <h1>フォー</h1></body></meta></html>…

Webページにサイドナビやトップナビをつけるサンプル

■HTML <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title> TEST </title> </meta></head></html>

とりあえずやってみる

HTML&スタイルシート トレーニングブック CSS3増補版がひと通り読み終わったので、もうちょっと発展形の勉強をすべく、以下の本を購入した。標準Webデザイン講座 CSS & JavaScript作者: 大藤幹,半場方人出版社/メーカー: 翔泳社発売日: 2003/09/13メディア: …

学んだことまとめ。

今日のHTMLの勉強もトレーニングブックを使わせていただいた。 もうすぐ1周し終わるので、適宜復習しつつ、次の勉強に進みたい。HTML&スタイルシート トレーニングブック CSS3増補版作者: 渡邉希久子出版社/メーカー: ソーテック社発売日: 2010/04/22メディ…

テーブルを作るタグのまとめ

HTMLの勉強をしました。 参考にしたのは以下の書籍。HTML&スタイルシート トレーニングブック CSS3増補版作者: 渡邉希久子出版社/メーカー: ソーテック社発売日: 2010/04/22メディア: 単行本購入: 1人 クリック: 79回この商品を含むブログ (12件) を見る勉強…

ボックスに対して値を設定する。

■HTMLのボックスとは padding:内容とボーダーとの余白。背景やボーダーに対してテキストなどの内容が接近し過ぎないように設定するため border:パディングとマージンの堺にある枠線のこと margin:ボーダーと他の要素の余白のことpaddingとborderはそれぞれ…

HTML5でファイル操作

HTML内からファイルアクセスのために用意された機能は「FileAPI」という。 ファイルをアップロードするためのコントローラは以下のように記述する。 <input type="file"> このタグで選択されたファイルはFileオブジェクトとして取り出せるようになっている。・ファイル名を取得…

paddingやmarginなど。

安倍総理が就任した際、「こいつは一回ダメだったからまたダメだろ」みたいな雰囲気があった。一度失敗した人にやらせるということ。 失敗は人を成長させる。 安倍総理はたしかに失敗した。一度は政権を投げ出した。 そこから這い上がってもう一度やるという…

使ってみる。

WWW(World Wide Web)は1989年、スイスのジュネーブにある王獣素粒子物理研究所に勤務していたティム・バーナーズ=リーによって提案された。 当初、膨大な量の研究論文をコンピュータで管理できないかと画策したバーナーズ=リーは、文書の中の文字列に別の文…

書き方について

CSSでは、「セレクタ」「プロパティ」「値」の3つの値を組み合わせてスタイルを設定する。セレクタ:h1要素やa要素など、コンテンツ内のどの要素にスタイルを適用するか指定する。 セレクタ { プロパティ:値; } h1 { color: red; } ■セレクタの種類 ・基本…

HTMLトレーニングブックは素晴らしくわかりやすかった。

2ちゃんねるまとめサイトはたまに見るけど、さっき朝日の実名報道事件を受けて、検索すると始めて生2chを見てしまった。 なんかすごいね。 「まとめられていない」部分にこんな汚い罵りの言葉が飛び交っているとは。。 匿名って恐ろしい。★★要素とは、開始タ…