sunsouthcityrockersさんのタグ「CSS」についてのクリップ一覧｜@nifty クリップ http://clip.nifty.com/users/sunsouthcityrockers sunsouthcityrockersさんのタグ「CSS」についてのクリップ一覧 CSSハック のカテゴリ 一覧｜CSS HappyLife http://clip.nifty.com/entry?url=http%3A%2F%2Fcss-happylife.com%2Flog%2Fcss-hack%2F&title=CSS%E3%83%8F%E3%83%83%E3%82%AF%20%E3%81%AE%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA%20%E4%B8%80%E8%A6%A7%EF%BD%9CCSS%20HappyLife 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://css-happylife.com/log/css-hack/ 40981 sunsouthcityrockers 2006-12-06T12:16:35Z CSS ハック まとめ HTML 参考 DIVを垂直方向に中央寄せするCSSサンプル:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F12%2Fdivcss.html&title=DIV%E3%82%92%E5%9E%82%E7%9B%B4%E6%96%B9%E5%90%91%E3%81%AB%E4%B8%AD%E5%A4%AE%E5%AF%84%E3%81%9B%E3%81%99%E3%82%8BCSS%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：Ajaxを使ったCAPTCHA認証をPHPで行うサンプル
DIVを垂直方向に中央寄せするCSSサンプル2006年12月05日スポンサード リンク
Blue Box Demo: Vertical Centering with a Shiv Div

DIVを垂直方向に中央寄せするCSSサンプル。
次のように、DIV要素をブラウザの縦方向に配置できます。



CSSは非常にシンプルで、まず、html と body 要素に height:100% プロパティを設定します。
次に、body内にdiv要素を配置し、そのdiv要素に対し、height:50% かつ、margin-top:-50px のようにプロパティをあて、
中央寄せしたい要素(上図中、青い部分)の半分のサイズ分のマージンをマイナスします。

最後に中央寄せしたいdiv要素( height:100px ) を配置することで、青い部... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/12/divcss.html 40713 sunsouthcityrockers 2006-12-06T12:03:27Z CSS テクニック サンプル HTML メモ [CSS3] FirefoxでもSafariでも見られる丸角ボックスを作る http://clip.nifty.com/entry?url=http%3A%2F%2Fopenstratus.com%2F59%2Fcss3-radiusbox&title=%5BCSS3%5D%20Firefox%E3%81%A7%E3%82%82Safari%E3%81%A7%E3%82%82%E8%A6%8B%E3%82%89%E3%82%8C%E3%82%8B%E4%B8%B8%E8%A7%92%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%82%92%E4%BD%9C%E3%82%8B 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://openstratus.com/59/css3-radiusbox 40689 sunsouthcityrockers 2006-12-06T11:12:57Z CSS クロスブラウザ 角丸 参考 サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F12%2Fcsscsstype.html&title=%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%AECSS%E3%82%92%E9%81%B8%E3%81%B6%E9%9A%9B%E3%81%AB%E5%BD%B9%E7%AB%8B%E3%81%A4%E3%80%8CCSSTYPE%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：ブラウザ上で動作するJavaScript製のMSペイント「CanvasPaint」
サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」2006年12月06日スポンサード リンク
CSSTYPE - web safe typography on screen for pixel perfectionists

サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」。
次のようなＵＩが用意されていて、フォントやサイズを選択すればすぐさまプレビューされ、確認を簡単に行うことが出来ます。
このサイトを知っておくことで、サイト構築時のフォントの表示調整にかなり役立ちそう。



確認できるのは、font, font-size, text-decoration, word-spacing, line-height, letter-spa... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/12/csscsstype.html 40943 sunsouthcityrockers 2006-12-06T11:07:10Z CSS オンライン web サービス HTML CSSによる段組（マルチカラム）レイアウト講座 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.geocities.jp%2Fmulti_column%2F&title=CSS%E3%81%AB%E3%82%88%E3%82%8B%E6%AE%B5%E7%B5%84%EF%BC%88%E3%83%9E%E3%83%AB%E3%83%81%E3%82%AB%E3%83%A9%E3%83%A0%EF%BC%89%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E8%AC%9B%E5%BA%A7 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.geocities.jp/multi_column/ 12777 sunsouthcityrockers 2006-11-21T17:40:46Z CSS レイアウト 基礎 勉強 HTML デザイン 読み物 教科書 参考 CSS drop shadow http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.webtoolkit.info%2Fcss-drop-shadow.html&title=CSS%20drop%20shadow View the demo page for this articleSource code for index.h... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.webtoolkit.info/css-drop-shadow.html 36625 sunsouthcityrockers 2006-11-21T17:36:33Z CSS オープンソース ドロップシャドウ HTML CSSの小技集、20個:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F09%2Fcss20.html&title=CSS%E3%81%AE%E5%B0%8F%E6%8A%80%E9%9B%86%E3%80%8120%E5%80%8B%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：O'Reillyのソースコード検索サービス
CSSの小技集、20個2006年09月25日スポンサード リンク
CSS Techniques Roundup - 20 CSS Tips and Tricks
I never cease to be amazed at what problems can be solved with pure CSS. CSSの小技集、20個。
どのテクニックも、誰もが使うであろうテクニックで便利なものばかりです。 角丸 画像なしの角丸 投票用スターの作成 テーブルなしのフォーム リストをＣＳＳでデザイン 2カラムレイアウト 3ラムレイアウト 3カラム固定幅、中央寄せ 印刷とＣＳＳ RSSフィードにスタイルシートを指定 固定フッター 要素にHove... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/09/css20.html 24745 sunsouthcityrockers 2006-11-21T17:33:38Z CSS 技術 参考 テンプレート design HTML CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fcss_16.html&title=CSS%E3%82%92%E4%BD%BF%E3%81%84%E3%80%81%EF%BC%91%E6%9E%9A%E3%81%AE%E7%94%BB%E5%83%8F%E3%81%A0%E3%81%91%E3%81%A7%E3%82%AB%E3%83%A9%E3%83%95%E3%83%AB%E3%81%AA%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E8%83%8C%E6%99%AF%E3%82%92%E4%BD%9C%E3%82%8B%E4%BE%8B%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：PHPで使えるCAPTCHA画像作成ライブラリまとめ
CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例2006年11月20日スポンサード リンク
A List Apart: Articles: Super-Easy Blendy Backgrounds

CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例。
次のような透過PNGがあったとして、更にこの下に色を付けると・・・。



大体どうなるか分かると思いますが次のようなグラデーション背景が出来ます。



そんなCSSのテクニックが紹介されてます。 example one (FireFoxのみ) example two (FireFoxのみ) example three (FireFoxのみ) example four (FireFoxのみ) Example f... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/css_16.html 37154 sunsouthcityrockers 2006-11-21T17:33:32Z CSS グラデーション design HTML アイデア 参考 caramel*vanilla: del.icio.usのdaily blog postingもcssで飾ってみる http://clip.nifty.com/entry?url=http%3A%2F%2Fcaramel-tea.com%2F2005%2F11%2F24%2Fdeliciousdaily_blog_postingcss.php&title=caramel*vanilla%3A%20del.icio.us%E3%81%AEdaily%20blog%20posting%E3%82%82css%E3%81%A7%E9%A3%BE%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B 自分もやってるからそう思うのかもしれないけれどこれが結構興味深いんですよねぇ
「あーーここの人はこういう事に興味があるんだなーー」とか
「あれ??最近この手の話題がブームなのかしら??」とか
なにげにチェックしています。でもですねぇ～ほとんどがデフォのまんまの味も素っ気もないリストが並んでるだけなんでその辺はちょいと面白くないかもです。... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://caramel-tea.com/2005/11/24/deliciousdaily_blog_postingcss.php 36332 sunsouthcityrockers 2006-11-18T07:58:36Z del.icio.us 自動投稿 設定 参考 CSS オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2F_css_robotstxt.html&title=%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E3%81%A7%E5%8B%95%E3%81%8F%E3%80%81%E8%89%B2%2C%20CSS%2C%20robots.txt%2C%20.htaccess%E7%AD%89%E3%81%AE%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC%E8%89%B2%E3%80%85%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：ロイヤリティフリーで使える素材写真「NWYH Stock Image Library」
オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々2006年11月13日スポンサード リンク
Smashing Magazine Blog Archive Online Generators
One can discuss, whether web-generators are useful or not. On the one hand, they don’t challenge our creativity, but on the other hand they make our life easier and save our precious time. However, it doesn’t... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/_css_robotstxt.html 35424 sunsouthcityrockers 2006-11-18T07:58:30Z 色 CSS robots.txt htaccess ジェネレーター web 使える 便利 CSSベースのクールなフォーム、サンプル集:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fcss_15.html&title=CSS%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AE%E3%82%AF%E3%83%BC%E3%83%AB%E3%81%AA%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%80%81%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E9%9B%86%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：AJAXを使ったオンラインフォトエディタ「pixer.us」
CSSベースのクールなフォーム、サンプル集2006年11月13日スポンサード リンク
Smashing Magazine | Blog Archive CSS-Based Forms: Modern Solutions
In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention,CSSベースのクールなフォーム、サンプル集。
デザインにしにくい部分だからこそ、凝っておくと玄人受けはよい筈。色々なデザインがあって感心するばかりです。 Prettier Accessible Forms


Badboy Niceforms


Fun... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/css_15.html 35306 sunsouthcityrockers 2006-11-18T07:58:11Z CSS メールフォーム フォーム サンプル 使える HTML 参考 cl.pocari.org - <input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリ http://clip.nifty.com/entry?url=http%3A%2F%2Fcl.pocari.org%2F2006-11-14-4.html&title=cl.pocari.org%20-%20%3Cinput%20type%3D%22hidden%22%20%2F%3E%20%E3%81%AE%E5%80%A4%E3%82%92%E8%A6%8B%E3%82%84%E3%81%99%E3%81%8F%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E3%83%87%E3%83%90%E3%83%83%E3%82%B0%E7%94%A8%E3%81%AE%20JavaScript%20%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA 前の記事:セオリー・オブ・スタイルシート
次の記事:ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践<input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリcomments(0) | trackback(0) フォームの <input type="hidden" /> の値をテーブルで見やすく表示するライブラリ HiddenView というのを作ってみました．
いちいちソースを確認して，値が入っているか確認するのが面倒な人用．他の JavaScript ライブラリは必要としません．

- 使い方
HiddenView.js を読み込んで，onload イベントで new HiddenView(); をしてください．これだけ．
<script type="text/javascript" src="HiddenView.js"></script>
<script type=&qu... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://cl.pocari.org/2006-11-14-4.html 36320 sunsouthcityrockers 2006-11-18T07:57:51Z フォーム javascript デバッグ CSS HTML UI カスタム 小粋空間: Counter プラグイン http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.koikikukan.com%2Farchives%2F2006%2F11%2F16-013557.php&title=%E5%B0%8F%E7%B2%8B%E7%A9%BA%E9%96%93%3A%20Counter%20%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3 Category：[プラグイン]
Tag：[MovableType, Plugin, Counter]
Movable Type のエントリーリストやコメントリスト、あるいはアーカイブリスト等で、例えば「リストの 3 番目からスタイルを変更したい」とか「偶数・奇数で色を変更したい」ということがあると思いますが、Movable Type で用意されているタグには残念ながらそのような機能はありません。*1この「カ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.koikikukan.com/archives/2006/11/16-013557.php 36264 sunsouthcityrockers 2006-11-18T07:54:25Z MovableType CSS プラグイン 参考 使える 便利 小粋空間: IE7 の CSS ハック http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.koikikukan.com%2Farchives%2F2006%2F11%2F17-015033.php&title=%E5%B0%8F%E7%B2%8B%E7%A9%BA%E9%96%93%3A%20IE7%20%E3%81%AE%20CSS%20%E3%83%8F%E3%83%83%E3%82%AF Category：[CSS]
Tag：[CSS, Hack]
「IE7 で閲覧すると表示が異なるのですが」というご質問を頂いたので、CSS ハックを利用して、IE7 のスタイルのみを変更する方法を紹介します。結論だけ述べますと、IE7 に異なるスタイルを適用する（=他のブラウザと表示を合わせる）場合、該当のセレクタの前に*:first-child+htmlを付与します。例えば、IDセレクタ #banner に適用させる場合、*:first-child+ht... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.koikikukan.com/archives/2006/11/17-015033.php 36246 sunsouthcityrockers 2006-11-18T07:52:33Z IE CSS テクニック 技術 アイデア 参考 画像を使ったタブ式インタフェースが簡単に作れる「Tab menu with images」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Ftab_menu_with_i.html&title=%E7%94%BB%E5%83%8F%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%BF%E3%83%96%E5%BC%8F%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9%E3%81%8C%E7%B0%A1%E5%8D%98%E3%81%AB%E4%BD%9C%E3%82%8C%E3%82%8B%E3%80%8CTab%20menu%20with%20images%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」
画像を使ったタブ式インタフェースが簡単に作れる「Tab menu with images」2006年11月01日スポンサード リンク
Tab menu with images

