<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title>webデザイナーの心得</title>
<link>http://b.hyporinkin.net/</link>
<description>webデザイナーの心得は、webデザイナーの技術、webデザイナーの仕事、webデザイナーのキャリアなどについて解説するサイトです。</description>
<lastBuildDate>Tue, 03 Jun 2008 18:06:40 +0900</lastBuildDate>
<language>ja</language>
<item>
<title>アクセシビリティとは</title>
<description><![CDATA[ 
<div class="hatena-body">
<strong class="title">Webアクセシビリティとは何か?</strong>
<p>... 山口県中途失聴・難聴者協会 に入ろう! Webアクセシビリティとは何か? 2008年4月23日、水曜日 @ 17:30:45 カテゴリ WEB , アクセシビリティ ウェブ。 ... ITpro で、「第1回 Webアクセシビリティとは何か？ 」の記事が始まっています。一度 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%A8%E3%81%AF/O=ALL/SIG=11gr6t0ng/*-http%3A//www.manabibito.info/wordpress/?p=415" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="Webアクセシビリティとは何か?" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">アクセシビリティとは！？</strong>
<p>本日は アクセシビリティ についてです。 アクセシビリティ とは簡単に言うと、WEB版の「バリアフリー」のことです。 最近のWEBサイトには文字のサイズが自由に変えられる仕組みが ありますよね！ 文字サイズ 大 中 小 とか。。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%A8%E3%81%AF/O=ALL/SIG=11k2s5k32/*-http%3A//luckys.sakura.ne.jp/2007/10/post_10.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="アクセシビリティとは！？" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">第2回「DEMOsa」レポート</strong>
<p>... まず「ウェブアクセシビリティとは？」に触れ、ついでWebコンテンツをデザインするために作り手が意識すべきアクセシビリティの注意点について、大学院での研究活動にも触れながら発表されました。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%A8%E3%81%AF/O=ALL/SIG=112fnq550/*-http%3A//www.mosa.gr.jp/?p=1725" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="第2回「DEMOsa」レポート" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">[その他]巡回</strong>
<p>... サイトのスクリーンショットを細かく設定して取得できる『Super Screen Shot』 第1回 Webアクセシビリティとは何か？ Twitterモバイル版がauで見れるようになっていた はてなブックマークのラジオボタンを押し ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%A8%E3%81%AF/O=ALL/SIG=11l4n6pkb/*-http%3A//d.hatena.ne.jp/johzan/20080421/1208713686" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="[その他]巡回" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">ユーザビリティについて</strong>
<p>... アクセシビリティとは 【accessibility】 情報やサービス、ソフトウェアなどが、 どの程度広汎な人に利用可能であるかをあらわす語。 特に、高齢者や障害者などハンディを持つ人にとって、 どの程度利用しやすいかという意味で使われることが多い。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%A8%E3%81%AF/O=ALL/SIG=114qm5u2s/*-http%3A//i-nyu.jugem.jp/?eid=2982" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="ユーザビリティについて" /></a></p>
</div>

 ]]></description>
<link>http://b.hyporinkin.net/category6/entry26.html</link>
<pubDate>Tue, 03 Jun 2008 15:52:06 +0900</pubDate>
</item>
<item>
<title>ユーザビリティとは</title>
<description><![CDATA[ 
<div class="hatena-body">
<strong class="title">ユーザビリティとは？</strong>
<p>ブログでおこづかいのkiyoshiだよ。 今日のブログでおこづかいは「ユーザビリティとは？」だよ。 ユーザビリティとは、ブログの使い易さの事だよ。 君のブログに来た人が、必要な情報をカンタンに探せるかどうかという事だよ。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%A8%E3%81%AF/O=ALL/SIG=11di9d77r/*-http%3A//okodukai.kitaguni.tv/e546962.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="ユーザビリティとは？" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">『ユーザビリティとは、断じて学習曲線を低く抑えることでは ...</strong>
<p>hideden はナニシテタ？ 2007年12月22日 15:58:11 (143日前) 『ユーザビリティとは、断じて学習曲線を低く抑えることではなく、システムの詳細をユーザから隠すことでもない』 返信する Ads by Google > ナニシテル？一覧</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%A8%E3%81%AF/O=ALL/SIG=119bcd3br/*-http%3A//hideden.nowa.jp/status/131349" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="『ユーザビリティとは、断じて学習曲線を低く抑えることでは ..." /></a></p>
</div>

<div class="hatena-body">
<strong class="title">ユーザビリティとは</strong>
<p>ネットビジネスを考えるうえで最も重要視しなければならないことは、 「ユーザーの立場に立ったサービス展開を考える」 ということです。 たとえばサイトの作り方一つにしても、ユーザーにとって見やすく ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%A8%E3%81%AF/O=ALL/SIG=121g5pj10/*-http%3A//plaza.rakuten.co.jp/sarudemowakaru/diary/200606150000" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="ユーザビリティとは" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">中小企業に受け入れられるユーザビリティとは？</strong>
<p>ウルシステムズ、コピー機で受発注・リコーとシステム システム構築のウルシステムズはリコーと中小メーカーや卸業者向けに、市販のコピー機を使ってインターネット経由で小売業者と企業間取引ができるシステムを開発した。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%A8%E3%81%AF/O=ALL/SIG=11l48ta8a/*-http%3A//ameblo.jp/bizmedia/entry-10086746994.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="中小企業に受け入れられるユーザビリティとは？" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">ブログカスタマイズ ユーザビリティとは</strong>
<p>前回はブログのカスタマイズのお話をしました。 でも、いくらカスタマイズが楽しいって言っても、アフィリエイトサイトやブログでやってはいけないカスタマイズもあるんですよ。</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%A8%E3%81%AF/O=ALL/SIG=11m3fj4bh/*-http%3A//hisanobu.blog77.fc2.com/blog-entry-18.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="ブログカスタマイズ ユーザビリティとは" /></a></p>
</div>

 ]]></description>
<link>http://b.hyporinkin.net/category6/entry25.html</link>
<pubDate>Tue, 03 Jun 2008 15:52:05 +0900</pubDate>
</item>
<item>
<title>CSSのテーブル</title>
<description><![CDATA[ 
<div class="hatena-body">
<strong class="title">■驚愕のお役立ちサイト</strong>
<p>... ■今日分からなかったこと＆ できなかったこと ○ＣＳＳのテーブルが理解できないかもしれません。。 そもそもＨＴＭＬのテーブル自体、理解できてないせいですね。。。 アフィリエイトにお役立て ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB/O=ALL/SIG=11876pohu/*-http%3A//hikaru6666.jugem.jp/?eid=185" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="■驚愕のお役立ちサイト" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">What's new?で紹介。9/22 ブログをもっと楽しく使うための「 ...</strong>
<p>... CSSのテーブルの中にはいった写真はサムネイルの画像になりません。 ※サムネイルについては ブログ練習帳 から どうぞ。 画像について、backgroundと勘違いした記述をしてしまいました。 訂正しました。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB/O=ALL/SIG=11inna54s/*-http%3A//blog.so-net.ne.jp/colchicum/2006-09-23" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="What's new?で紹介。9/22 ブログをもっと楽しく使うための「 ..." /></a></p>
</div>

<div class="hatena-body">
<strong class="title">ブログに目次を作る方法 （ライブドアブログのみですが…）</strong>
<p>... HTMLとCSSのテキストはどこにアップロードされているのでしょうか？ ぜひ使ってみたいのですが。 Posted by Cozy at 2004年11月09日 20:07 ごめんなさい。わかりました。 赤い文字をクリックするのですね。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88/O=ALL/SIG=11iv2bi4u/*-http%3A//ebn.livedoor.biz/archives/8810466.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="ブログに目次を作る方法 （ライブドアブログのみですが…）" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">初心者用ブログオリジナル化講座？その３</strong>
<p>... いろいろ自分好みに変えてみてください♪ これで完成！という方は、 出来上がったcssのテキストファイルを全部コピーして、 「 カスタムデザインテーマ 」→ CUSTOM と書いてあるところで、使用していないところをクリック。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88/O=ALL/SIG=11nn8lbuv/*-http%3A//blogs.dion.ne.jp/chunn/archives/390740.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="初心者用ブログオリジナル化講座？その３" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">なんか回ってきたので久々に更新。</strong>
<p>... なお本棚にはＣＳＳの テキスト も買って目は通したんですが…… 活用 できてない（汗 -Q2.今 妄想 している『 サイト 運営』は？ ずばり ブログ 化。 トラックバック 活用 したい。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88/O=ALL/SIG=1195u8fkk/*-http%3A//d.hatena.ne.jp/tonbo/20060202" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="なんか回ってきたので久々に更新。" /></a></p>
</div>

 ]]></description>
<link>http://b.hyporinkin.net/category4/entry21.html</link>
<pubDate>Tue, 03 Jun 2008 15:45:48 +0900</pubDate>
</item>
<item>
<title>CSSのテキスト</title>
<description><![CDATA[ 
<div class="hatena-body">
<strong class="title">HTMLとCSSのテキスト</strong>
<p>中小企業向けのホームページ作成講座応用編のテキストを 作成することになりました。 講座の主催者からの依頼は、 ホームページビルダー体験版を活用しますが、ビルダーの操作だけでは できないような細かな設定を応用編では教えてほしいとのことでした。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88/O=ALL/SIG=128hs5uii/*-http%3A//blog.goo.ne.jp/shieny_mee/e/df48f4a8a2b5d1ab98ab6e8cb3ae17fa" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="HTMLとCSSのテキスト" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">テキストに隠し画像を仕込むことができるジェネレータ『Text ...</strong>
<p>SafariとFirefox限定ですが、ちょっと驚いたのでご紹介。Text+Image+CSS3ではテキストに隠し画像を仕込むことができるジェネレータです。 使い方は簡単で、テキストと隠したい画像のURLを指定するだけ。 ↑ するとこのようなテキストが生成されます。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88/O=ALL/SIG=123ufu4ok/*-http%3A//www.ideaxidea.com/archives/2008/02/text_image_css3.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="テキストに隠し画像を仕込むことができるジェネレータ『Text ..." /></a></p>
</div>

<div class="hatena-body">
<strong class="title">ブログに目次を作る方法 （ライブドアブログのみですが…）</strong>
<p>... HTMLとCSSのテキストはどこにアップロードされているのでしょうか？ ぜひ使ってみたいのですが。 Posted by Cozy at 2004年11月09日 20:07 ごめんなさい。わかりました。 赤い文字をクリックするのですね。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88/O=ALL/SIG=11iv2bi4u/*-http%3A//ebn.livedoor.biz/archives/8810466.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="ブログに目次を作る方法 （ライブドアブログのみですが…）" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">初心者用ブログオリジナル化講座？その３</strong>
<p>... いろいろ自分好みに変えてみてください♪ これで完成！という方は、 出来上がったcssのテキストファイルを全部コピーして、 「 カスタムデザインテーマ 」→ CUSTOM と書いてあるところで、使用していないところをクリック。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88/O=ALL/SIG=11nn8lbuv/*-http%3A//blogs.dion.ne.jp/chunn/archives/390740.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="初心者用ブログオリジナル化講座？その３" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">なんか回ってきたので久々に更新。</strong>
<p>... なお本棚にはＣＳＳの テキスト も買って目は通したんですが…… 活用 できてない（汗 -Q2.今 妄想 している『 サイト 運営』は？ ずばり ブログ 化。 トラックバック 活用 したい。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88/O=ALL/SIG=1195u8fkk/*-http%3A//d.hatena.ne.jp/tonbo/20060202" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="なんか回ってきたので久々に更新。" /></a></p>
</div>

 ]]></description>
<link>http://b.hyporinkin.net/category4/entry20.html</link>
<pubDate>Tue, 03 Jun 2008 15:45:48 +0900</pubDate>
</item>
<item>
<title>CSSのフォント</title>
<description><![CDATA[ 
<div class="hatena-body">
<strong class="title">[symfony] sf/sf_admin/css/main.cssのフォント</strong>
<p>symfony | 19:18 なんかザ外国って感じがしたので、上書き web/ css /main_ja. css body , td { font-family : "Osaka" , "ＭＳ Ｐゴシック" , Arial, Verdana, sans-serif !important ; font-size : 12px !important ; } #sf_admin_container td ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/O=ALL/SIG=11k8iugb6/*-http%3A//d.hatena.ne.jp/hpool/20080424/1209032322" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="[symfony] sf/sf_admin/css/main.cssのフォント" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">[CSS]CSS のフォントサイズ指定が table に反映されないやつ</strong>
<p>■ [ CSS ] CSS の フォント サイズ指定が table に反映されないやつ 20:28 僕はどこで教えてもらったわけでもなく、 こうや って回避してる。 table{ font-size:100%; } こうするとその上の要素で変更された フォント サイズが ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/O=ALL/SIG=11s5k9po9/*-http%3A//pico.g.hatena.ne.jp/chepooka/20060724/1153740492" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="[CSS]CSS のフォントサイズ指定が table に反映されないやつ" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">CSSのフォント指定で文章を読みやすくする （typetester）</strong>
<p>Webコンテンツ制作時にフォントの細かな指定に悩んだことは無いだろうか？文章を中心とするコンテンツであれば、フォント（font-family）、フォントサイズ（font-size）、行間（line-height）といった部分には気を使いたい。...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/O=ALL/SIG=11lbus105/*-http%3A//youmos.com/news/css_font_type_tester.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="CSSのフォント指定で文章を読みやすくする （typetester）" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">PDFとフォント(12) CSSのフォント選択仕様</strong>
<p>和文フォント”平成角ゴシック Std”は、もともと、W3、W5、W7、W9がフォントファミリーとして設計されています。しかし、 現在のWindowsアプリケーションは、Microsoft OfficeでもWebブラウザ（IE6、Firefox）でも ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/O=ALL/SIG=12535umu6/*-http%3A//blog.antenna.co.jp/PDFTool/archives/2006/03/23/index.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="PDFとフォント(12) CSSのフォント選択仕様" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">jsがメッサ楽しくなるフレームワークjQuery(1)</strong>
<p>... ＜a＞タグのリンクを変更 $("p").find("b").find("a").set("src", "http://www.fladdict.net"); 全ての＜p＞タグのcssのフォント設定を一括変更 $("p").css("font","14px Arial"); そしてなんかXPATHにも対応、物凄い無茶なノード指定ができます。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/O=ALL/SIG=11ks04thm/*-http%3A//fladdict.net/blog/2006/06/jsjquery1.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="jsがメッサ楽しくなるフレームワークjQuery(1)" /></a></p>
</div>

 ]]></description>
<link>http://b.hyporinkin.net/category4/entry19.html</link>
<pubDate>Tue, 03 Jun 2008 15:45:45 +0900</pubDate>
</item>
<item>
<title>CSSのレイアウト</title>
<description><![CDATA[ 
<div class="hatena-body">
<strong class="title">CSSのレイアウト作成に役立つ便利なリソースいろいろ</strong>
<p>2007年12月18日 14時28分00秒 CSSのレイアウト作成に役立つ便利なリソースいろいろ 最近のページやサイト作成に欠かす ... レイアウト Dynamic Drive CSS Layouts- CSS Frames CSSのレイアウトを作成するジェネレータ CSS Creator これも選択 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88/O=ALL/SIG=12ktp51ug/*-http%3A//gigazine.net/index.php?/news/comments/20071218_easily_create_css_layouts" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="CSSのレイアウト作成に役立つ便利なリソースいろいろ" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">100%ピュアCSSのレイアウトサンプルが見られる『750 pixel P ...</strong>
<p>... 100%ピュアCSSのレイアウトサンプルが見られるサイトだ。 このサイトでは、750px、900px、および100%（ブラウザいっぱい）のサイズのCSSレイアウトがたくさん紹介されている。 ... 100%ピュアCSSのレイアウトサンプルが見られるサイト、チェックしてぜひ使っ ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88/O=ALL/SIG=12aip7s6v/*-http%3A//blog.creamu.com/mt/2008/03/100css750_pixel_pure_css_layou.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="100%ピュアCSSのレイアウトサンプルが見られる『750 pixel P ..." /></a></p>
</div>

<div class="hatena-body">
<strong class="title">CSSのレイアウト40種類</strong>
<p>Layout Gala http://blog.html.it/layoutgala/ ホームページを作る際に、自分でCSSを書くのもそうだが、レイアウトを決めるのは面倒なこと。 そんな時にレイアウトデザイン一覧を見てからなら決めやすい。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88/O=ALL/SIG=11hao9k16/*-http%3A//tok2.seesaa.net/article/73715080.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="CSSのレイアウト40種類" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">100個近いCSSギャラリーサイトをまとめて閲覧できる「GALLER ...</strong>
<p>... チュートリアルサイト「Floatutorial」 - GIGAZINE 使えるCSSコードいっぱい「Dynamic Drive CSS Library」 - GIGAZINE CSSのレイアウト作成に役立つ便利なリソースいろいろ - GIGAZINE 知っておいて損はないAJAXやCSSを ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88/O=ALL/SIG=12a4vgkav/*-http%3A//gigazine.net/index.php?/news/comments/20080424_gallery_gallery" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="100個近いCSSギャラリーサイトをまとめて閲覧できる「GALLER ..." /></a></p>
</div>

<div class="hatena-body">
<strong class="title">ウェブサイト作成に必要なPSDファイルの詰め合わせセット「D ...</strong>
<p>... アイコンあれこれ - GIGAZINE 無料のクリップアートを6900個以上入手できる「Open Clip Art Library」 - GIGAZINE Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE CSSのレイアウト作成に役立つ便利なリソースいろいろ - GIGAZINE</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88/O=ALL/SIG=12h0cvien/*-http%3A//gigazine.net/index.php?/news/comments/20080201_deluxive_creative_pack" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="ウェブサイト作成に必要なPSDファイルの詰め合わせセット「D ..." /></a></p>
</div>

 ]]></description>
<link>http://b.hyporinkin.net/category4/entry18.html</link>
<pubDate>Tue, 03 Jun 2008 15:45:44 +0900</pubDate>
</item>
<item>
<title>CSSの基本</title>
<description><![CDATA[ 
<div class="hatena-body">
<strong class="title">CSSの基本</strong>
<p>アメブロをカスタマイズする場合に必要となるのがCSS（カスケーディング・スタイル・シート：Cascading Style Sheet）というヤツ。これを編集出来るか出来ないかで、デザインの自由度が大きく変わります。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E5%9F%BA%E6%9C%AC/O=ALL/SIG=11mqr711p/*-http%3A//ameblo.jp/vjcatkick/entry-10089755206.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="CSSの基本" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">第４回 YahooにおけるCSSの基本</strong>
<p>第４回 YahooにおけるCSSの基本 1.CSSの基本構文 CSSとはCascading Style Sheets(カスケーティング・スタイル・シート)の略で、 HTMLやXMLの要素をどのように修飾(表示)する ... 今回はCSSの基本構文と｜｜の使い方をまとめました。 ｜｜のおおよその意味はご理解 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E5%9F%BA%E6%9C%AC/O=ALL/*-http://blogs.yahoo.co.jp/miisyuu/29947419.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="第４回 YahooにおけるCSSの基本" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">◆ＲＳＳボンバーを使ってみませんか？その２</strong>
<p>完全自動アフ ィリ！キーワード自動収集＆無限大コンテンツ ＆増殖！脅威の完全自動アフィリエイトサイト生成ツール 【RSSボンバー】 レビュー1（全体評価）: ４ レビュー2（一致性）: 多少大げさである レビュー3（効果性）: 大いに効果性（再現性）が ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E5%9F%BA%E6%9C%AC/O=ALL/SIG=11limid4k/*-http%3A//d.hatena.ne.jp/seii68/20080602/1212383720" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="◆ＲＳＳボンバーを使ってみませんか？その２" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">第４回 YahooにおけるCSSの基本</strong>
<p>第４回 YahooにおけるCSSの基本 1.CSSの基本構文 CSSとはCascading Style Sheets(カスケーティング・スタイル・シート)の略で、 HTMLやXMLの要素をどのように修飾(表示)する ... 今回はCSSの基本構文と｜｜の使い方をまとめました。 ｜｜のおおよその意味はご理解 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E5%9F%BA%E6%9C%AC/O=ALL/*-http://blogs.yahoo.co.jp/ya3_aqua/29906092.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="第４回 YahooにおけるCSSの基本" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">◆ＲＳＳボンバーを使ってみませんか？その２</strong>
<p>... さらにHTMLとCSSの基本的な知識があれば カスタマイズはかなり自由にできるので ツールで自動的に作られたサイトだとは思えないサイトも 作ることができます。 RSSボンバーのインストールは 今までにFTPでサーバーにファイルを アップロードしたことが ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%AE%E5%9F%BA%E6%9C%AC/O=ALL/SIG=11rk1t41p/*-http%3A//seniormybiz.livedoor.biz/archives/51215873.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="◆ＲＳＳボンバーを使ってみませんか？その２" /></a></p>
</div>

 ]]></description>
<link>http://b.hyporinkin.net/category4/entry17.html</link>
<pubDate>Tue, 03 Jun 2008 15:45:43 +0900</pubDate>
</item>
<item>
<title>CSSとは何か</title>
<description><![CDATA[ 
<div class="hatena-body">
<strong class="title">hideichiさん・もっさんダブルＳＥＯツールのレビュー ＫＩ ...</strong>
<p>... ＣＳＳとは何か・何ができるのか ＳＥＯに必要な６大要素について （わかりやすいグラフがついています。） そうはいっても、わかっている、知っているというのと 実践ができるというのでは、また別物です。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%8B/O=ALL/SIG=124866opk/*-http%3A//affiliate-asp.mail-ordershop.com/2006/11/hideichi_3.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="hideichiさん・もっさんダブルＳＥＯツールのレビュー ＫＩ ..." /></a></p>
</div>

<div class="hatena-body">
<strong class="title">[授業Webデザイン応用製作]最終目標</strong>
<p>... 【CSSレイアウトのスキルチェック】 （1）CSSについて CSSとは何か理解している CSSの記述方法を理解している セレクタの種類について理解している セレクタの継承と優先順位のルールを理解している ボックスの概念を理解している （2）Dreamweaverについ ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%8B/O=ALL/SIG=119e81sip/*-http%3A//d.hatena.ne.jp/ilife/20080107" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="[授業Webデザイン応用製作]最終目標" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">やっぱりMac版を買った方が賢いか・・</strong>
<p>... 学校に HP制作のコースがあるみたいなんですが 個人的にCSSとは何かとか、講師に 少し聞けないかなあと思ってます。 授業は無理としても、少し教えてもらう ぐらいはどうかなと・・。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%8B/O=ALL/SIG=11u6nc9om/*-http%3A//nekochan.blog.ocn.ne.jp/neko/2007/10/mac_c6b2.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="やっぱりMac版を買った方が賢いか・・" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">HTML&スタイルシート デザインブック―付録CD‐ROMのテンプ ...</strong>
<p>CSSとは何かとか、文法的な説明を省いて、直接、サンプル画面の作り方例から説明が始まります。なので、初心者よりも中級者向けの本だと思います。 ブログのテンプレートと意識した２ペイン ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%8B/O=ALL/SIG=11i7t3nru/*-http%3A//cesia.seesaa.net/article/38679804.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="HTML&スタイルシート デザインブック―付録CD‐ROMのテンプ ..." /></a></p>
</div>

<div class="hatena-body">
<strong class="title">Ameblo Customize</strong>
<p>... ここ最近、CSSとは何か？と勉強したふりしてたので、 なにかオリジナルを作って。。なんて血迷いましたが、 ムリ 調べれば調べるほど、難しく、またCSS以上に難しいのが、センス このデザインのセンスは、一朝一夕に身につくもんじゃない！ でも ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=CSS%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%8B/O=ALL/SIG=11kl0ppv2/*-http%3A//ameblo.jp/osorann/entry-10060089369.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="Ameblo Customize" /></a></p>
</div>

 ]]></description>
<link>http://b.hyporinkin.net/category4/entry16.html</link>
<pubDate>Tue, 03 Jun 2008 15:45:40 +0900</pubDate>
</item>
<item>
<title>HTMLのテクニック</title>
<description><![CDATA[ <div class="item-box">
<p class="item-img"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4896273052%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4896273052%253FSubscriptionId=1TN394FCZP834NFPQ502"><img src="http://ecx.images-amazon.com/images/I/619SE5VF8HL._SL160_.jpg" /></a></p>
<p class="item-title"><strong>Ajaxハッカーズ・プログラミング―基礎からprototype.js、Y…</strong><br />
<span class="price">￥ 2,814円</span>
<img src="http://images-jp.amazon.com/images/G/01/detail/stars-4.0.gif" />
<p class="img-right"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4896273052%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4896273052%253FSubscriptionId=1TN394FCZP834NFPQ502" target="_blank">>>この商品の詳細</a>&nbsp;</p>
</div>
<div class="item-box">
<p class="item-img"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4896272978%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4896272978%253FSubscriptionId=1TN394FCZP834NFPQ502"><img src="http://ecx.images-amazon.com/images/I/51V88M8BVSL._SL160_.jpg" /></a></p>
<p class="item-title"><strong>VBScript Hackers Technique Webクライアント・アプリケー…</strong><br />
<span class="price">￥ 2,940円</span>
<img src="http://images-jp.amazon.com/images/G/01/detail/stars-4.0.gif" />
<p class="img-right"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4896272978%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4896272978%253FSubscriptionId=1TN394FCZP834NFPQ502" target="_blank">>>この商品の詳細</a>&nbsp;</p>
</div>
<div class="item-box">
<p class="item-img"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4894710048%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4894710048%253FSubscriptionId=1TN394FCZP834NFPQ502"><img src="http://ecx.images-amazon.com/images/I/5193R0HENXL._SL160_.jpg" /></a></p>
<p class="item-title"><strong>Webページ スクリプトテクニック―HTML、JavaScript、VBScr…</strong><br />
<span class="price">￥ 3,150円</span>
<img src="http://images-jp.amazon.com/images/G/01/detail/stars-0-0.gif" />
<p class="img-right"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4894710048%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4894710048%253FSubscriptionId=1TN394FCZP834NFPQ502" target="_blank">>>この商品の詳細</a>&nbsp;</p>
</div>
<div class="item-box">
<p class="item-img"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=B00008HVDR%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/B00008HVDR%253FSubscriptionId=1TN394FCZP834NFPQ502"><img src="http://b.hyporinkin.net/styles/images/noimage.gif" /></a></p>
<p class="item-title"><strong>Web Stock</strong><br />
<span class="price">在庫切れ円</span>
<img src="http://images-jp.amazon.com/images/G/01/detail/stars-0-0.gif" />
<p class="img-right"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=B00008HVDR%26tag=ws%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/B00008HVDR%253FSubscriptionId=1TN394FCZP834NFPQ502" target="_blank">>>この商品の詳細</a>&nbsp;</p>
</div>
<br class="FloatEnd" />
 ]]></description>
<link>http://b.hyporinkin.net/category3/entry15.html</link>
<pubDate>Tue, 03 Jun 2008 15:44:43 +0900</pubDate>
</item>
<item>
<title>Dreamweaverの使い方</title>
<description><![CDATA[ 
<div class="hatena-body">
<strong class="title">[授業/銀座校]はじめてのDreamweaver</strong>
<p>... ドキュメントタイプ「なし」 ※この段階では「DOCTYPE宣言」を設定せずに、文書構造の練習だけをしましょう。 次の段階では「DOCTYPE宣言」を入力して始めます。 Dreamweaverの使い方動画 Dreamweaverデベロッパーセンター Dreamweaver8入門・動画講座 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=Dreamweaver%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9/O=ALL/SIG=119sco8e1/*-http%3A//d.hatena.ne.jp/ilife/20080528" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="[授業/銀座校]はじめてのDreamweaver" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">知らないと損する職業訓練</strong>
<p>... 授業は全部で３ヶ月あって、学ぶ内容は、最初の２ヶ月でHTMLとCSSの基礎、 Fireworks の使い方、DreamWeaverの使い方、Flashの使い方、 JavaScript などを学び、最後の１ヶ月で修了制作として企業から依頼を 受け たという設定で架空の企業サイトを ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=Dreamweaver%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9/O=ALL/SIG=11id1sfhh/*-http%3A//d.hatena.ne.jp/pha/20080429/1209464168" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="知らないと損する職業訓練" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">知らないと損する職業訓練</strong>
<p>... 授業は全部で３ヶ月あって、学ぶ内容は、最初の２ヶ月で HTML と CSS の基礎、 Fireworks の使い方、DreamWeaverの使い方、Flashの使い方、 JavaScript などを学び、最後の１ヶ月で修了 制作 として企業から依頼を 受け たという設定で架空の企業 サイト を ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=Dreamweaver%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9/O=ALL/SIG=11i3f4pdb/*-http%3A//d.hatena.ne.jp/pha/20080429/1209464163" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="知らないと損する職業訓練" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">天気がいいねぇー ロンドン上陸３年１ヶ月と１週間目</strong>
<p>... 何度か日系企業のパーティで会っていたMさんが、 Dreamweaverの使い方を教えてくれというので、 昼頃、センターで待ち合わせ。 つーか、人に教えるほど、実際、私もしらんので、 私が教えてほしかったりする。 だれかおしえて。 ...</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=Dreamweaver%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9/O=ALL/SIG=115l5htel/*-http%3A//lonblo2.exblog.jp/8740134" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="天気がいいねぇー ロンドン上陸３年１ヶ月と１週間目" /></a></p>
</div>

<div class="hatena-body">
<strong class="title">初心者のDreamweaver入門</strong>
<p>... 放置しておりました。 必要に迫られ、出来は悪いものの一応ホームページを作れるようになりました。 どのようにしてホームページを作成するのか、初心者によるDreamweaverの使い方の解説・最終回です。 続きを読む</p>
<p class="img-right"><a href="http://rd.yahoo.co.jp/rss/l/blogsearch/search/S=2078379537/P=RSS/Q=Dreamweaver%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9/O=ALL/SIG=11oaunf9c/*-http%3A//afiliate.livedoor.biz/archives/50962710.html" target="_blank"><img src="http://b.hyporinkin.net/styles/images/more.jpg" alt="初心者のDreamweaver入門" /></a></p>
</div>

 ]]></description>
<link>http://b.hyporinkin.net/category7/entry13.html</link>
<pubDate>Tue, 03 Jun 2008 15:44:16 +0900</pubDate>
</item>
</channel>
</rss>
