Architect's Log

I'm a Cloud Architect. I'm highly motivated to reduce toils with driving DevOps.

2012-01-01から1年間の記事一覧

野村総研が「InternetExplorer10に関する調査結果書」を公開しています

IE

野村総研が「InternetExplorer10に関する調査結果書」を公開しています。 InternetExplorer10に関する調査結果書|野村総合研究所(NRI)情報技術本部WebサイトにおけるInternetExplorer(以下IE)のバージョンアップ対応を円滑に進められるよう、IE7の登場…

meter要素 low属性 high属性 optimum属性

low属性は、低領域の閾値を表します。 high属性は、高領域の閾値を表します。 optimum属性は、最適値を表します。 使用例 <html lang="ja"> <head> <title>Hello! HTML5</title> <meta charset="UTF-8"> </head> <body> <form> <p> A:20点<meter value="20" min="0" low="30" high="80" max="100" optimum="100"></meter><br /> B:50点</p></form></body></html>

progress要素

progress要素は、進捗を表します。 使用例 <html lang="ja"> <head> <title>Hello! HTML5</title> <meta charset="UTF-8"> </head> <body> <form> <p> 進捗:<progress value="50" max="100" /> </p> </form> </body> レンダリング 関連エントリー HTML5エントリーのまとめ - プログラマーな日々</html>

output要素

output要素は、計算結果を表します。 使用例 <html lang="ja"> <head> <title>Hello! HTML5</title> <meta charset="UTF-8"> </head> <body> <form action="./regeister.html" method="post" id="order"> <p> 音量:<input type="range" id="volume" onchange="form.elements.op.value = this.value;" /> </p></form></body></html>

datalist要素

テキストフィールドの入力候補を表します。 使用例 <html lang="ja"> <head> <title>Hello! HTML5</title> <meta charset="UTF-8"> </head> <body> <form action="./regeister.html" method="post" id="order"> <datalist id="suggest"> <option>apple</option> <option>orange</option> <option>grape</option> </datalist> <p> <…</p></form></body></html>

select要素 required属性

required属性は、入力が必須であることを意味します。 使用例 <html lang="ja"> <head> <title>Hello! HTML5</title> <meta charset="UTF-8"> </head> <body> <form action="./regeister.html" method="post" id="order"> <p> <select required="required"> <option></option> <option>りんご</option> <option>みかん</option> <option>ぶ…</option></select></p></form></body></html>

Sandcastle Help File Builder が Visual Studio 2012 と .NET Framework 4.5 をサポートしました

Sandcastle Help File Builder が、バージョン1.9.5.0で Visual Studio 2012 と .NET Framework 4.5 をサポートしました。 This new release supports Visual Studio 2010 and 2012 solutions and projects as documentation sources, and adds support for …

select要素 autofocus属性

ページが表示された時に、該当のselect要素にフォーカスすることを指示します。 使用例 <html lang="ja"> <head> <title>Hello! HTML5</title> <meta charset="UTF-8"> </head> <body> <form action="./regeister.html" method="post" id="order"> <p> <select autofocus="autofocus"> <option>りんご</option> <option>みかん</option> <option>ぶどう</option></select></p></form></body></html>

button要素 formtarget属性

button要素のformtarget属性は、form要素のtarget属性と同じ意味をもちますが、form要素よりも優先されます。 使用例 start.html <html lang="ja"> <head> <title>Hello! HTML5</title> <meta charset="UTF-8"> </head> <body> <form action="./regeister.html" method="post" enctype="text/plain" id="order" target="_blank"> <p> 名前:</p></form></body></html>

button要素 formnovalidate属性

button要素のformnovalidate属性は、form要素のnovalidate属性と同じで、入力値の妥当性を検証しないことを意味します。form要素のnovalidate属性よりも優先されます。 使用例 start.html <html lang="ja"> <head> <title>Hello! HTML5></title> <meta charset="UTF-8"> </head> <body> </body></html>

button要素 formenctype属性

button要素のformenctype属性は、form要素のenctype属性と同じ意味をもちますが、form要素よりも優先されます。 使用例 ボタンによってフォームの送信データ形式を変えたいケースというのはどんな場合でしょうか?私には適切な使用例が思いつきませんでした…

button要素 formaction属性

