[CSS] 基本メモ: アルファ値の指定[CSS] 基本メモ: アルファ値の指定
RGBの色成分に加えてアルファ値が指定できる。 サンプル <style> div { width: 100px; height: 20px; padding: 10px; margin: 30px; back […]
月: 2015年1月
[CSS] 基本メモ: 角丸の指定[CSS] 基本メモ: 角丸の指定
ボックスの角を丸めることができる。 サンプル <style> div { width: 100px; height: 100px; padding: 10px; margin: 30px; backgroun […]
[CSS] 基本メモ: ベンダープレフィックス[CSS] 基本メモ: ベンダープレフィックス
ブラウザが暫定実装しているスタイルであることを示す識別子。 -webkit- Google Chrome, Safari -moz- Firefox -o- opera -ms- Internet Explorer 例 […]
[C#] 別ウィンドウを表示せずに外部プログラムを起動して終了まで待つ[C#] 別ウィンドウを表示せずに外部プログラムを起動して終了まで待つ
コマンドプロンプトで実行される外部プログラムをバッチで繰り返し実行したい。だけど、実行中は別の作業を行いたいので、外部プログラムが実行されるたび新しいウィンドウが開いてフォーカスが奪われるのはいただけない。 別ウィンドウ […]
[CSS] 基本メモ: 擬似クラス[CSS] 基本メモ: 擬似クラス
擬似クラスはクラスが特定の状態にある場合に限って適用されるスタイル。たとえば以下。 :link :visited :hover :active :focus サンプル a:link { color: blue; } a: […]
[CSS] 基本メモ: cursorプロパティ[CSS] 基本メモ: cursorプロパティ
cursor move help wait pointer など サンプル <style> #hello { width: 200px; height: 200px; background-color: ye […]
[CSS] 基本メモ: list-styleプロパティ[CSS] 基本メモ: list-styleプロパティ
list-style-type none (無し) disc (白い丸) circle (黒い丸) square (黒い四角) lower-roman (小文字ローマ数字) upper-roman (大文字ローマ数字) […]
[CSS] 基本メモ: clearプロパティ[CSS] 基本メモ: clearプロパティ
left 左寄せされた要素に対する回り込みを解除。 right 右寄せされた要素に対する回り込みを解除。 both 全ての要素に対する回り込みを解除。 none 回り込みを解除しない。 サンプル <h2>He […]
[CSS] 基本メモ: floatプロパティ[CSS] 基本メモ: floatプロパティ
left 左寄せ。続く内容はその右側に回り込む。 right 右寄せ。続く内容はその左側に回り込む。 none 指定無し。 サンプル <div> <h2>Hello</h2> Lore […]
[CSS] 基本メモ: positionプロパティ[CSS] 基本メモ: positionプロパティ
static 位置指定しない。 relative 相対位置を指定する。staticで配置される位置が基準。 absolute 絶対位置を指定する。親要素の左上が基準。親要素がstatic配置でなければウィンドウ左上が基準 […]
[CSS] 基本メモ: overflowプロパティ[CSS] 基本メモ: overflowプロパティ
visible はみ出した部分も表示される。 hidden はみ出した部分は表示されない。 scroll はみ出した部分はスクロールして見れるようになる。 サンプル <style> #hello1 { ove […]
[CSS] 基本メモ: displayプロパティ[CSS] 基本メモ: displayプロパティ
block ブロックボックスを生成する。前後に改行が入る。 inline インラインボックスを生成する。前後に改行が入らない。高さと幅の設定が効かなくなる。 inline-block インラインレベルのブロックコンテナを […]
[CSS] 基本メモ: ブロック要素[CSS] 基本メモ: ブロック要素
ブロック要素のスタイル width: 200px | 50%; (パーセントは親要素に対する比率) height: 200px | 50%; border-color: red; border-width: 1px; […]
[CSS] 基本メモ: 背景[CSS] 基本メモ: 背景
背景のスタイル background-color: blue; background-image: url("images/pattern.gif"); background-repeat: no-repeat | re […]
[CSS] 基本メモ: フォント＆テキスト[CSS] 基本メモ: フォント＆テキスト
数あるスタイルの中から自分が良く使いそうなモノをざっくり抜粋。 フォントスタイル font-style: normal | italic; font-weight: normal | bold; font-size: 2 […]
[CSS] 基本メモ: 書き方、セレクタ、優先度、色の指定[CSS] 基本メモ: 書き方、セレクタ、優先度、色の指定
CSS再勉強。参考サイトが助けになる。 CSSの基本－HTMLクイックリファレンス http://www.htmq.com/csskihon/index.shtml CSSを書く場所 HTMLタグ中にstyle属性として […]
[HTML5] 新タグなどの予備知識ざっくり[HTML5] 新タグなどの予備知識ざっくり
最近フロントエンドはあまりやってないけど、いつ何時必要になるかわからないので、自分の古いHTMLの知識をざっくり補っておく。完全な仕様は参考サイトが詳しい。 HTML5リファレンス http://www.htmq.com […]
[JavaScript] 基本メモ: DOM操作[JavaScript] 基本メモ: DOM操作
DOM = Document Object Model プロパティへのアクセス console.dir(window); //オブジェクトのプロパティを羅列 console.log(window.location.hre […]
[JavaScript] 基本メモ: タイマー処理[JavaScript] 基本メモ: タイマー処理
タイマー関数 指定した間隔ごとにコールバック関数を呼び出す setInterval(コールバック関数, 間隔) 指定した時間経過したらコールバック関数を呼び出す setTimeout(コールバック関数, 時間) setI […]
[JavaScript] 基本メモ: 組み込みオブジェクト[JavaScript] 基本メモ: 組み込みオブジェクト
良く使いそうなもの。 String var s = new String("Hello world"); var s = "Hello world"; //リテラル alert(s.length); //11 s = s […]