https://b.hatena.ne.jp/alpha_zero/CSS/ CSSに関するalpha_zeroのはてなブックマーク (29) https://atmarkit.itmedia.co.jp/ait/articles/1110/11/news152.html alpha_zero 2011-10-12T03:22:45Z CSS Web制作 572 <blockquote cite="https://atmarkit.itmedia.co.jp/ait/articles/1110/11/news152.html" title="いますぐ使えるCSS3テクニック集！ コピペ用サンプル付き！"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Fait%2Farticles%2F1110%2F11%2Fnews152.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/ait/articles/1110/11/news152.html">いますぐ使えるCSS3テクニック集！ コピペ用サンプル付き！</a></cite><p><a href="https://atmarkit.itmedia.co.jp/ait/articles/1110/11/news152.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1bb1419ccb41ca017890a72f181d6a4f81b3a47c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.itmedia.co.jp%2Fait%2Farticles%2F1110%2F11%2Fr12img01.jpg" alt="いますぐ使えるCSS3テクニック集！ コピペ用サンプル付き！" title="いますぐ使えるCSS3テクニック集！ コピペ用サンプル付き！" class="entry-image" /></a></p><p>面白法人カヤックがサイトリニューアル！ いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだ...</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1110/11/news152.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/ait/articles/1110/11/news152.html" alt="はてなブックマーク - いますぐ使えるCSS3テクニック集！ コピペ用サンプル付き！" title="はてなブックマーク - いますぐ使えるCSS3テクニック集！ コピペ用サンプル付き！" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1110/11/news152.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://webdesignrecipes.com/jquery-beginners-guide-for-web-design/ alpha_zero 2011-10-12T03:17:32Z CSS web制作 jQuery 2091 <blockquote cite="http://webdesignrecipes.com/jquery-beginners-guide-for-web-design/" title="CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwebdesignrecipes.com%2Fjquery-beginners-guide-for-web-design%2F" alt="" /> <a href="http://webdesignrecipes.com/jquery-beginners-guide-for-web-design/">CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました</a></cite><p><a href="http://webdesignrecipes.com/jquery-beginners-guide-for-web-design/"><img src="" alt="CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました" title="CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました" class="entry-image" /></a></p><p>Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても...</p><p><a href="https://b.hatena.ne.jp/entry/webdesignrecipes.com/jquery-beginners-guide-for-web-design/"><img src="https://b.hatena.ne.jp/entry/image/http://webdesignrecipes.com/jquery-beginners-guide-for-web-design/" alt="はてなブックマーク - CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました" title="はてなブックマーク - CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/webdesignrecipes.com/jquery-beginners-guide-for-web-design/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/css/a-comprehensive-guide-to-css-resets.html alpha_zero 2010-12-16T17:34:14Z webデザイン CSS まとめ 436 <blockquote cite="https://coliss.com/articles/build-websites/operation/css/a-comprehensive-guide-to-css-resets.html" title="[CSS]ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fa-comprehensive-guide-to-css-resets.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/css/a-comprehensive-guide-to-css-resets.html">[CSS]ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/css/a-comprehensive-guide-to-css-resets.html"><img src="" alt="[CSS]ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版" title="[CSS]ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版" class="entry-image" /></a></p><p>ブラウザごとに異なるデフォルトのスタイルを初期化するスタイルシートの歴史を振り返りつつ、2010年の最新のCSS Resetまでのまとめを紹介します。 A Comprehensive Guide to CSS Resets [ad#ad-2] ユニバーサルセレクタから始まったCSS Resetの進化の過程をたどり、最近リリースされたCSS Resetを紹介します。 下記は、...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/a-comprehensive-guide-to-css-resets.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/css/a-comprehensive-guide-to-css-resets.html" alt="はてなブックマーク - [CSS]ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版" title="はてなブックマーク - [CSS]ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/a-comprehensive-guide-to-css-resets.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://design.kayac.com/topics/2010/09/css3-button.php alpha_zero 2010-10-04T17:04:41Z web制作 webデザイン CSS 477 <blockquote cite="http://design.kayac.com/topics/2010/09/css3-button.php" title="CSS3だけでつくるWebボタン！押さずにはいられないボタン簡単3ステップ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdesign.kayac.com%2Ftopics%2F2010%2F09%2Fcss3-button.php" alt="" /> <a href="http://design.kayac.com/topics/2010/09/css3-button.php">CSS3だけでつくるWebボタン！押さずにはいられないボタン簡単3ステップ</a></cite><p><a href="http://design.kayac.com/topics/2010/09/css3-button.php"><img src="" alt="CSS3だけでつくるWebボタン！押さずにはいられないボタン簡単3ステップ" title="CSS3だけでつくるWebボタン！押さずにはいられないボタン簡単3ステップ" class="entry-image" /></a></p><p>インターンシップにきています。 こんにちわ。(・`д・ノ)ノ 面白法人カヤックでインターンシップ中のどうもぽんたです。 先週、鎌倉本社から自由が丘支社に移りました。 自由が丘に来たのは初めてなので、「丘ないなぁ。」って思いました。 そしてこちらはインターン研修で、書いているエントリーです。 どうか柔らかい...</p><p><a href="https://b.hatena.ne.jp/entry/design.kayac.com/topics/2010/09/css3-button.php"><img src="https://b.hatena.ne.jp/entry/image/http://design.kayac.com/topics/2010/09/css3-button.php" alt="はてなブックマーク - CSS3だけでつくるWebボタン！押さずにはいられないボタン簡単3ステップ" title="はてなブックマーク - CSS3だけでつくるWebボタン！押さずにはいられないボタン簡単3ステップ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/design.kayac.com/topics/2010/09/css3-button.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.ideaxidea.com/archives/2010/03/css_boarder_radius.html alpha_zero 2010-03-04T11:49:31Z webデザイン css 角丸 webサービス 332 <blockquote cite="https://www.ideaxidea.com/archives/2010/03/css_boarder_radius.html" title="IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2010%2F03%2Fcss_boarder_radius.html" alt="" /> <a href="https://www.ideaxidea.com/archives/2010/03/css_boarder_radius.html">IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ</a></cite><p><a href="https://www.ideaxidea.com/archives/2010/03/css_boarder_radius.html"><img src="" alt="IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ" title="IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2010/03/css_boarder_radius.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.ideaxidea.com/archives/2010/03/css_boarder_radius.html" alt="はてなブックマーク - IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ" title="はてなブックマーク - IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2010/03/css_boarder_radius.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html alpha_zero 2010-02-23T16:08:44Z エディタ web制作 CSS HTML 2178 <blockquote cite="http://designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html" title="知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdesignblog.ecstudio.jp%2Fhtmlcss%2Fzen-coding-aptana.html" alt="" /> <a href="http://designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html">知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ</a></cite><p><a href="http://designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html"><img src="" alt="知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ" title="知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ" class="entry-image" /></a></p><p>最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどうい...</p><p><a href="https://b.hatena.ne.jp/entry/designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html"><img src="https://b.hatena.ne.jp/entry/image/http://designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html" alt="はてなブックマーク - 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ" title="はてなブックマーク - 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/architectonics/usability/the-definitive-guide-of-styling-web-links.html alpha_zero 2010-02-15T03:50:56Z webデザイン web制作 CSS リンク 550 <blockquote cite="https://coliss.com/articles/build-websites/architectonics/usability/the-definitive-guide-of-styling-web-links.html" title="ハイパーテキストリンクのスタイル大全"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Farchitectonics%2Fusability%2Fthe-definitive-guide-of-styling-web-links.html" alt="" /> <a href="https://coliss.com/articles/build-websites/architectonics/usability/the-definitive-guide-of-styling-web-links.html">ハイパーテキストリンクのスタイル大全</a></cite><p><a href="https://coliss.com/articles/build-websites/architectonics/usability/the-definitive-guide-of-styling-web-links.html"><img src="" alt="ハイパーテキストリンクのスタイル大全" title="ハイパーテキストリンクのスタイル大全" class="entry-image" /></a></p><p>ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。 The Definitive Guide To Styling Web Links 以下は、各ポイントを意訳したものです。 はじめに ハイパーテキストリンク（リンク）は...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/architectonics/usability/the-definitive-guide-of-styling-web-links.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/architectonics/usability/the-definitive-guide-of-styling-web-links.html" alt="はてなブックマーク - ハイパーテキストリンクのスタイル大全" title="はてなブックマーク - ハイパーテキストリンクのスタイル大全" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/architectonics/usability/the-definitive-guide-of-styling-web-links.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://blog.creamu.com/mt/2010/02/css_9.html alpha_zero 2010-02-07T14:56:27Z CSS webデザイン フッター 393 <blockquote cite="http://blog.creamu.com/mt/2010/02/css_9.html" title="フッタをブラウザ下部に固定配置するCSSテクニック – creamu"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.creamu.com%2Fmt%2F2010%2F02%2Fcss_9.html" alt="" /> <a href="http://blog.creamu.com/mt/2010/02/css_9.html">フッタをブラウザ下部に固定配置するCSSテクニック – creamu</a></cite><p><a href="http://blog.creamu.com/mt/2010/02/css_9.html"><img src="" alt="フッタをブラウザ下部に固定配置するCSSテクニック – creamu" title="フッタをブラウザ下部に固定配置するCSSテクニック – creamu" class="entry-image" /></a></p><p>フッタをブラウザ下部に固定配置したい。 そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。 IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。 ほかには同様のテクニックに以下のものがありますが...</p><p><a href="https://b.hatena.ne.jp/entry/blog.creamu.com/mt/2010/02/css_9.html"><img src="https://b.hatena.ne.jp/entry/image/http://blog.creamu.com/mt/2010/02/css_9.html" alt="はてなブックマーク - フッタをブラウザ下部に固定配置するCSSテクニック – creamu" title="はてなブックマーク - フッタをブラウザ下部に固定配置するCSSテクニック – creamu" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.creamu.com/mt/2010/02/css_9.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.css-happylifezero.com/ alpha_zero 2010-01-18T11:44:09Z CSS まとめ お役立ち 1366 <blockquote cite="https://www.css-happylifezero.com/" title="duree dpe"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.css-happylifezero.com%2F" alt="" /> <a href="https://www.css-happylifezero.com/">duree dpe</a></cite><p><a href="https://www.css-happylifezero.com/"><img src="" alt="duree dpe" title="duree dpe" class="entry-image" /></a></p><p>Par la rédaction Rédigé le 2021-05-25 Les diagnostics de performance énergétique dpe doit être affiché pendant toute sa durée de validité de 10 ans l&#39;affichage doit être visible par le locataire. Dans le diagnostic je pense que tout est résumé une super équipe sur laquelle nous pouvons compter à ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.css-happylifezero.com/"><img src="https://b.hatena.ne.jp/entry/image/https://www.css-happylifezero.com/" alt="はてなブックマーク - duree dpe" title="はてなブックマーク - duree dpe" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.css-happylifezero.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://desperadoes.biz/color/ alpha_zero 2009-06-23T16:40:18Z webデザイン color CSS 12 <blockquote cite="http://desperadoes.biz/color/" title="http://desperadoes.biz/color/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdesperadoes.biz%2Fcolor%2F" alt="" /> <a href="http://desperadoes.biz/color/">http://desperadoes.biz/color/</a></cite><p><a href="http://desperadoes.biz/color/"><img src="" alt="http://desperadoes.biz/color/" title="http://desperadoes.biz/color/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/desperadoes.biz/color/"><img src="https://b.hatena.ne.jp/entry/image/http://desperadoes.biz/color/" alt="はてなブックマーク - http://desperadoes.biz/color/" title="はてなブックマーク - http://desperadoes.biz/color/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/desperadoes.biz/color/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://newsteam.blog95.fc2.com/blog-entry-255.html alpha_zero 2009-03-11T09:45:37Z まとめ webデザイン web制作 html CSS 703 <blockquote cite="http://newsteam.blog95.fc2.com/blog-entry-255.html" title="スチーム速報　ＶＩＰ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fnewsteam.blog95.fc2.com%2Fblog-entry-255.html" alt="" /> <a href="http://newsteam.blog95.fc2.com/blog-entry-255.html">スチーム速報　ＶＩＰ</a></cite><p><a href="http://newsteam.blog95.fc2.com/blog-entry-255.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/be17f40010c02eaffcc6ba8e1a7fb8dcc5ae3c2c/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fparts.blog.livedoor.jp%2Fimg%2Fusr%2Fcmn%2Fogp_image%2Flivedoor.png" alt="スチーム速報　ＶＩＰ" title="スチーム速報　ＶＩＰ" class="entry-image" /></a></p><p>Author: Mist twitter: Mist note: Mist diaries: 或るロリータ ロリータ速報　ＶＩＰ TOP絵簡易まとめ pass: steam つ最近人気あるスレ ↑イミフのパクリです！</p><p><a href="https://b.hatena.ne.jp/entry/newsteam.blog95.fc2.com/blog-entry-255.html"><img src="https://b.hatena.ne.jp/entry/image/http://newsteam.blog95.fc2.com/blog-entry-255.html" alt="はてなブックマーク - スチーム速報　ＶＩＰ" title="はてなブックマーク - スチーム速報　ＶＩＰ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/newsteam.blog95.fc2.com/blog-entry-255.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/css/866.html alpha_zero 2008-03-04T13:34:15Z web制作 webデザイン CSS 705 <blockquote cite="https://coliss.com/articles/build-websites/operation/css/866.html" title="[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2F866.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/css/866.html">[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/css/866.html"><img src="" alt="[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス" title="[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス" class="entry-image" /></a></p><p>Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/866.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/css/866.html" alt="はてなブックマーク - [CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス" title="はてなブックマーク - [CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/866.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://logic.stepserver.jp/data/archives/157.html alpha_zero 2008-01-26T16:54:22Z webデザイン CSS 754 <blockquote cite="http://logic.stepserver.jp/data/archives/157.html" title="CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Flogic.stepserver.jp%2Fdata%2Farchives%2F157.html" alt="" /> <a href="http://logic.stepserver.jp/data/archives/157.html">CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ</a></cite><p><a href="http://logic.stepserver.jp/data/archives/157.html"><img src="" alt="CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ" title="CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ" class="entry-image" /></a></p><p>■floatでレイアウトしたときのボックスの間に隙間が出来る →隙間が出来るボックス要素全てに float 要素を追加 ■ &lt;div&gt;内に配置した&lt;img&gt;が&lt;div&gt;よりサイズが小さいと隙間が出来る → 下記を追加 img { display: block; } ■ Win IEだけずれる時があり、ずれる大きさがフォントサイズによって変わる →ずれる&lt;div&gt;等に vert...</p><p><a href="https://b.hatena.ne.jp/entry/logic.stepserver.jp/data/archives/157.html"><img src="https://b.hatena.ne.jp/entry/image/http://logic.stepserver.jp/data/archives/157.html" alt="はてなブックマーク - CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ" title="はてなブックマーク - CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/logic.stepserver.jp/data/archives/157.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://3ping.org/2007/10/20/1428 alpha_zero 2007-11-10T16:53:23Z webデザイン タグクラウド CSS 721 <blockquote cite="http://3ping.org/2007/10/20/1428" title="Tag Cloudのスタイル - 3ping.org"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2F3ping.org%2F2007%2F10%2F20%2F1428" alt="" /> <a href="http://3ping.org/2007/10/20/1428">Tag Cloudのスタイル - 3ping.org</a></cite><p><a href="http://3ping.org/2007/10/20/1428"><img src="" alt="Tag Cloudのスタイル - 3ping.org" title="Tag Cloudのスタイル - 3ping.org" class="entry-image" /></a></p><p>タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったら...</p><p><a href="https://b.hatena.ne.jp/entry/3ping.org/2007/10/20/1428"><img src="https://b.hatena.ne.jp/entry/image/http://3ping.org/2007/10/20/1428" alt="はてなブックマーク - Tag Cloudのスタイル - 3ping.org" title="はてなブックマーク - Tag Cloudのスタイル - 3ping.org" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/3ping.org/2007/10/20/1428"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://meeeres.hatenablog.com/entry/20071006/1191663037 alpha_zero 2007-10-06T17:32:01Z hatena 記法 CSS webデザイン 6 <blockquote cite="https://meeeres.hatenablog.com/entry/20071006/1191663037" title="会話っぽいもの記法 - notieren"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmeeeres.hatenablog.com%2Fentry%2F20071006%2F1191663037" alt="" /> <a href="https://meeeres.hatenablog.com/entry/20071006/1191663037">会話っぽいもの記法 - notieren</a></cite><p><a href="https://meeeres.hatenablog.com/entry/20071006/1191663037"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8b2dce68ef3a71b4ec6e96d983ee247f8b094cfc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F10257846132621056176%2F10257846132623102188%2F1536306562" alt="会話っぽいもの記法 - notieren" title="会話っぽいもの記法 - notieren" class="entry-image" /></a></p><p>HTMLやCSS知ってる方には今さらなものですが、下の例やこの記事みたいに、会話を書くときに使ってるHTMLとCSSをご紹介します。レポとかラジオの文字起こしとか書く時に参考にしてもらえれば。 あ〜 あ〜ちゃんです！ かし かしゆかです！ のち のっちです！ 3人 3人あわせてPerfumeです!! へたれコーダーゆえ、いろいろ...</p><p><a href="https://b.hatena.ne.jp/entry/s/meeeres.hatenablog.com/entry/20071006/1191663037"><img src="https://b.hatena.ne.jp/entry/image/https://meeeres.hatenablog.com/entry/20071006/1191663037" alt="はてなブックマーク - 会話っぽいもの記法 - notieren" title="はてなブックマーク - 会話っぽいもの記法 - notieren" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/meeeres.hatenablog.com/entry/20071006/1191663037"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://desperadoes.biz/style/dan/ alpha_zero 2007-07-31T08:14:47Z webデザイン web制作 CSS 1321 <blockquote cite="http://desperadoes.biz/style/dan/" title="スタイルシートによる崩れない　2カラム　3カラム・レイアウト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdesperadoes.biz%2Fstyle%2Fdan%2F" alt="" /> <a href="http://desperadoes.biz/style/dan/">スタイルシートによる崩れない　2カラム　3カラム・レイアウト</a></cite><p><a href="http://desperadoes.biz/style/dan/"><img src="" alt="スタイルシートによる崩れない　2カラム　3カラム・レイアウト" title="スタイルシートによる崩れない　2カラム　3カラム・レイアウト" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/desperadoes.biz/style/dan/"><img src="https://b.hatena.ne.jp/entry/image/http://desperadoes.biz/style/dan/" alt="はてなブックマーク - スタイルシートによる崩れない　2カラム　3カラム・レイアウト" title="はてなブックマーク - スタイルシートによる崩れない　2カラム　3カラム・レイアウト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/desperadoes.biz/style/dan/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.stylish-style.com/index.html alpha_zero 2007-06-29T11:32:44Z CSS webデザイン web制作 247 <blockquote cite="http://www.stylish-style.com/index.html" title="http://www.stylish-style.com/index.html"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.stylish-style.com%2Findex.html" alt="" /> <a href="http://www.stylish-style.com/index.html">http://www.stylish-style.com/index.html</a></cite><p><a href="http://www.stylish-style.com/index.html"><img src="" alt="http://www.stylish-style.com/index.html" title="http://www.stylish-style.com/index.html" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.stylish-style.com/index.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.stylish-style.com/index.html" alt="はてなブックマーク - http://www.stylish-style.com/index.html" title="はてなブックマーク - http://www.stylish-style.com/index.html" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.stylish-style.com/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.panic.com/jp/coda/ alpha_zero 2007-05-29T11:06:05Z CSS web制作 mac programming 500 <blockquote cite="https://www.panic.com/jp/coda/" title="パニック・ジャパン - Coda - Mac OS X 用 シングルウインドウ Web 構築環境"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.panic.com%2Fjp%2Fcoda%2F" alt="" /> <a href="https://www.panic.com/jp/coda/">パニック・ジャパン - Coda - Mac OS X 用 シングルウインドウ Web 構築環境</a></cite><p><a href="https://www.panic.com/jp/coda/"><img src="" alt="パニック・ジャパン - Coda - Mac OS X 用 シングルウインドウ Web 構築環境" title="パニック・ジャパン - Coda - Mac OS X 用 シングルウインドウ Web 構築環境" class="entry-image" /></a></p><p>Codaは終売しました。 サポートやプラグインのご入手などはライブラリをご参照ください。 他社製のCodaはこちら。 ...まったく新しい、Macにネイティブなウェブコードエディタの誕生です!</p><p><a href="https://b.hatena.ne.jp/entry/s/www.panic.com/jp/coda/"><img src="https://b.hatena.ne.jp/entry/image/https://www.panic.com/jp/coda/" alt="はてなブックマーク - パニック・ジャパン - Coda - Mac OS X 用 シングルウインドウ Web 構築環境" title="はてなブックマーク - パニック・ジャパン - Coda - Mac OS X 用 シングルウインドウ Web 構築環境" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.panic.com/jp/coda/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.techdego.com/2007/05/margin_collapsing_css.php alpha_zero 2007-05-25T11:08:31Z CSS webデザイン web制作 399 <blockquote cite="http://www.techdego.com/2007/05/margin_collapsing_css.php" title="マージンの相殺について：CSS | Tech de Go"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.techdego.com%2F2007%2F05%2Fmargin_collapsing_css.php" alt="" /> <a href="http://www.techdego.com/2007/05/margin_collapsing_css.php">マージンの相殺について：CSS | Tech de Go</a></cite><p><a href="http://www.techdego.com/2007/05/margin_collapsing_css.php"><img src="" alt="マージンの相殺について：CSS | Tech de Go" title="マージンの相殺について：CSS | Tech de Go" class="entry-image" /></a></p><p>漬物は料理において重要なアクセントを提供します。 その酸味が、食事の味わいを引き締め、新たな深みを加える役割を果たします。 例えば、酢漬けの漬物は、独特の酸味と爽やかさで料理全体を軽やかにし、油っぽさを中和します。 これにより、食べ手の口の中をさっぱりとさせるだけでなく、食欲を増進させる効果も期待で...</p><p><a href="https://b.hatena.ne.jp/entry/www.techdego.com/2007/05/margin_collapsing_css.php"><img src="https://b.hatena.ne.jp/entry/image/http://www.techdego.com/2007/05/margin_collapsing_css.php" alt="はてなブックマーク - マージンの相殺について：CSS | Tech de Go" title="はてなブックマーク - マージンの相殺について：CSS | Tech de Go" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.techdego.com/2007/05/margin_collapsing_css.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://mynotes.jp/blog/2007/05/to_someone_studying_css alpha_zero 2007-05-25T11:07:18Z CSS まとめ 勉強 269 <blockquote cite="http://mynotes.jp/blog/2007/05/to_someone_studying_css" title="栄光ゼミナール；塾選びガイド"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmynotes.jp%2Fblog%2F2007%2F05%2Fto_someone_studying_css" alt="" /> <a href="http://mynotes.jp/blog/2007/05/to_someone_studying_css">栄光ゼミナール；塾選びガイド</a></cite><p><a href="http://mynotes.jp/blog/2007/05/to_someone_studying_css"><img src="" alt="栄光ゼミナール；塾選びガイド" title="栄光ゼミナール；塾選びガイド" class="entry-image" /></a></p><p>栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなＤＶＤ...</p><p><a href="https://b.hatena.ne.jp/entry/mynotes.jp/blog/2007/05/to_someone_studying_css"><img src="https://b.hatena.ne.jp/entry/image/http://mynotes.jp/blog/2007/05/to_someone_studying_css" alt="はてなブックマーク - 栄光ゼミナール；塾選びガイド" title="はてなブックマーク - 栄光ゼミナール；塾選びガイド" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/mynotes.jp/blog/2007/05/to_someone_studying_css"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>