画像を使ったタブ式インタフェースが簡単に作れる「Tab menu with images」。

次のようなタブ式インタフェースを簡単に作れるようです。
作成する際のHTMLは説明にも書いてある通り、クリーンなものになります。



メニュー部分のＨＴＭＬは次のような感じでクリーン。
タブをマウスオーバーすると下位層のメニューが現れますが、そのメニューも次のHTMLコードに含まれています。<!-- メインメニュー-->
<div id="mainMenu"&... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/tab_menu_with_i.html 32887 sunsouthcityrockers 2006-11-11T11:47:25Z web design UI タブ CSS アイデア メモ 参考 CSSテンプレート配布サイト色々:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F10%2Fcss_13.html&title=CSS%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%85%8D%E5%B8%83%E3%82%B5%E3%82%A4%E3%83%88%E8%89%B2%E3%80%85%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：Ajaxを使ってブラウザでSambaをブラウズできる「Samba Browser」
CSSテンプレート配布サイト色々2006年10月31日スポンサード リンク
ページ作成の際に何かと役立つCSSテンプレート集。
便利なので、色々なサイトがテンプレートを配布してくれてます。

色々あるのでまとめてみました。

次は、過去に紹介したサイトの本ブログでの紹介エントリ CSSレイアウトのサンプル集 フリーのCSSデザインテンプレート集「Free Css Templates」 ValidなCSS/XHTMLテンプレート集 CSS+XHTMLのテンプレート集:css tinderboxそして、今回発見したサイト。
2カラム、3カラムレイアウトのサンプルが公開されてます。RSS配信によって新着テンプレート情報も得られます。 Dynamic Drive... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/10/css_13.html 32011 sunsouthcityrockers 2006-11-11T11:44:36Z CSS テンプレート 参考 メモ オープンソース 画像のロールオーバー効果をCSSで簡単実装する方法:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fcss_14.html&title=%E7%94%BB%E5%83%8F%E3%81%AE%E3%83%AD%E3%83%BC%E3%83%AB%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E5%8A%B9%E6%9E%9C%E3%82%92CSS%E3%81%A7%E7%B0%A1%E5%8D%98%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：PHP 5.2.0がリリース-200件を超えるバグを修正
画像のロールオーバー効果をCSSで簡単実装する方法2006年11月03日スポンサード リンク
Simple CSS Image Rollover - Find Motive
Back when I first started doing web development I used Javascript Image objects and onMouseOver and onMouseOut to make image rollovers for web pages. This worked well, but was kind of clunky and required 2 separate images.画像のロールオーバー効果をCSSで簡単実装する方法。
特に真新しいものではないと思いますが、知らない人も多いよ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/css_14.html 32626 sunsouthcityrockers 2006-11-11T11:43:48Z HTML CSS ロールオーバー 画像 design Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめ:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fajaxapachecsscv.html&title=Ajax%2CApache%2CCSS%2CCVS%2CHTML%2CJS%2CPerl%2CPHP%E7%AD%89%E3%81%AE%E3%83%81%E3%83%BC%E3%83%88%E3%82%B7%E3%83%BC%E3%83%88%E3%81%BE%E3%81%A8%E3%82%81%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：JavaScript用アニメーション作成ライブラリまとめ
Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめ2006年11月06日スポンサード リンク
Smashing Magazine Blog Archive Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…

Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめが紹介されてます。
チートシートって印刷して貼っておくとほんとに便利でお世話になってます。

Ajax関連

