article要素とsection要素の違いについては、様々なブログなどで書かれている内容だとは思います。 ただ「もう少し内容があったら、他の人もわかりやすいのにな」とよく思っていたので、策定中止になったXHTML2.0にも触れつつ、HTML5のarticleとsectionの違いについて書いてみます。 HTML5とXHTML2.0 2009年までHTML5とXHTML2.0と策定が行われていましたが、XHTML2.0は策定中止となり、HTML5に統合されるという形になりました。 しかしsection要素を説明する上で、XHTML2.0の方が分かりやすいので、現在は策定は中止されていますが、XHTML2.0のsection要素の使い方を見て頂きます。 XHTML2.0のsection要素とh要素(策定は中止されています) XHTML2.0ではh1~h6(以下、hxとします)までの見出しレベ
バイク買取 バイク買取相場センター (バイク買取)あなたのバイク今いくら?無料お試し査定&出張買い取り バイク王 ランキング1位 (C) バイク買取のおすすめ業者は? バイク査定のオキテ
個人的に雑誌を読むことが好きなのですが、最近はネットでもWebマガジンをよく読みます。いつでも気軽に読めるところがWebマガジンのいいところ。今回は個人的に好きなWebマガジンをライフスタイル・カルチャー・ファッション・クリエイティブ・ワークの5つのカテゴリから紹介します。 ライフスタイル 1. 100%LiFE 100%LiFEはマガジンハウスが「スタイルのある家と暮らし」をテーマに情報発信するWebマガジン。遊び心とクリエイティビティあふれる生活シーンを多様でハイクオリティな空間事例とともに紹介しています。 2. favori Francfrancの20周年を記念して2012年3月にスタートしたインテリア&ライフスタイルWebマガジンのfavori。「好きなことを自分らしく!」がコンセプトです。 3. Hellomag Hellomag(ハロマグ)はサザビーリーグが運営するファッション
この記事のポイントは… 主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイキャッチ画像の概要と設定方法を詳しく紹介する記事です。 アイキャッチ画像(サムネイル画像やOGP画像とも呼ばれます)とは、サイト内やSNSのタイムライン上に記事URLと共に流れる記事の顔となる画像のこと。 アイキャッチ画像を利用するために必要な知識、画像の仕様と非デザイナー向けの作成方法、アイキャッチ画像をHTMLのメタ要素OGP内で指定する方法を記事内で詳しく解説しています。 この記事は、2024年01月12日に更新しました! ウェブ記事のアイキャッチとなるタイトルを載せた画像、ソーシャルメディア上で、良く見ませんか?まさにこの文章のすぐ上にある「徹底解説」と書かれた画像も、アイキャッチ画像のひとつです。 この記事は、主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイ
これ、よく使う CSS テクニックなのでメモしておきます。サイトの横幅を超えて、ヘッダーやメニューをブラウザの画面一杯に広げる方法です。WordPress の Twenty Eleven に関してのメモですが、CSS のテクニックですし基本は同じなのでどんなテーマでも( WordPress じゃなくても)応用ができると思います。 2013/01/23 追記 ヘッダーやグローバルメニュー、フッターなどの要素を親要素をはみ出してブラウザの画面いっぱいに広げる方法です。より単純化して別の記事にまとめました。以下の内容を途中まで理解した上で、スタイルシートの記述に関してはこちらの記事で確認してください。 【続】横幅いっぱいのヘッダーやフッターにするCSSテクニック 2013/06/29 追記 Twenty Twelve をテーマとして使用している場合、少々 CSS の記載に付け加えなければならない
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
1 ※関連記事 【画像】兵士の心に寄り添う、大切な動物たち(52枚) 282 users 【画像】地球滅亡の日の為に作られたバンカーがすげえ(44枚) 212 users 【画像】ノスタルジックな画像下さい 139 users 【画像】サメってカッコいいよなぁ・・・思わず見蕩れてしまうわ・・・(88枚) 194 users 【画像】NYのノリータホテル オシャレすぎワロタwwwwwww(15枚) 118 users 続きを読む
「デザインに興味があるのですが、どうやってデザインを学べばいいのでしょう?」という質問は、以前に書かせて頂いた「米国のデザイン教育から学んだこと」という記事に対して一番多かった反響の1つでした。これはデザインの分野があまりに多様なためにどこから手を付けていいのか分かりづらいというのが原因のように思います。 そこで今回は情報全体を俯瞰出来るようにするべく、下記のそれぞれのカテゴリー別に、それぞれ有益なリソースをまとめました。このリストが皆さんのデザイン学習リソースとしてお役立てば幸いです。 海外のデザイン学習リソース 23のカテゴリーOnline Learning(オンライン学習)UI/Web:(ユーザインターフェイス/ウェブ)General(一般)Product(プロダクト)Branding:(ブランディング)Book Cover Design:(ブックカバーデザイン)Design Por
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く