[HTML5]文を書くのも上手くなる！セクショニングを理解する
webcre8はまだまだ不勉強なところもありますが、HTML5の学習を進めるとともに、このセマンティックWebについて深く興味を持っています。それを通じて学んだことや考えたことはこのブログに残していこうと思います。ご指摘などありましたらブログのコメント欄や@webcre8の方にご連絡頂ければと思います！ セクショニングの立ち位置 HTML5にはセクショニングと言う概念が存在します。文書構造を明確にする考え方のことで、要素としてはセクショニング・コンテンツやヘッディング・コンテンツに分類されている要素がそのマークアップ上の役割を担っており、これらの要素を用いてセクショニングすることで、文書は正しいアウトラインを得ます。これについては過去記事の[HTML5]アウトラインで迷わない！ sectionと見出しについてをお読み頂ければと思います。ある程度勉強したけどsectionとかarticleの
![[HTML5]文を書くのも上手くなる！セクショニングを理解する](https://cdn-ak-scissors.b.st-hatena.com/image/square/a579b466a9d9646edbe9cc1cec01abca7601b9fc/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F09%2Fhtml5-section-outline-150x150.png)
[CSS3]欧米風顔文字(emoticon)を縦にしたり可愛くする
エモーティコンって知ってますか？要は顔文字です;D←これです★ いつも顔を横にしてたりしてたんですが…今回はCSS3で、コイツの方にシャキッとしてもらいます！ｗ これ可愛いですよね。日本には国産の顔文字たちがありますし、これも結構好きですけど、@WebDesignRecipeさんのWebデザインレシピやTwitterとか、@endoutakaeさんの秋田県webデザイナー【weblog】なんかを見てるとかわいいしなんか欧米風でカッコいいとか思ってしまいますｗ フェイスマークではなくエモーティコン ちなみにこれはエモーティコン(emotion + icon のかばん語)と言うそうで、facemarkって言うと国内の言い方になるっぽいです。以下いくつか国内外の顔文字の資料をどうぞ。 顔文字 – Wikipedia フェイスマーク、横文字のかおもじ 顔文字の起源 (^_^) 顔文字、顔マーク(F
![[CSS3]欧米風顔文字(emoticon)を縦にしたり可愛くする](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9e879c7ea22c999be36b063420c3bfec1f85e7e/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F03%2Fcss3-decorate-emoticon-04-150x150.png)
デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素
元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ
[webサービス]簡潔にまとめる練習をしましょう！ 三行百科事典
大体月イチで特にオススメのサービスを紹介してる気がしますが、今月はコレ。あるといいなと思っていたサービスです。 クリエイタがあるといいなと思うサービス とか言ってるのは要は、「作ってみたかったけど先越された」とかそういうパターンのやつですｗ いや「僕が先に考えてたわー」とかミサワ的なことを言うつもりはないんですが、これがつまり、このサイトを応援したい理由です。もちろんwebcre8にはまだこのようなサービスを作る技量もありませんし、自分が作れなくたって世の中に出てきてくれたんだからまあそれでイイですよねｗ というわけでちょっくら手伝わせても頂きましたｗ 広く使われると嬉しいですね！☆ 三行百科事典とは http://ziten.net/ 自分の持っている専門的な知識をわかりやすく三行にまとめたミニ投稿サービスです。お題は自分の思いついた何かの単語でも、もともと誰かによって出されているお題に
![[webサービス]簡潔にまとめる練習をしましょう！ 三行百科事典](https://cdn-ak-scissors.b.st-hatena.com/image/square/eb285b9be24028b4274368ac81189a6a858cb1c2/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F11%2Fuse-service-zitennet-01-150x150.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[webコンテンツ]パブリックドメインで使える音楽・画像・テキスト等まとめ![[webコンテンツ]パブリックドメインで使える音楽・画像・テキスト等まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/59fc4b8cf1c794158aa358a703d709cadeff33bf/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F11%2Feyecatch-collection-150x150.png)