What’s Ajax? Cheat Sheet - PDF Prototype Dissected - Cheat Sheet PNG scriptaculous Com... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/ajaxapachecsscv.html 33635 sunsouthcityrockers 2006-11-11T11:42:20Z Ajax Apache CSS CVS HTML Perl PHP javascript チートシート メモ 『blogclick』の検索結果 - livedoor ナレッジ 知識、知恵のカタマリ http://clip.nifty.com/entry?url=http%3A%2F%2Fknowledge.livedoor.com%2Fsearch%2F%3Fq%3Dblogclick&title=%E3%80%8Eblogclick%E3%80%8F%E3%81%AE%E6%A4%9C%E7%B4%A2%E7%B5%90%E6%9E%9C%20-%20livedoor%20%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%20%E7%9F%A5%E8%AD%98%E3%80%81%E7%9F%A5%E6%81%B5%E3%81%AE%E3%82%AB%E3%82%BF%E3%83%9E%E3%83%AA [PR] ￥18,700　週末発グアム４日間　早いもの勝ち！『blogclick』の検索結果(1/9ページ)この検索語で質問する並び替え：新しい投稿順 | 古い投稿順 | 回答の多い順 | 回答の少ない順1.BlogClickの掲載設定の項目がないのですが？！BlogClickの掲載設定の項目がないのですが？！ 管理ページの「カスタマイズ/管理」に「BlogClickの掲載設定」という...なっている方のみ、BlogClickの掲載設定を変更す...うです。(>_<)Asked by : | ブログ | 2006-04-08 02:17 | お蔵入り | 2 answers | 0 commentAds By Google2.投稿記事の下のblog clickについて投稿記事の下のblo... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://knowledge.livedoor.com/search/?q=blogclick 34800 sunsouthcityrockers 2006-11-11T11:39:09Z livedoorブログ blogclick CSS design ブログ 記事下の広告を消したいのですが。,blog,カスタマイズ,ブログ - livedoor ナレッジ 知識、知恵のカタマリ http://clip.nifty.com/entry?url=http%3A%2F%2Fknowledge.livedoor.com%2F4189&title=%E8%A8%98%E4%BA%8B%E4%B8%8B%E3%81%AE%E5%BA%83%E5%91%8A%E3%82%92%E6%B6%88%E3%81%97%E3%81%9F%E3%81%84%E3%81%AE%E3%81%A7%E3%81%99%E3%81%8C%E3%80%82%2Cblog%2C%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%2C%E3%83%96%E3%83%AD%E3%82%B0%20-%20livedoor%20%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%20%E7%9F%A5%E8%AD%98%E3%80%81%E7%9F%A5%E6%81%B5%E3%81%AE%E3%82%AB%E3%82%BF%E3%83%9E%E3%83%AA 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://knowledge.livedoor.com/4189 34799 sunsouthcityrockers 2006-11-11T11:39:07Z livedoorブログ blogclick CSS design ブログ ページの最下部に「トップへ」を表示させたい。,トップ,表示,下,が,に,ページ,。,を,の,livedoorブログ - livedoor ナレッジ 知識、知恵のカタマリ http://clip.nifty.com/entry?url=http%3A%2F%2Fknowledge.livedoor.com%2F6788&title=%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E6%9C%80%E4%B8%8B%E9%83%A8%E3%81%AB%E3%80%8C%E3%83%88%E3%83%83%E3%83%97%E3%81%B8%E3%80%8D%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%81%9F%E3%81%84%E3%80%82%2C%E3%83%88%E3%83%83%E3%83%97%2C%E8%A1%A8%E7%A4%BA%2C%E4%B8%8B%2C%E3%81%8C%2C%E3%81%AB%2C%E3%83%9A%E3%83%BC%E3%82%B8%2C%E3%80%82%2C%E3%82%92%2C%E3%81%AE%2Clivedoor%E3%83%96%E3%83%AD%E3%82%B0%20-%20livedoor%20%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%20%E7%9F%A5%E8%AD%98%E3%80%81%E7%9F%A5%E6%81%B5%E3%81%AE%E3%82%AB%E3%82%BF%E3%83%9E%E3%83%AA 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://knowledge.livedoor.com/6788 34798 sunsouthcityrockers 2006-11-11T11:39:03Z ページ内リンク HTML livedoorブログ CSS design ブログ 『タグ：』の検索結果(1/1ページ) - livedoor ナレッジ 知識、知恵のカタマリ http://clip.nifty.com/entry?url=http%3A%2F%2Fknowledge.livedoor.com%2Fsearch%2F%3Fq%3D%25E3%2582%25BF%25E3%2582%25B0%25EF%25BC%259A&title=%E3%80%8E%E3%82%BF%E3%82%B0%EF%BC%9A%E3%80%8F%E3%81%AE%E6%A4%9C%E7%B4%A2%E7%B5%90%E6%9E%9C%281%2F1%E3%83%9A%E3%83%BC%E3%82%B8%29%20-%20livedoor%20%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%20%E7%9F%A5%E8%AD%98%E3%80%81%E7%9F%A5%E6%81%B5%E3%81%AE%E3%82%AB%E3%82%BF%E3%83%9E%E3%83%AA 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://knowledge.livedoor.com/search/?q=%E3%82%BF%E3%82%B0%EF%BC%9A 34797 sunsouthcityrockers 2006-11-11T11:39:01Z livedoorブログ CSS design ブログ タグ タグ表示の文字の大きさについて,タグ表示,livedoorブログ - livedoor knowledge 知識、知恵のカタマリ http://clip.nifty.com/entry?url=http%3A%2F%2Fknowledge.livedoor.com%2F9659&title=%E3%82%BF%E3%82%B0%E8%A1%A8%E7%A4%BA%E3%81%AE%E6%96%87%E5%AD%97%E3%81%AE%E5%A4%A7%E3%81%8D%E3%81%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%2C%E3%82%BF%E3%82%B0%E8%A1%A8%E7%A4%BA%2Clivedoor%E3%83%96%E3%83%AD%E3%82%B0%20-%20livedoor%20knowledge%20%E7%9F%A5%E8%AD%98%E3%80%81%E7%9F%A5%E6%81%B5%E3%81%AE%E3%82%AB%E3%82%BF%E3%83%9E%E3%83%AA 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://knowledge.livedoor.com/9659 34796 sunsouthcityrockers 2006-11-11T11:38:58Z livedoorブログ CSS design ブログ タグ livedoor BlogのデザインをカスタマイズするWiki - livedoor Wiki（ウィキ） http://clip.nifty.com/entry?url=http%3A%2F%2Fwiki.livedoor.jp%2Feverydaydesign%2Fl%2F&title=livedoor%20Blog%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%81%99%E3%82%8BWiki%20-%20livedoor%20Wiki%EF%BC%88%E3%82%A6%E3%82%A3%E3%82%AD%EF%BC%89 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://wiki.livedoor.jp/everydaydesign/l/ 34795 sunsouthcityrockers 2006-11-11T11:38:55Z livedoorブログ CSS design ブログ カスタム アフィリエイトは儲かんないってば:パンくずリスト・記事一覧＠ライブドアブログ http://clip.nifty.com/entry?url=http%3A%2F%2Fafiliate.livedoor.biz%2Farchives%2F50210701.html&title=%E3%82%A2%E3%83%95%E3%82%A3%E3%83%AA%E3%82%A8%E3%82%A4%E3%83%88%E3%81%AF%E5%84%B2%E3%81%8B%E3%82%93%E3%81%AA%E3%81%84%E3%81%A3%E3%81%A6%E3%81%B0%3A%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A%E3%83%AA%E3%82%B9%E3%83%88%E3%83%BB%E8%A8%98%E4%BA%8B%E4%B8%80%E8%A6%A7%EF%BC%A0%E3%83%A9%E3%82%A4%E3%83%96%E3%83%89%E3%82%A2%E3%83%96%E3%83%AD%E3%82%B0 それには、いわゆるユーザビリティ（使いやすさ）の向上がひとつの手段といえます。
今回ライブドアブログで、パンくずリストの設置と、カテゴリアーカイブの記事一覧、月別アーカイブの記事一覧の作成に取り組んでみました。

