section 要素 - セクション - HTML要素 - HTML5 タグリファレンス - HTML5.JP
4.3.3 section 要素 カテゴリー: フロー・コンテント セクショニング・コンテント パルパブル・コンテント この要素を使うことができるコンテキスト: フロー・コンテントが期待される場所 コンテントモデル: フロー・コンテント コンテント属性: グローバル属性 text/html におけるタグの省略: どちらのタグも省略できません。 指定可能な ARIA role 属性 の値: region ロール (デフォルト - 指定不要), alert, alertdialog, application, contentinfo, dialog, document, log, main, marquee, presentation, search, status 指定可能な ARIA ステートとプロパティ属性: グローバル aria-* 属性 許可ロールに該当する aria-* 属性 DO
flexboxの基本（縦並び、横並び、中央寄せ、左寄せ、右寄せ） - やったもん勝ち
xflexbox、便利です。 何もしないと、以下のように、block要素は縦に並ぶ See the Pen JWerRv by benzenetarou@gmail.com (@benzenetarou) on CodePen. 親要素にdisplay: flexを設定すると、子要素が横に並ぶ See the Pen WpYZRw by benzenetarou@gmail.com (@benzenetarou) on CodePen. flex-direction: columnを設定すると、再び縦に並ぶ See the Pen XMyepz by benzenetarou@gmail.com (@benzenetarou) on CodePen. flex-direction: rowにして、横に並べてから、justify-content: flex-endを設定すると、右側に詰める。
<label>－HTML5タグリファレンス
<label>タグは、フォーム部品と項目名（ラベル）を関連付ける際に使用します。 また、フォーム部品以外にも、ユーザー・インタフェースの項目名（ラベル）を指定する際に使用することもできます。 フォーム部品とラベルを関連付けるには、<label>タグのfor属性の値とフォーム部品のid属性の値を一致させるか、 <label>～</label>の中にフォーム部品を配置するか、のいずれかの方法で指定します。 <label>タグを使用してフォーム部品とラベルを関連付けることで、 一般的なブラウザではラベル部分をクリックすると、関連付けられているフォームの入力欄がフォーカスされたり、 ラジオボタンやチェックボックスが選択されるようになります。 ■HTML4.01からHTML5へのバージョンアップによる変更点 label要素は、HTML5では新しくform属性が追加されています。 <label>のfo
CSS3 Flexbox 並べ方まとめ - Qiita
<div id="flex"> <div class="flex-item">A</div> <div class="flex-item">B</div> <div class="flex-item">C</div> <div class="flex-item">D</div> <div class="flex-item">E</div> <div class="flex-item">F</div> <div class="flex-item">G</div> </div> *{ margin: 0; padding: 0; } /* #flexを画面中央に配置 */ html,body{ height: 100%; display: flex; justify-content: center; align-items: center; } /* flex-container */ #fl
rgba()－CSS3リファレンス
rgba()は、RGBAカラーモデルで色を指定する際に使用します。 RGBAカラーモデルは、RGBカラーモデルのred・green・blueに、alphaが加わったものです。 alphaは色の透明度を表します。 RGBAカラーモデルで色を指定する際には、カンマ（ , ）区切りにした３つの数値でRGBの色を指定した後に、数値で透明度を指定します。 RGBの色は0-255、または、0%-100%で指定します。透明度は、0（完全に透明）～1（完全に不透明）の数値で指定します。 RGBA値の指定では、RGB値の指定とは異なり #FFFFFF のような16進表記を使用することはできません。 尚、RGBA値をサポートしていないブラウザでは、透明度だけが無視されて単なるRGB値として扱われるのではなく、色指定そのものが認識されずに無効となるので注意してください。 ■使用例 CSSソースは外部ファイル（s
CSSで作る！押したくなるボタンデザイン100（Web用）
.btn-square { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .btn-square:active { /*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/ }
彩神一分快速三 (集团)有限责任公司
彩神一分快速三☯【官方推荐，值得信赖】☯顶级信誉彩神一分快速三属于老百姓自己的休闲平台，秉承公平、信誉、高效、顾客至上的理念，打造『彩票』『棋牌』『真人』『电子』.彩神一分快速三欢迎您！
CSSで文字列の内側に影をつける - Qiita
box-shadowにはinsetがあるが text-shadowには存在しないので外側に影をつけることしか出来ない だが、透明度と背景色をうまく使うことで内側に影をつけることが出来る 例として「龍■」はこんな感じ 方法 とりあえずhtmlとcss <div class="row"> <div> <p>1. <br /><span class="shadow shadow-l1">龍■</span></p> </div> <div> <p>2. <br /><span class="shadow shadow-l2">龍■</span></p> </div> <div> <p>3. <br /><span class="shadow shadow-l3">龍■</span></p> </div> <div> <p>4. <br /><span class="shadow shadow-l4
自作のアニメ制作ツールで作った超絶アクションを決めまくる自主制作アニメ「影と魔女 / THE SHADOW AND THE WITCH」がスゴい - GIGAZINE
S(@smdls)さんが自作したmacOS用の2Dアニメーションツール「C0」を用い、アニメーションムービー「影と魔女 / THE SHADOW AND THE WITCH」を自主制作しました。自作のツールを使ってアニメーションを作成するというだけでも面白げですが、アニメーションのクオリティも自主制作とは思えないくらいに高く、一見の価値ありです。 影と魔女 / THE SHADOW AND THE WITCH - YouTube 「THE SHADOW AND THE WITCH」と書かれた1冊の本。 ペラリとページがめくれると…… 1枚の絵が描かれていました。 カメラが絵によっていくと…… イラストが動き始めます。 影が杖をかざすと…… 地面が爆発 これを紙一重で魔法使いが回避。 空中でクルクル回りながら影に近づいていきます。 そのまま魔法使いと影による接近戦がスタート。 静止画だと分か
NGINXからアプリケーションサーバ「NGINX Unit」がオープンソースで登場。PHP、Go、Pythonに対応。Java、Node.jsにも対応予定
NGINXからアプリケーションサーバ「NGINX Unit」がオープンソースで登場。PHP、Go、Pythonに対応。Java、Node.jsにも対応予定 NGINX UnitはNginxの開発者であるIgor Sysoev氏が設計し、NGNIXのソフトウェア開発チームが実装したもので、同社としてはNginxと同等の開発プロセスと品質を実現しているとしています。 現時点でPHP、Go、Pythonに対応。Java、Ruby、Node.jsにも対応予定です。 NGINX Unitの最大の特徴として挙げられているのは、最初から動的制御が可能なように設計されており、アプリケーションの入れ替えやバージョンアップなどを再起動することなくシームレスに行えるところです。 RESTful APIやJSONによるコンフィグレーションの変更やリロードもリアルタイムかつ動的に反映されるとのこと。 また、同一サー
しっくりくる白色背景色「＃F4F5F7」を知っているか？ | degitekunote2
どうも、もう6月が終わりな事に驚いている私(@こふす)です。 さてさて、degitekunote2を三度の飯より好きという方は気がついた方もいるかもしれませんが、実は背景色をちょっとだけ変えてみました。 もともとdegitekunote2では長い期間「白色」をベースにした背景色を使ってきました。 画像を使用していた期間もありましたが、基本は白です。そしてここ最近ではCSSで白色を指定してきました。 ですが個人的にはあまりしっくりくる白色ではなかったんですよね。 白といっても色んな白があるよね そうなんですよね。白色といっても色んな白色があって、純色の白(#FFFFFF)もあれば、ちょっと薄くした白色もあるわけです。 そして今回変更したのが以前の#F2F2F2から#F4F5F7。 どれ位違うのかというとこれぐらい違います。 以前背景色に指定していた＃F2F2F2は若干黄色がかっているのが分か
なんとなく白にしてない？Webサイトの背景色の引き出しを増やす、9つの具体例 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、まきこです。 アンジュルムの佐々木莉佳子ちゃんがとてもかわいいので、毎日がだいたい楽しいです！ さて、みなさんは、サイトの背景色ってどれくらい気にしていますか？ わたしは、なんとなく白を選んで置きにいってしまうことが多いんですよね……。でも、もっと幅広い表現のために、背景色の使い方の引き出しを広げたいなーと最近は考えています。そこで今回は、背景色の使い方が印象的なサイトを、使い方ごとに分類してご紹介します！ 強めの色を大胆に使う 1. heyblend http://www.heyblend.com/ アメリカのクリエイティブ集団のサイト。 背景色に赤を大胆に取りいれていて、かっこいいですよね！ 赤といっても少し白が混ざったような色で、大人っぽいスタイリッシュな雰囲気にまとまっています。下層ページも潔く赤いんですが、写真とぶつかることなく、うるさくないのにしっかり個性的。こうい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Animated Input Labels with Pure CSS/CSS3 | CSS Script
コピペで使えるリストデザイン34選：CSSで箇条書きをおしゃれに
http://www.allinthemind.biz/markup/css/box-shadow.html
まるで蛍光ペン!?テキストにマーカーでアンダーラインを引いたような背景をつけるCSS | 福岡のホームページ制作会社 | シンス株式会社
Dockerの未使用ポートで"port has already been allocated"が出たらサービス再起動すべし（メモ） - Qiita