button要素のformaction属性は、form要素のaction属性と同じ意味をもちますが、form要素よりも優先されます。 使用例 start.html <html lang="ja"> <head> <title>Hello! HTML5></title> <meta charset="UTF-8"> </head> <body> <form action="./regeister.html" method="post" id="order"> <p> 名前:<input type="text" id="name" /> </p> <p> </p></form></body></html>

input要素 form属性

form属性は、そのフィールドの属するフォームを示します。この属性により、フィールドをフォームの外に配置することができるようになりました。 使用例 start.html <html lang="ja"> <head> <title>Hello! HTML5></title> <meta charset="UTF-8"> </head> <body> <form action="./next.html" method="post" id="order"> <p> ユーザーID:<input type="text" id="userid" /> </p> </form></body></html>

meter要素

meter要素は、ある範囲における値を表します。 使用例 <html lang="ja"> <head> <title>Hello! HTML5</title> <meta charset="UTF-8"> </head> <body> <form> <p> テストの点数:<meter value="50" min="0" max="100" /> </p> </form> </body> レンダリング 関連エントリー HTML5エントリーのまとめ - プログラマーな日々</html>

Silverlight スタイルの継承

スタイルを継承するサンプルです。 ソースコード MainPage.xaml

Silverlight リソース・ディクショナリを外部ファイルに定義する

リソース・ディクショナリを外部ファイルに定義するサンプルです。 手順 ソリューションエクスプローラからプロジェクトを右クリックし、[追加]→[新しい項目]を選択する。 [Silverlight リソースディクショナリ]を選択し、[Dictionary1.xaml]の名前で追加す…

Silverlight リソース・ディクショナリでオブジェクトを共有する

リソース・ディクショナリでブラシを共有するサンプルです。 ソースコード MainPage.xaml

Silverlight DockPanelで要素を四隅にレイアウトする

DockPanelで要素を四隅にレイアウトするサンプルです。 ソースコード MainPage.xaml

Silverlight WrapPanelで要素を折り返しレイアウトする

WrapPanelで要素を折り返しレイアウトするサンプルです。 ソースコード MainPage.xaml

Silverlight Gridの列の幅と行の高さを割合で指定する

Gridの列の幅と行の高さを割合で指定するサンプルです。 ソースコード MainPage.xaml

Silverlight Grid内要素のサイズによって列の幅と行の高さを自動調整する

Grid内要素のサイズによって列の幅と行の高さを自動調整するサンプルです。 ソースコード MainPage.xaml

Silverlight Gridの列と行のサイズを固定にする

Gridの列と行のサイズを固定にするサンプルです。 ソースコード MainPage.xaml

Silverlight ScrollViewerでスクロールバーを表示する

スクロールバーを表示するサンプルです。 ソースコード MainPage.xaml

Silverlight Canvasにシェイプを配置する

Canvasにシェイプを配置するサンプルです。 ソースコード MainPage.xaml

Silverlight 直線を描画する

直線を描画するサンプルです。 ソースコード MainPage.xaml

Silverlight ListBoxのItemsSourceプロパティに配列を設定する

ListBoxのItemsSourceプロパティに配列を設定するサンプルです。 ソースコード MainPage.xaml

Silverlight ButtonのUIを変更する

ButtonのUIを変更するサンプルです。 ソースコード MainPage.xaml

Silverlightエントリーのまとめ

Silverlight関連のエントリーのまとめです。エントリーするたびに随時更新します。 コントロール Silverlight LabelとTextBox - プログラマーな日々Targetプロパティで、Labelと他のコントロールと関連付けることができます。 ...Silverlight ButtonのUIを変…

Silverlight LabelとTextBox

Targetプロパティで、Labelと他のコントロールと関連付けることができます。 Label.Target プロパティ (System.Windows.Controls)この Label が関連付けられているコントロールを取得または設定します。 ソースコード MainPage.xaml

CSS 疑似クラスセレクタ(:first-child)

CSS

他の要素の最初の子である要素にスタイルを適用します。 使用例 <html lang="ja"> <head> <title>Hello! CSS</title> <meta charset="UTF-8"> <style> p:first-child { /* 他の要素の最初の子であるp要素 */ background: pink; } </style> </head> <body> <p>body要素の最初の子の段落です。</p> <p>2番目の子の段落です。</p> </body> </html> レンダリング(Chrome) 関連エン…