ところでパンくずリストとは？。

・e-Words

■パンくずリスト　【topic path】


　Webサイトの中のそのページの位置を、階層構造の上位ページへのリンクのリストで簡潔に記述したもの。すべてのページの同じ場所にパンくずリストを掲載することにより、サイトの訪問者が現在位置を直感的に理解する役に立つ。

　大規模なWebサイトは、ページ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://afiliate.livedoor.biz/archives/50210701.html 34794 sunsouthcityrockers 2006-11-11T11:38:52Z livedoorブログ CSS design ブログ パンくず 自社ホームページの中にプログ最新版の記事をのせることができるでしょうか。,livedoorブログ - livedoor ナレッジ 知識、知恵のカタマリ http://clip.nifty.com/entry?url=http%3A%2F%2Fknowledge.livedoor.com%2F11713&title=%E8%87%AA%E7%A4%BE%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E4%B8%AD%E3%81%AB%E3%83%97%E3%83%AD%E3%82%B0%E6%9C%80%E6%96%B0%E7%89%88%E3%81%AE%E8%A8%98%E4%BA%8B%E3%82%92%E3%81%AE%E3%81%9B%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%A7%E3%81%97%E3%82%87%E3%81%86%E3%81%8B%E3%80%82%2Clivedoor%E3%83%96%E3%83%AD%E3%82%B0%20-%20livedoor%20%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%20%E7%9F%A5%E8%AD%98%E3%80%81%E7%9F%A5%E6%81%B5%E3%81%AE%E3%82%AB%E3%82%BF%E3%83%9E%E3%83%AA 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://knowledge.livedoor.com/11713 34792 sunsouthcityrockers 2006-11-11T11:38:46Z livedoorブログ CSS design ブログ カスタム RSS javascript 最新 『次の記事』『前の記事』を変数に,タイトル,記事,表示,下,が,に,livedoorブログ - livedoor ナレッジ 知識、知恵のカタマリ http://clip.nifty.com/entry?url=http%3A%2F%2Fknowledge.livedoor.com%2F4923&title=%E3%80%8E%E6%AC%A1%E3%81%AE%E8%A8%98%E4%BA%8B%E3%80%8F%E3%80%8E%E5%89%8D%E3%81%AE%E8%A8%98%E4%BA%8B%E3%80%8F%E3%82%92%E5%A4%89%E6%95%B0%E3%81%AB%2C%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%2C%E8%A8%98%E4%BA%8B%2C%E8%A1%A8%E7%A4%BA%2C%E4%B8%8B%2C%E3%81%8C%2C%E3%81%AB%2Clivedoor%E3%83%96%E3%83%AD%E3%82%B0%20-%20livedoor%20%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%20%E7%9F%A5%E8%AD%98%E3%80%81%E7%9F%A5%E6%81%B5%E3%81%AE%E3%82%AB%E3%82%BF%E3%83%9E%E3%83%AA 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://knowledge.livedoor.com/4923 34791 sunsouthcityrockers 2006-11-11T11:38:43Z livedoorブログ CSS design ブログ カスタム 次の記事 前の記事 livedoorBlogの記事内にGoogleMapsを挿入することは不可能なのでしょうか？,店,PHP,google,キー,地図,アドバイス,記事,する,livedoorblog,livedoorブログ - livedoor ナ http://clip.nifty.com/entry?url=http%3A%2F%2Fknowledge.livedoor.com%2F3760&title=livedoorBlog%E3%81%AE%E8%A8%98%E4%BA%8B%E5%86%85%E3%81%ABGoogleMaps%E3%82%92%E6%8C%BF%E5%85%A5%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%AF%E4%B8%8D%E5%8F%AF%E8%83%BD%E3%81%AA%E3%81%AE%E3%81%A7%E3%81%97%E3%82%87%E3%81%86%E3%81%8B%EF%BC%9F%2C%E5%BA%97%2CPHP%2Cgoogle%2C%E3%82%AD%E3%83%BC%2C%E5%9C%B0%E5%9B%B3%2C%E3%82%A2%E3%83%89%E3%83%90%E3%82%A4%E3%82%B9%2C%E8%A8%98%E4%BA%8B%2C%E3%81%99%E3%82%8B%2Clivedoorblog%2Clivedoor%E3%83%96%E3%83%AD%E3%82%B0%20-%20livedoor%20%E3%83%8A 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://knowledge.livedoor.com/3760 34790 sunsouthcityrockers 2006-11-11T11:38:40Z livedoorブログ CSS design ブログ カスタム google 地図 Blog カスタマイズ - Pet Lovers Only♪ http://clip.nifty.com/entry?url=http%3A%2F%2Fblog.pekebatu.com%2Farchives%2Fcat_702617.html%23catjump&title=Blog%20%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%20-%20Pet%20Lovers%20Only%E2%99%AA 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://blog.pekebatu.com/archives/cat_702617.html#catjump 34789 sunsouthcityrockers 2006-11-11T11:38:37Z livedoorブログ CSS design ブログ カスタム livedoor knowledge: カテゴリーを一覧表示するには？ http://clip.nifty.com/entry?url=http%3A%2F%2Fknowledge.livedoor.com%2F3635&title=livedoor%20knowledge%3A%20%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA%E3%83%BC%E3%82%92%E4%B8%80%E8%A6%A7%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%EF%BC%9F 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://knowledge.livedoor.com/3635 34788 sunsouthcityrockers 2006-11-11T11:38:31Z livedoorブログ CSS design ブログ カスタム カテゴリ 一覧表示 *LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン http://clip.nifty.com/entry?url=http%3A%2F%2Fsweetlovexx.seesaa.net%2Farticle%2F26999309.html&title=*LOVE%20IS%20DESIGN*%20-%20%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%81%97%E3%81%9F%E3%83%A1%E3%83%A2%E9%A2%A8%E3%81%AECSS%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3 /* 無駄にエロいのは仕様です */ 01 About02 Love03 Heart04 Blog05 Design06 etc HOME >> 05 DESIGN >> ちょっとしたメモ風のCSSデザイン 2006-11-10 Fri ちょっとしたメモ風のCSSデザイン 時々、引用以外に blockquote 要素で枠や色をつけているのを見かけますが、本来は引用箇所を示すものなので、自分の文章に使うのはおかしいですよね。
そこで、角丸ジェネレーターとメモ風CSSライブラリーのご紹介です。わたしはよくツールの紹介をするので、使い方の説明などをちょっと目立たせたいなということがあるのですが、そんなときに使ってみてはいかがでしょうか。 Corner... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://sweetlovexx.seesaa.net/article/26999309.html 34778 sunsouthcityrockers 2006-11-11T11:35:27Z CSS メモ風 design HTML UI CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.hereticanthem.com%2Fwebdesign%2F295%2F&title=CSS%E3%82%84JavaScript%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%AA%E3%82%B7%E3%83%A3%E3%83%AC%E3%81%AA%E6%8A%80%E3%82%84%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E3%81%8C%E8%A7%A3%E8%AA%AC%EF%BC%86%E9%85%8D%E5%B8%83%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%81%BE%E3%81%A8%E3%82%81
早速、ズラズラとまとめたいと思います。主にCSSに関連したものdynamicdrive.com様々なCSSテクニック、小物デザインが集まってます。ちょっとしたときに使えるのではないでしょうか？findmotive.com画像二枚を使ったロールオーバーをcssでやってしまう、最近ではスタンダード?blog.html.itcssレイアウトのテンプレートを配布しています。数多くのテンプレートがあり、大半のサイトに適応できそうです。必見。hyper-text.org外部リンクだけにアイコンを表示させることができるcssを解... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.hereticanthem.com/webdesign/295/ 34419 sunsouthcityrockers 2006-11-11T11:34:51Z CSS javascript サンプル アイデア 参考 UI HTML web まとめ *LOVE IS DESIGN* - 誰でも簡単にCSSカスタマイズができちゃうサイト http://clip.nifty.com/entry?url=http%3A%2F%2Fsweetlovexx.seesaa.net%2Farticle%2F17688627.html&title=*LOVE%20IS%20DESIGN*%20-%20%E8%AA%B0%E3%81%A7%E3%82%82%E7%B0%A1%E5%8D%98%E3%81%ABCSS%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%A1%E3%82%83%E3%81%86%E3%82%B5%E3%82%A4%E3%83%88 /* 無駄にエロいのは仕様です */ 01 About02 Love03 Heart04 Blog05 Design06 etc HOME >> 05 DESIGN >> 誰でも簡単にCSSカスタマイズができちゃうサイト 2006-05-11 Thu 誰でも簡単にCSSカスタマイズができちゃうサイト
カスタマイズに便利なサイトを、またまたはてブで見つけました。
やっぱりはてブサマ様！ありがとうブックマーカーたち！





■Dynamic Drive CSS Library


　…というわけで、さっそく　Sliding Doors Tabs MenuというMac風味のタブメニューを設置してみました。
サイドバーに使えるたて型もあります。

　このサイトなら誰でもプ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://sweetlovexx.seesaa.net/article/17688627.html 34772 sunsouthcityrockers 2006-11-11T11:34:48Z メニューバー タブ CSS カスタム HTML web 参考 CSSでカッコいいポインタメニューを実装するサンプル:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F10%2Fcss_10.html&title=CSS%E3%81%A7%E3%82%AB%E3%83%83%E3%82%B3%E3%81%84%E3%81%84%E3%83%9D%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%92%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：Flashゲーム色々（2006年10月）
CSSでカッコいいポインタメニューを実装するサンプル2006年10月10日スポンサード リンク
Dynamic Drive CSS Library- Sleek Pointer Menu 2
This is an alternate version of the original Sleek Pointer Menu, one with a more trimmed down interface and with an arrow background that appears only when the mouse moves over a menu item. Inspired by the menu on Lealea.CSSでカッコいいポインタメニューを実装するサンプル。
次のようなメニューを実装で... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/10/css_10.html 30254 sunsouthcityrockers 2006-10-22T05:43:27Z CSS HTML 使える 便利 人力検索はてな - CSSレイアウトの良いお手本になるホームページを教えてください。 http://clip.nifty.com/entry?url=http%3A%2F%2Fq.hatena.ne.jp%2F1160415302&title=%E4%BA%BA%E5%8A%9B%E6%A4%9C%E7%B4%A2%E3%81%AF%E3%81%A6%E3%81%AA%20-%20CSS%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%AE%E8%89%AF%E3%81%84%E3%81%8A%E6%89%8B%E6%9C%AC%E3%81%AB%E3%81%AA%E3%82%8B%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E6%95%99%E3%81%88%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82 ２カラムレイアウトや、３カラムレイアウト、position:absoluteを使ってのヘッダや
サイドバー配置や、他にも色々。

理想のWEB標準のページを、本では見るだけではなく実例でたくさん見てみたいです。

HTMLソースとCSSを見て勉強します。

tetlis あなたも質問に答えられます！ウォッチリストに追加状態：終了 回答数：19 / 45件 回答ポイント：378ポイント登録：2006-10-10 02:35:06 終了：2006-10-17 02:23:42カテゴリー：インターネット ウェブ制作 1回答者：ST... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://q.hatena.ne.jp/1160415302 30239 sunsouthcityrockers 2006-10-22T05:42:29Z CSS 勉強 参考 web カラム 見本 80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F10%2F80zymic.html&title=80%E7%A8%AE%E9%A1%9E%E3%81%AE%E3%83%95%E3%83%AA%E3%83%BC%E3%81%AE%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%85%8D%E5%B8%83%E3%81%A8%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB%E3%82%B5%E3%82%A4%E3%83%88%E3%80%8CZymic%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：画像の色をWEB上で解析「Color Palette Generator」
80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」2006年10月11日スポンサード リンク
Zymic ・Free Templates & Tutorials

80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」。
次のようなデザインの良いテンプレートをダウンロードでき、PhotoShop等の画像ツールとPHP等のWEB開発に関するチュートリアルも掲載されています。



これだけのクオリティのテンプレートがフリーというのは有難いですね。
チュートリアルも参考にできそう。スポンサード リンク
投稿者 KJ : 2006年10月11日 07:06 |
間違いの指摘をしていただける方はメールでお願いします... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/10/80zymic.html 27925 sunsouthcityrockers 2006-10-22T05:42:11Z フリー テンプレート CSS design 使える 便利 ちょっとHTML(5) - li に入れ子 http://clip.nifty.com/entry?url=http%3A%2F%2Fwebmugi.seesaa.net%2Farticle%2F25390265.html&title=%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8HTML%285%29%20-%20li%20%E3%81%AB%E5%85%A5%E3%82%8C%E5%AD%90 Index オトコのキモチ Index オトコのキモチ２ Index Author ＨＮ 無義 職業 クリエイター 趣味 旅・放浪 TopPage Design This Entry SBMのボタンは利便性の向上.. | | ちんこの日向ぼっこ ちょっとHTML(5) - li に入れ子 Design 「覚えておくとちょっと便利なHTML要素」の第５弾。li要素の中にはブ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://webmugi.seesaa.net/article/25390265.html 28509 sunsouthcityrockers 2006-10-22T05:41:10Z HTML メモ CSS design 使える CSS カラム-マージン計算 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.atama-switch.net%2Ftools%2Fcss_column%2F&title=CSS%20%E3%82%AB%E3%83%A9%E3%83%A0-%E3%83%9E%E3%83%BC%E3%82%B8%E3%83%B3%E8%A8%88%E7%AE%97 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.atama-switch.net/tools/css_column/ 30225 sunsouthcityrockers 2006-10-22T05:41:01Z CSS カラム tool 便利 メモ フリーのCSSデザインテンプレート集「Free Css Templates」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F10%2Fcssfree_css_tem.html&title=%E3%83%95%E3%83%AA%E3%83%BC%E3%81%AECSS%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%9B%86%E3%80%8CFree%20Css%20Templates%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：JavaScriptのメモリリークを検出するFirefox拡張「Leak Monitor」
フリーのCSSデザインテンプレート集「Free Css Templates」2006年10月15日スポンサード リンク
Free Css Templates

フリーのCSSデザインテンプレート集「Free Css Templates」。
HTMLはXHTMLで記述されている模様です。デザイン自体のクオリティもなかなか高いです。

次の画像は配布されているテンプレートの一例。こういったテンプレートが10種類以上配布されているようです。



ライセンスはクリエイティブコモンズ。

関連エントリ 80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」 ValidなCSS/XHTMLテンプレート集
スポンサード リンク
投稿者 KJ : 2006年10月15日 ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/10/cssfree_css_tem.html 28883 sunsouthcityrockers 2006-10-22T05:40:20Z フリー CSS テンプレート HTML 便利 使える 素材 参考 スタイルシートを分けて管理する方法をまとめる - 2xup.org http://clip.nifty.com/entry?url=http%3A%2F%2F2xup.org%2Flog%2F2006%2F10%2F17-2115&title=%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%E3%82%92%E5%88%86%E3%81%91%E3%81%A6%E7%AE%A1%E7%90%86%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%82%8B%20-%202xup.org 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://2xup.org/log/2006/10/17-2115 30210 sunsouthcityrockers 2006-10-22T05:39:14Z CSS 管理 まとめ 参考 HTML 勉強 CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F10%2Fcssjavascripttr.html&title=CSS%E3%81%A8JavaScript%E3%81%A7%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF%E8%A6%81%E7%B4%A0%E3%81%AE%E8%A7%92%E3%82%92%E8%87%AA%E5%9C%A8%E3%81%AB%E6%93%8D%E3%82%8B%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%80%8ETranscorners%E3%80%8F 次の記事 »：YUIベースのスライドショーライブラリ
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』2006年10月01日スポンサード リンク
Transcorners ? Cornerus Pride is there *scared*
Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn.CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。
mootoolsをフレームワークとして使用しています。

次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。
大きな角丸を作るには、radiusというプロパ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/10/cssjavascripttr.html 25911 sunsouthcityrockers 2006-10-07T16:51:57Z CSS 角丸 javascript ツール 使える 便利 W3C Sites http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.w3csites.com%2Fsites_thumbs.asp&title=W3C%20Sites 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.w3csites.com/sites_thumbs.asp 27455 sunsouthcityrockers 2006-10-07T16:49:38Z design web CSS 参考 見本 リンク集 Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F09%2Fyahoo_ui_librar_2.html&title=Yahoo%21%20UI%20Library%20%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%83%9A%E3%83%BC%E3%82%B8%E9%80%81%E3%82%8A%E3%81%8C%E5%8F%AF%E8%83%BD%E3%81%AA%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：３Ｄの物体サイズをオンラインで比較できるツール「sizeasy」
Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント2006年09月22日スポンサード リンク
YUI Grid SampleThis is a sample of using the YUI Grid created by Jack Slocum with a twist.Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント。
次のようなウィジェットをJavaScript+CSSで実現しています。画像下部のページング部分を押すことで、ページ送りが可能になっています。



ライブラリ自体は、JSファイル、CSSファイルをダウンロードでき、レスポンスのXML形式もどのようにしたらよいか、というのが公開されているようです。
こういったインタ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/09/yahoo_ui_librar_2.html 24398 sunsouthcityrockers 2006-09-27T16:12:41Z UI design web CSS メモ 使える ツール オープンソース CSSとJavaScriptで影付きの角丸ボックス要素を作る:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F09%2Fcssjavascript_1.html&title=CSS%E3%81%A8JavaScript%E3%81%A7%E5%BD%B1%E4%BB%98%E3%81%8D%E3%81%AE%E8%A7%92%E4%B8%B8%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E8%A6%81%E7%B4%A0%E3%82%92%E4%BD%9C%E3%82%8B%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C CSSとJavaScriptで影付きの角丸ボックス要素を作る2006年09月27日スポンサード リンク
Transparent custom corners and borders, version 2 | 456 Berea Street
It’s been almost a year and a half since I posted Transparent custom corners and borders, a technique for creating custom corners and borders with optional alpha transparency.CSSとJavaScriptで影付きの角丸ボックス要素を作る。
次のような２重線と影がついたボックスのサンプルが公開されています。

HTMLは次のようにシンプルな形に出来るようです。<div... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/09/cssjavascript_1.html 25147 sunsouthcityrockers 2006-09-27T16:11:00Z 角丸 CSS HTML 見本 知識 参考 教科書 勉強 資料 オトコのキモチ : ちょっと使えるかもしれないCSS(1) - 見出しを飾る http://clip.nifty.com/entry?url=http%3A%2F%2Fwebmugi.seesaa.net%2Farticle%2F24298045.html&title=%E3%82%AA%E3%83%88%E3%82%B3%E3%81%AE%E3%82%AD%E3%83%A2%E3%83%81%20%3A%20%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E4%BD%BF%E3%81%88%E3%82%8B%E3%81%8B%E3%82%82%E3%81%97%E3%82%8C%E3%81%AA%E3%81%84CSS%281%29%20-%20%E8%A6%8B%E5%87%BA%E3%81%97%E3%82%92%E9%A3%BE%E3%82%8B Index オトコのキモチ Index オトコのキモチ２ Index Author ＨＮ 無義 職業 クリエイター 趣味 旅・放浪 TopPage Design This Entry ちょっとHTML(2) - h4，h5 | 「オトコ」という生き物 ちょっと使えるかもしれないCSS(1) - 見出しを飾る Design 覚えておくとちょっと便利なHTML要素(2) - ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://webmugi.seesaa.net/article/24298045.html 24765 sunsouthcityrockers 2006-09-27T16:10:36Z CSS design HTML 使える 便利 メモ 参考 読み物 知識 勉強 CSSデザイン格付けサイトいろいろ - GIGAZINE http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20060920_css_design%2F&title=CSS%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%A0%BC%E4%BB%98%E3%81%91%E3%82%B5%E3%82%A4%E3%83%88%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%20-%20GIGAZINE 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://gigazine.net/index.php?/news/comments/20060920_css_design/ 23828 sunsouthcityrockers 2006-09-22T12:22:18Z CSS 見本 web 使える 便利 勉強 design 教科書 参考 HTML CSSだけでフレームを作るテクニック:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F09%2Fcss_9.html&title=CSS%E3%81%A0%E3%81%91%E3%81%A7%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%82%92%E4%BD%9C%E3%82%8B%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：Gmailのショートカットまとめ
CSSだけでフレームを作るテクニック2006年09月06日スポンサード リンク
CSS Frames v2, full-height | 456 Berea Street
Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS. CSSだけでフレームを作るテクニック。
通常、フレームというとframeタグを使って実現しますが、検索クローラーに対して不利などの理由から最近ではあまり見かけなくなってしまいました。



フレーム風のインタフェースをＣＳＳだけで実現するテクニック。
常にヘ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/09/css_9.html 24294 sunsouthcityrockers 2006-09-21T10:54:26Z CSS フレーム tool 技術 WEB メモ 使える design 便利 tikeda::Diary - 汎用CSS http://clip.nifty.com/entry?url=http%3A%2F%2Fd.hatena.ne.jp%2Ftikeda%2F20060905%2F1157430880&title=tikeda%3A%3ADiary%20-%20%E6%B1%8E%E7%94%A8CSS 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://d.hatena.ne.jp/tikeda/20060905/1157430880 24289 sunsouthcityrockers 2006-09-21T10:54:14Z CSS メモ 勉強 仕事 design Lucky bag::blog: 背景画像に使える透過 GIF http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.lucky-bag.com%2Farchives%2F2006%2F09%2Fbackground-patterns.html&title=Lucky%20bag%3A%3Ablog%3A%20%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F%E3%81%AB%E4%BD%BF%E3%81%88%E3%82%8B%E9%80%8F%E9%81%8E%20GIF 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.lucky-bag.com/archives/2006/09/background-patterns.html 24288 sunsouthcityrockers 2006-09-21T10:54:12Z web design CSS 使える メモ 便利 技術 裏技 CSS Tips：メモランダム http://clip.nifty.com/entry?url=http%3A%2F%2Felastic965.80code.com%2Fblog%2F2006%2F08%2Fcss_tips&title=CSS%20Tips%EF%BC%9A%E3%83%A1%E3%83%A2%E3%83%A9%E3%83%B3%E3%83%80%E3%83%A0 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://elastic965.80code.com/blog/2006/08/css_tips 20352 sunsouthcityrockers 2006-09-21T10:53:22Z CSS メモ 使える 便利 HTML