タグ「css」についてのクリップ一覧｜@nifty クリップ http://clip.nifty.com/tag/css タグ：「css」で絞り込まれたクリップ一覧です。 2010-01-06T02:10:16Z CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F08%2Fcss_6.html&title=CSS%E3%82%AA%E3%83%B3%E3%83%AA%E3%83%BC%E3%81%A7%E3%82%AF%E3%83%BC%E3%83%AB%E3%81%AA%E3%82%B0%E3%83%A9%E3%83%95%E3%82%92%E6%9B%B8%E3%81%8F%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 次の記事 »：オンラインでフォント表示テストを行える『Font Tester』
CSSオンリーでクールなグラフを書くサンプル集2006年08月23日スポンサード リンク
Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio

CSSオンリーでクールなグラフを書くサンプル集。
3つほど紹介されていてどれもクールで実用的。

1. まず、次のようなグラフを書くサンプル。

実際のHTMLコード<style>
.graph {
position: relative; /* IE is dumb */
width: 200px;
border: 1px solid #B1D632;
padding: 2px;
}
.g... 続きを読む続きを読む

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

]]> http://phpspot.org/blog/archives/2006/08/css_6.html 18987 null 2006-08-23T00:57:01Z css Top 10 CSS Table Designs | CSS, Events | Smashing Magazine http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.smashingmagazine.com%2F2008%2F08%2F13%2Ftop-10-css-table-designs%2F&title=Top%2010%20CSS%20Table%20Designs%20%7C%20CSS%2C%20Events%20%7C%20Smashing%20Magazine Smashing Magazine we smash you with the information that will make your life easier. really.Top 10 CSS Table DesignsAugust 13th, 2008 in CSS, Events | 240 Commentsdel.icio.usdiggStumbleUponAdvertisement
By R. ChristieTables have got to be one of the most difficult objects to style in the Web, thanks to the cryptic markup, the amount of detail we have to take care of, and lack of browser compatibility. A lot of time could be wasted on a ... 続きを読む続きを読む

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

]]> http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ 442244 blitz 2008-08-22T09:45:20Z web css デザイン table IEにFirebugの機能を提供する - "DebugBar"登場 | ネット | マイコミジャーナル http://clip.nifty.com/entry?url=http%3A%2F%2Fjournal.mycom.co.jp%2Fnews%2F2007%2F11%2F15%2F016%2Findex.html&title=IE%E3%81%ABFirebug%E3%81%AE%E6%A9%9F%E8%83%BD%E3%82%92%E6%8F%90%E4%BE%9B%E3%81%99%E3%82%8B%20-%20%22DebugBar%22%E7%99%BB%E5%A0%B4%20%7C%20%E3%83%8D%E3%83%83%E3%83%88%20%7C%20%E3%83%9E%E3%82%A4%E3%82%B3%E3%83%9F%E3%82%B8%E3%83%A3%E3%83%BC%E3%83%8A%E3%83%AB 続きを読む続きを読む

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

]]> http://journal.mycom.co.jp/news/2007/11/15/016/index.html 194984 tsupo 2007-11-15T12:07:40Z programming css internet ie summarysite dom debugging Nifty Corners http://clip.nifty.com/entry?url=http%3A%2F%2Fpro.html.it%2Fesempio%2Fnifty%2F&title=Nifty%20Corners 続きを読む続きを読む

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

]]> http://pro.html.it/esempio/nifty/ 336 はんしん 2006-04-03T02:12:42Z nifty css サイトのパフォーマンスを上げる、PHPでCSSファイルを圧縮転送する各種方法:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2008%2F12%2Fphpcss_5.html&title=%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%83%91%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%B9%E3%82%92%E4%B8%8A%E3%81%92%E3%82%8B%E3%80%81PHP%E3%81%A7CSS%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E5%9C%A7%E7%B8%AE%E8%BB%A2%E9%80%81%E3%81%99%E3%82%8B%E5%90%84%E7%A8%AE%E6%96%B9%E6%B3%95%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 続きを読む続きを読む

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

]]> http://phpspot.org/blog/archives/2008/12/phpcss_5.html 634048 null 2008-12-25T01:25:35Z php css 電脳狂想曲　レイアウトの小技 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.geocities.jp%2Fdennou84%2Fkowaza%2Fratio_table%2Ftable2.html&title=%E9%9B%BB%E8%84%B3%E7%8B%82%E6%83%B3%E6%9B%B2%E3%80%80%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%AE%E5%B0%8F%E6%8A%80 電脳狂想曲　レイアウトの小技戻るレイアウトの小技　Ver2.0横幅：縦幅：白銀比黄金比白金比・第二黄金比について横幅を元に計算する（縦幅無視）縦幅を元に計算する（横幅無視）縦幅と横幅を元に計算する
（縦幅、横幅はそれぞれ指定比率で分割されるが、
分割された四角形の縦と横の比率は計算した比率にならない）図形を表示再分割を表示
[PR] レンタルサーバー 続きを読む続きを読む

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

]]> http://www.geocities.jp/dennou84/kowaza/ratio_table/table2.html 234787 nyomo 2008-01-17T03:52:31Z css デザイン oitake blog | HTML2CSS：HTMLを解析して空のCSSを生成するブクマ http://clip.nifty.com/entry?url=http%3A%2F%2Foitake.jugem.jp%2F%3Feid%3D185&title=oitake%20blog%20%7C%20HTML2CSS%EF%BC%9AHTML%E3%82%92%E8%A7%A3%E6%9E%90%E3%81%97%E3%81%A6%E7%A9%BA%E3%81%AECSS%E3%82%92%E7%94%9F%E6%88%90%E3%81%99%E3%82%8B%E3%83%96%E3%82%AF%E3%83%9E ( ' ρ')＜oitake？｜トップページ HTML2CSS：HTMLを解析して空のCSSを生成するブクマ※20070831：デラックス版をリリースしました。こちらをお使いください。
※20070830：Firefoxでは改行文字がそのまま表示されてしまうため、別途Firefox用のブクマを用意しました。テキストエリアではなくページ上にそのまま表示してしまいますが、とりあえずFirefoxユーザーの方はこちらをお使いください。

Jonathan Holstさんの作られた「HTML2CSS」というプログラムがGoogle Codeで公開されています。国内でも少し話題になりました。
HTML2CSSは、HTMLからCSSのセレクタだけを生成してくれるので、コーダーの方には有用だと思います。CSSを一から書き起こす際に手間が省けますからね。
ただ、このプログラムはPythonで書かれているので、経験のある人でなければ起動することすら難しいでしょう。

というわけで、HTML2CSSと同じ動作をするプログラムをブックマークレット（JavaScript）で作ってみました。
同じ動作、といっても、H... 続きを読む続きを読む

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

]]> http://oitake.jugem.jp/?eid=185 234299 nyomo 2008-01-17T03:04:50Z html css tool 画像なしで角丸の吹き出しを表示する JavaScript - エブログ http://clip.nifty.com/entry?url=http%3A%2F%2Fablog.seesaa.net%2Farticle%2F30445194.html&title=%E7%94%BB%E5%83%8F%E3%81%AA%E3%81%97%E3%81%A7%E8%A7%92%E4%B8%B8%E3%81%AE%E5%90%B9%E3%81%8D%E5%87%BA%E3%81%97%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%20JavaScript%20-%20%E3%82%A8%E3%83%96%E3%83%AD%E3%82%B0 画像を使用した吹き出しその1、その2。そこで、画像を使わないで吹き出しを作れるようにしてみた。吹き出しのデザインは角丸の下に矢印（？）を付けるという感じ。まずはサンプルを。 訪問ありがとうございます。来年もよろしくお願いします。よいお年を。吹き出しの設定X軸: Y軸:
色:
横幅: px 吹き出しをダブルクリックすると吹き出しが消えます。角丸の部分があまり丸でもないような感じもしますが、その辺はあまり気にせずに。下の矢印も同じようなやり方で三角形を作っています。こういうやり方はちょっと強引な感じでいいのか少し不安がありますが。ソースと使い方です。
追記（2006/12/29）ソースを少し整理。function ma... 続きを読む続きを読む

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

]]> http://ablog.seesaa.net/article/30445194.html 75319 はんしん 2007-04-25T15:58:41Z javascript css スクロールバーの有無によるセンタリングのずれを解消するには http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.lllcolor.com%2Farchives%2F200702%2Fpost_13.html&title=%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%83%90%E3%83%BC%E3%81%AE%E6%9C%89%E7%84%A1%E3%81%AB%E3%82%88%E3%82%8B%E3%82%BB%E3%83%B3%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%9A%E3%82%8C%E3%82%92%E8%A7%A3%E6%B6%88%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF 続きを読む続きを読む

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

]]> http://www.lllcolor.com/archives/200702/post_13.html 58599 sakuramaru 2007-02-23T17:30:48Z css CSS角丸ボックスジェネレーター「RoundedCornr」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F12%2Fcssroundedcornr.html&title=CSS%E8%A7%92%E4%B8%B8%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC%E3%80%8CRoundedCornr%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：AjaxでSSL風の通信を行うためのJavaScriptライブラリ「aSSL」
CSS角丸ボックスジェネレーター「RoundedCornr」2006年12月20日スポンサード リンク
RoundedCornr: Rounded Corner and Gradient Generator

CSS角丸ボックスジェネレーター「RoundedCornr」.



背景色、ボックス色、角丸の丸さを指定して簡単にタグを出力できます。
簡単にサクっと作りたい場合にオススメ。

かどまる関連エントリ CSSとJavaScriptで影付きの角丸ボックス要素を作る CSSの小技集、20個 アンチエイリアスがかかったCSS角丸を作るWEBツール PHPで角丸枠（CSS）を簡単に作る方法 PHP+GDで角丸画像スポンサード リンク
投稿者 KJ : 2006年12月2... 続きを読む続きを読む

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

]]> http://phpspot.org/blog/archives/2006/12/cssroundedcornr.html 44349 文里 2006-12-23T02:09:43Z css HTML and CSS Tutorials, References, and Articles | HTML Dog http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.htmldog.com%2F&title=HTML%20and%20CSS%20Tutorials%2C%20References%2C%20and%20Articles%20%7C%20HTML%20Dog 続きを読む続きを読む

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

]]> http://www.htmldog.com/ 95603 tiroru 2007-06-19T02:02:09Z css まとめ dlのdt dd を横並びに｜CSS HappyLife http://clip.nifty.com/entry?url=http%3A%2F%2Fcss-happylife.com%2Flog%2Fcss-template%2F000067.shtml&title=dl%E3%81%AEdt%20dd%20%E3%82%92%E6%A8%AA%E4%B8%A6%E3%81%B3%E3%81%AB%EF%BD%9CCSS%20HappyLife 用語集や、Q&Aなど使いどころは沢山あるけれど、同じ行にしたいと思うことがしばしば有るかと思います。
しかし、中々思うように横並びが出来ないのが定義リスト。今回はそんな厄介な定義リストのサンプルを作ってみました。---- こっから続きまずはスタイルシート。dl { border:1px solid #999; width:390px;}dt { float:left; width:100px; padding:5px 0 5px 10px; clear:both; font-weight:bold;}dd { width:260px; margin-left:100px; padding:5px 5px 5px 10px; border-left:1px solid #999;}
こんな感じです。
そして、実際の画面では↓こんな感じで表示されると思います。もっとテーブルっぽく見せたり色々出来ますが、dl dt dd はホント厄介で言う事をきいてくれません。
今回のサンプル... 続きを読む続きを読む

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

]]> http://css-happylife.com/log/css-template/000067.shtml 285157 まゆら 2008-03-09T06:40:21Z css dt dd 横並び css xhtml Web標準 参考書 http://clip.nifty.com/entry?url=http%3A%2F%2Fcsscss.blog17.fc2.com%2F&title=css%20xhtml%20Web%E6%A8%99%E6%BA%96%20%E5%8F%82%E8%80%83%E6%9B%B8
"リフォームデザインガイドブック—「Web標準」を学びたいWebデザイナーのための指南書"
こちらの本は自宅に置いてあります。
オールカラー。
私は小さい部署ばかりで制作していたので、この本で初めてチームになるとマークアップエディターなど色々分業されていることを知りました...(羨ましかったです。)
css としては内容は薄いですが、掲載されているサンプルサイトは見栄えがよいサイトが多く、デザインの参考書として良いと思います。


テーマ:ＨＰ作成 - ジャンル:コンピュータ2008/05/21(水) 15:08:04|css 入門・初心者向きスタイルシート による レイアウトデザイン 見本帖 [ css ]

以前、会社で読みました。
トップページのみのレイアウトデザインだったと思います。
次ページからどうするのかは、その人次第。
サンプル数は少ないので、他の書も必要に... 続きを読む続きを読む

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

]]> http://csscss.blog17.fc2.com/ 343912 csscss 2008-05-21T19:04:09Z css web標準 xhtml 参考書 JavaScriptを使わずにやるimg要素のロールオーバーサンプル｜CSS HappyLife http://clip.nifty.com/entry?url=http%3A%2F%2Fcss-happylife.com%2Flog%2Fcss-template%2F000705.shtml&title=JavaScript%E3%82%92%E4%BD%BF%E3%82%8F%E3%81%9A%E3%81%AB%E3%82%84%E3%82%8Bimg%E8%A6%81%E7%B4%A0%E3%81%AE%E3%83%AD%E3%83%BC%E3%83%AB%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%EF%BD%9CCSS%20HappyLife 昔作ったサンプルでそんなようなのがありました。
横並びメニューのロールオーバーをJavaScriptを使わずCSSで実現
CSS Spriteを有効に活用する場面は、あくまでも背景画像として配置されているものを一枚画像にして管理する点にあると思ってて、例えば以下のような場合。
ページタイトルの背景画像がページ毎に変わる場合に全ページのページタイトル用画像を一枚でまとめる。アイコン＋テキストという組み合わせの場合に、アイコンを背景として使う。その他、本来背景として使う予定だった画像を一枚にまとめる。
とかが、ぱっと浮かびました。
んで、グローバルナビゲーションに限っては、img要素で配置する事になんら問題を感じないので、img要素でいいんじゃないかなぁ、と。
もちろん状況によるので、ケータイ対応とかが前提だったりシステムの都合とかだったり状況にあわせて判断する必要はあると思うけど。
まぁCSS Spriteの目的が、容量軽減や負荷軽... 続きを読む続きを読む

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

]]> http://css-happylife.com/log/css-template/000705.shtml 436537 aki 2008-08-18T02:21:45Z css ホームページ制作 【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (1) 01 はじめに IE7日本語正式版のCSS実装を検証する (MYCOMジャーナル) http://clip.nifty.com/entry?url=http%3A%2F%2Fjournal.mycom.co.jp%2Fspecial%2F2007%2Fie7%2F&title=%E3%80%90%E7%89%B9%E9%9B%86%E3%80%91%E6%AD%A3%E5%BC%8F%E7%89%88%E5%AE%8C%E5%85%A8%E5%AF%BE%E5%BF%9C%21%20Internet%20Explorer%207%20CSS%E6%94%BB%E7%95%A5%E6%B3%95%20%281%29%2001%20%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB%20IE7%E6%97%A5%E6%9C%AC%E8%AA%9E%E6%AD%A3%E5%BC%8F%E7%89%88%E3%81%AECSS%E5%AE%9F%E8%A3%85%E3%82%92%E6%A4%9C%E8%A8%BC%E3%81%99%E3%82%8B%20%28MYCOM%E3%82%B8%E3%83%A3%E3%83%BC%E3%83%8A%E3%83%AB%29 続きを読む続きを読む

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

]]> http://journal.mycom.co.jp/special/2007/ie7/ 49829 chobix 2007-01-19T08:03:56Z css ie hp 画像のポップアップをスタイルシートで http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.intactmotor.com%2Fhobby-interest%2Fcss-popup%2F&title=%E7%94%BB%E5%83%8F%E3%81%AE%E3%83%9D%E3%83%83%E3%83%97%E3%82%A2%E3%83%83%E3%83%97%E3%82%92%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%E3%81%A7 (マウスのカーソルを持っていくと、色が変わったりするやつ)
でも、JavaScriptなどで、HTMLソースが重くなるのは嫌だなー
と思っていたんです。で、先日こちらの記事を見つけまして。【参考記... 続きを読む続きを読む

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

]]> http://www.intactmotor.com/hobby-interest/css-popup/ 1591703 nomutetsu 2009-09-29T06:41:07Z css 画像 ポップアップ スタイルシート SonSpring | PNG Overlay http://clip.nifty.com/entry?url=http%3A%2F%2Fsonspring.com%2Fjournal%2Fpng-overlay&title=SonSpring%20%7C%20PNG%20Overlay 続きを読む続きを読む

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

]]> http://sonspring.com/journal/png-overlay 82333 kyorecoba 2007-05-19T13:30:58Z html css graphic デバッグ用CSSのスニペット:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F08%2Fcss_4.html&title=%E3%83%87%E3%83%90%E3%83%83%E3%82%B0%E7%94%A8CSS%E3%81%AE%E3%82%B9%E3%83%8B%E3%83%9A%E3%83%83%E3%83%88%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：デザイナーのためのPHPビデオチュートリアル
デバッグ用CSSのスニペット2006年08月09日スポンサード リンク
A Handy CSS Debugging Snippet
I use the following bit of CSS to help visualize the structure of an XHTML (or HTML) document by putting a colored outline around the border of every element. At each level in the hierarchy the color changes so you can see when “depth” changes.デバッグ用CSSのスニペット。
このCSSを定義しておくことで、階層的な構造を視覚的に次のように表示で... 続きを読む続きを読む

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

]]> http://phpspot.org/blog/archives/2006/08/css_4.html 17257 らびはち 2006-08-11T01:11:23Z css 連載インデックス「Webブラウザ別CSSハック＆フィルタTips」 - ＠IT http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.atmarkit.co.jp%2Ffwcr%2Fdesign%2Findex%2Findex_csshack.html&title=%E9%80%A3%E8%BC%89%E3%82%A4%E3%83%B3%E3%83%87%E3%83%83%E3%82%AF%E3%82%B9%E3%80%8CWeb%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E5%88%A5CSS%E3%83%8F%E3%83%83%E3%82%AF%EF%BC%86%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BFTips%E3%80%8D%20-%20%EF%BC%A0IT 続きを読む続きを読む

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

]]> http://www.atmarkit.co.jp/fwcr/design/index/index_csshack.html 1810199 きまま 2009-12-16T11:43:52Z web css CSS XHTML SEO XHTMLとは XHTML記述方法　サンプル http://clip.nifty.com/entry?url=http%3A%2F%2Fcssxhtmlseo.web.fc2.com%2Fxhtml%2Fxhtml_sample_top.html&title=CSS%20XHTML%20SEO%20XHTML%E3%81%A8%E3%81%AF%20XHTML%E8%A8%98%E8%BF%B0%E6%96%B9%E6%B3%95%E3%80%80%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB 続きを読む続きを読む

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

]]> http://cssxhtmlseo.web.fc2.com/xhtml/xhtml_sample_top.html 343925 3335 2008-12-17T08:17:49Z css seo xhtml サンプル xhtmlとは xhtml記述方法 CSSとJavaScriptでチェックボックスなどをグラフィカルにする「formStyle」 - GIGAZINE http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20061013_formstyle%2F&title=CSS%E3%81%A8JavaScript%E3%81%A7%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%81%AA%E3%81%A9%E3%82%92%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%82%AB%E3%83%AB%E3%81%AB%E3%81%99%E3%82%8B%E3%80%8CformStyle%E3%80%8D%20-%20GIGAZINE 続きを読む続きを読む

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

]]> http://gigazine.net/index.php?/news/comments/20061013_formstyle/ 28328 chobix 2006-10-13T05:16:11Z css デザイン hp gigazine Open Source Web Design - Download and upload free web designs. http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.oswd.org%2F&title=Open%20Source%20Web%20Design%20-%20Download%20and%20upload%20free%20web%20designs. 続きを読む続きを読む

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

]]> http://www.oswd.org/ 7628 けい 2006-06-27T04:47:54Z html css webdesign IE6 でアンカー上に CSS で指定した背景が消えるのを防ぐ - Enjoi Blog http://clip.nifty.com/entry?url=http%3A%2F%2Fblog.enjoitech.jp%2Fdetail.php%3Faid%3D145&title=IE6%20%E3%81%A7%E3%82%A2%E3%83%B3%E3%82%AB%E3%83%BC%E4%B8%8A%E3%81%AB%20CSS%20%E3%81%A7%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%9F%E8%83%8C%E6%99%AF%E3%81%8C%E6%B6%88%E3%81%88%E3%82%8B%E3%81%AE%E3%82%92%E9%98%B2%E3%81%90%20-%20Enjoi%20Blog
検索

検索用語を入力Webthis site検索フォームを送信アップロードの管理IE6 でアンカー上に CSS で指定した背景が消えるのを防ぐ
CSS を使って a タグに背景を... 続きを読む続きを読む

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

]]> http://blog.enjoitech.jp/detail.php?aid=145 712427 sakuramaru 2009-02-24T05:58:40Z javascript css [NS] お知らせ:「コナミコマンド」を実装しました http://clip.nifty.com/entry?url=http%3A%2F%2Fn-styles.com%2Fmain%2Farchives%2F2007%2F07%2F26-033445.php&title=%5BNS%5D%20%E3%81%8A%E7%9F%A5%E3%82%89%E3%81%9B%3A%E3%80%8C%E3%82%B3%E3%83%8A%E3%83%9F%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%80%8D%E3%82%92%E5%AE%9F%E8%A3%85%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F 続きを読む続きを読む

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

]]> http://n-styles.com/main/archives/2007/07/26-033445.php 111249 bit 2007-07-26T05:04:25Z css ゲーム 面白い コナミ CSSで美しくデザインされたカレンダーのCSSサンプル:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2007%2F10%2Fcsscss.html&title=CSS%E3%81%A7%E7%BE%8E%E3%81%97%E3%81%8F%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%95%E3%82%8C%E3%81%9F%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC%E3%81%AECSS%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 次の記事 »：セレクタ名指定で該当部分のハイライトが出来るブックマークレット「MRI」
CSSで美しくデザインされたカレンダーのCSSサンプル2007年10月25日スポンサード リンク
A CSS styled calendar | Veerle's blog
Many times I’ve been asked how I created my calendar, or asked me if they could use the code etc. That’s why I thought it might be interesting to write an article on how to create such calendar. CSSで美しくデザインされたカレンダーのCSSサンプル。
CSSで次のように美しくスタイルされたC... 続きを読む続きを読む

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

]]> http://phpspot.org/blog/archives/2007/10/csscss.html 180813 o-junichi 2007-10-25T02:32:27Z css 日本語で読めるものを中心に　- Webデザインのリンク集 | lush life* http://clip.nifty.com/entry?url=http%3A%2F%2Flush-life.org%2Fentries%2Feid72.html&title=%E6%97%A5%E6%9C%AC%E8%AA%9E%E3%81%A7%E8%AA%AD%E3%82%81%E3%82%8B%E3%82%82%E3%81%AE%E3%82%92%E4%B8%AD%E5%BF%83%E3%81%AB%E3%80%80-%20Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86%20%7C%20lush%20life* 続きを読む続きを読む

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

]]> http://lush-life.org/entries/eid72.html 48998 ポッキー 2007-01-18T12:12:47Z css [Artmosphere Inc.™] 有限会社アートモスフィア | ウェブサイト制作 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.artmosphere.jp%2F&title=%5BArtmosphere%20Inc.%E2%84%A2%5D%20%E6%9C%89%E9%99%90%E4%BC%9A%E7%A4%BE%E3%82%A2%E3%83%BC%E3%83%88%E3%83%A2%E3%82%B9%E3%83%95%E3%82%A3%E3%82%A2%20%7C%20%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C 続きを読む続きを読む

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

]]> http://www.artmosphere.jp/ 66740 artmosphere 2007-03-24T13:40:17Z flash css movabletype cms w3c webデザイン キャラクター ホームページ制作 xhtml ウェブサイト制作 CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN' LISTEN::::::to the silence::::::: http://clip.nifty.com/entry?url=http%3A%2F%2Fstopnlisten.no.land.to%2F2007%2F01%2Fcss10.html&title=CSS%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%8C%E5%B4%A9%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E6%99%82%E3%81%AB%E8%A9%A6%E3%81%9910%E3%81%AE%E5%87%A6%E6%96%B9%E7%AE%8B%3A%3A%3A%3A%3A%3ASTOPN%27%20LISTEN%3A%3A%3A%3A%3A%3Ato%20the%20silence%3A%3A%3A%3A%3A%3A%3A 今までは「ちょっと見てください」や「うまくいかないんで助けてください～」と一声かけてくれればその場でレクチャーできたのですが、
これからはそうもいかなくなるのでコーディングのレイアウトで躓いたときに皆が読めるようにチェックリストを作りました。主に初心者を対象としていますが、意外と役にやつかもしれませんので一度読んでみてくださいね。さて、具体的な処方箋は以下です。1.HTMLの閉じタグのミス、スペルミスをチェックしましょう。divの入れ子関係が崩れている場面は中級レベルでも多く見られました。
まずはdreamweaverでバリデートをかけ、黄色く警告がでていないか、意図した入れ子関係かしっかり視認確認をします。2.うまくいかない部分のCSSがちゃんと機能して... 続きを読む続きを読む

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

]]> http://stopnlisten.no.land.to/2007/01/css10.html 50501 kyorecoba 2007-01-23T12:28:09Z css 秀丸エディタの強調表示定義ファイルを作ってみた｜チョット便利なメモ｜CSS HappyLife http://clip.nifty.com/entry?url=http%3A%2F%2Fcss-happylife.com%2Flog%2Fcat21%2F000080.shtml&title=%E7%A7%80%E4%B8%B8%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%81%AE%E5%BC%B7%E8%AA%BF%E8%A1%A8%E7%A4%BA%E5%AE%9A%E7%BE%A9%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F%EF%BD%9C%E3%83%81%E3%83%A7%E3%83%83%E3%83%88%E4%BE%BF%E5%88%A9%E3%81%AA%E3%83%A1%E3%83%A2%EF%BD%9CCSS%20HappyLife あと、カラーがDreamweaverっぽくなります。
むしろメインはそっちです。Dreamweaverのカラー設定に慣れていたのであわせようかなーから派生して、気付けばプロパティ定義してました。
取り合えず、オフィシャルのファイルライブラリに置くほど手間の掛かってるモンじゃないので、ココでひっそりと公開です。ちなみに定義しているプロパティは、CSS2.1辺りです。
網羅してるかどうかは分かりませんが…たいそうなモンじゃないですが、気になった方はDLしてみて下さいまし... 続きを読む続きを読む

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

]]> http://css-happylife.com/log/cat21/000080.shtml 55507 CL 2007-02-13T06:00:11Z css hidemaru 秀丸エディタ pre でも改行を生かしたまま折り返す | bowz weblog # CSS : スタイルシート（Cascading Style Sheets）に関するエントリ。 http://clip.nifty.com/entry?url=http%3A%2F%2Ffb.skr.jp%2Fbowz%2Farchives%2F001014.html&title=pre%20%E3%81%A7%E3%82%82%E6%94%B9%E8%A1%8C%E3%82%92%E7%94%9F%E3%81%8B%E3%81%97%E3%81%9F%E3%81%BE%E3%81%BE%E6%8A%98%E3%82%8A%E8%BF%94%E3%81%99%20%7C%20bowz%20weblog%20%23%20CSS%20%3A%20%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%EF%BC%88Cascading%20Style%20Sheets%EF%BC%89%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E3%82%A8%E3%83%B3%E3%83%88%E3%83%AA%E3%80%82 続きを読む続きを読む

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

]]> http://fb.skr.jp/bowz/archives/001014.html 7230 CL 2006-06-23T14:41:13Z css pre 改行 折り返し idとclassの違い http://clip.nifty.com/entry?url=http%3A%2F%2Fweb.xii.jp%2Fiec%2Fhtml%2Fmemo%2Fid-class&title=id%E3%81%A8class%E3%81%AE%E9%81%95%E3%81%84 続きを読む続きを読む

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

]]> http://web.xii.jp/iec/html/memo/id-class 17950 Yu-Ki 2006-08-16T07:08:49Z html css CSSの実装状況を知るには？ | Web標準Blog | ミツエーリンクス http://clip.nifty.com/entry?url=http%3A%2F%2Fstandards.mitsue.co.jp%2Farchives%2F001403.html&title=CSS%E3%81%AE%E5%AE%9F%E8%A3%85%E7%8A%B6%E6%B3%81%E3%82%92%E7%9F%A5%E3%82%8B%E3%81%AB%E3%81%AF%EF%BC%9F%20%7C%20Web%E6%A8%99%E6%BA%96Blog%20%7C%20%E3%83%9F%E3%83%84%E3%82%A8%E3%83%BC%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%B9 Firefox
Firefoxについては、開発者のDavid Baronが、CSS WGのメーリングリストに“CSS implementation status reports (and a first one from Mozilla)”というメールを投稿しています。Firefox 3.5とその次のバージョンについて、実装している機能と実装されていない機能がまとめられています。
Davidは「実装状況や今後のプランなどを共有して、より相互運用性を高めよう」という考えのもとこの企画をはじめたようで、メールでは今後実装を考えているモジュールについても触れられています。
Firefoxは他にも、Mozilla CSS support chartやFirefox 3.5 for developersといった文書を公開しています。
Safari, (Google Chrome)
Safariについては、Safari CSS Refer... 続きを読む続きを読む

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

]]> http://standards.mitsue.co.jp/archives/001403.html 835980 sakuramaru 2009-04-18T17:41:50Z css When can I use... http://clip.nifty.com/entry?url=http%3A%2F%2Fa.deveria.com%2Fcaniuse%2F&title=When%20can%20I%20use... 続きを読む続きを読む

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

]]> http://a.deveria.com/caniuse/ 1473638 monmon 2009-11-19T15:48:00Z css opera firefox まとめ ブラウザ safari ie html5 chrome 対応状況 CSS - dtをfloatする場合の注意点 | Try | d-spica http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.d-spica.com%2Ftry%2Fdt-float.html&title=CSS%20-%20dt%E3%82%92float%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AE%E6%B3%A8%E6%84%8F%E7%82%B9%20%7C%20Try%20%7C%20d-spica Tried at 2008-05-12まず，マークアップは次の通り<dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-06</dt> <dd>ページ2を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテ... 続きを読む続きを読む

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

]]> http://www.d-spica.com/try/dt-float.html 337836 すもも 2008-05-27T02:49:23Z css テクニック 死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20070425_bestcss%2F&title=%E6%AD%BB%E3%81%AC%E3%81%BE%E3%81%A7%E3%81%AB%E8%A6%8B%E3%81%A6%E3%81%8A%E3%81%8F%E3%81%B9%E3%81%8DCSS%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E9%9B%86%E3%81%BE%E3%81%A8%E3%82%81%20-%20GIGAZINE 続きを読む続きを読む

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

]]> http://gigazine.net/index.php?/news/comments/20070425_bestcss/ 75068 ニャラオカ 2007-04-25T00:50:53Z css デザイン サイト製作 CSS Menu Generator http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.cssmenumaker.com%2F&title=CSS%20Menu%20Generator for the average webmasterMenusBlogAboutContact Us 1.PICK a CSS MENUClick a menu below to either customize or download the source code.2.CUSTOMIZECustomize the headings, links, and color of your CSS menu.3.DOWNLOAD for FREEOnce you finish customizing, download the HTML, CSS, and images for you brand new menu! Horizontal CSS MenusView all Horizontal Menus Vertical CSS MenusView all Vertical Menus Drop-Down CSS M... 続きを読む続きを読む

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

]]> http://www.cssmenumaker.com/ 145806 blitz 2007-09-19T09:02:25Z web css デザイン テンプレート 何でもCSS病：メモランダム http://clip.nifty.com/entry?url=http%3A%2F%2Fmynotes.jp%2Fblog%2F2007%2F08%2Fnandemo_css&title=%E4%BD%95%E3%81%A7%E3%82%82CSS%E7%97%85%EF%BC%9A%E3%83%A1%E3%83%A2%E3%83%A9%E3%83%B3%E3%83%80%E3%83%A0 続きを読む続きを読む

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

]]> http://mynotes.jp/blog/2007/08/nandemo_css 119557 bookey 2007-08-09T18:35:10Z html web css internet computer JavaScriptでブラウザのフォントサイズを検出する方法:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F09%2Fjavascript_26.html&title=JavaScript%E3%81%A7%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%82%B5%E3%82%A4%E3%82%BA%E3%82%92%E6%A4%9C%E5%87%BA%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 次の記事 »：JavaScriptでWiki記法のテキストをHTMLに変換する
JavaScriptでブラウザのフォントサイズを検出する方法2006年09月13日スポンサード リンク
A List Apart: Articles: Text-Resize Detection
When you design for the web, you don’t know what software people will use to experience your site, and you don’t know what capabilities your users (and their software) have.CSSとJavaScriptでブラウザのフォントサイズを検出する方法。
ブラウザの各々のフォントのサイズって検出できないと思っていましたが、JavaScrip... 続きを読む続きを読む

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

]]> http://phpspot.org/blog/archives/2006/09/javascript_26.html 22860 null 2006-09-13T14:34:47Z javascript css フロートとネガティブマージンまとめ:CSS | Tech de Go http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.techdego.com%2F2007%2F05%2Ffloat_property_negative_margin_css.php&title=%E3%83%95%E3%83%AD%E3%83%BC%E3%83%88%E3%81%A8%E3%83%8D%E3%82%AC%E3%83%86%E3%82%A3%E3%83%96%E3%83%9E%E3%83%BC%E3%82%B8%E3%83%B3%E3%81%BE%E3%81%A8%E3%82%81%3ACSS%20%7C%20Tech%20de%20Go 続きを読む続きを読む

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

]]> http://www.techdego.com/2007/05/float_property_negative_margin_css.php 83277 きりづか 2007-05-22T01:04:15Z html css IE6でselectタグ(プルダウン)がz-indexを無視する対策 ［CSS, HTML, Tips］ - Programming Magic http://clip.nifty.com/entry?url=http%3A%2F%2Fprogramming-magic.com%2F%3Fid%3D64&title=IE6%E3%81%A7select%E3%82%BF%E3%82%B0%28%E3%83%97%E3%83%AB%E3%83%80%E3%82%A6%E3%83%B3%29%E3%81%8Cz-index%E3%82%92%E7%84%A1%E8%A6%96%E3%81%99%E3%82%8B%E5%AF%BE%E7%AD%96%20%EF%BC%BBCSS%2C%20HTML%2C%20Tips%EF%BC%BD%20-%20Programming%20Magic そのた... 続きを読む続きを読む

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

]]> http://programming-magic.com/?id=64 693175 sakuramaru 2009-02-09T16:06:57Z javascript html css Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20060801_aptana%2F&title=Dreamweaver%E3%81%AE%E4%BB%A3%E3%82%8F%E3%82%8A%E3%81%AB%E3%81%AA%E3%82%8B%E3%83%95%E3%83%AA%E3%83%BC%E3%82%BD%E3%83%95%E3%83%88%E3%80%8CAptana%E3%80%8D%20-%20GIGAZINE 続きを読む続きを読む

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

]]> http://gigazine.net/index.php?/news/comments/20060801_aptana/ 15155 sena 2006-08-01T04:00:23Z javascript software css Google Chrome向けにリセットCSSを微妙にアップデート ｜ HiGash.Net http://clip.nifty.com/entry?url=http%3A%2F%2Fhigash.net%2F20081125%2Freset_css3.html&title=Google%20Chrome%E5%90%91%E3%81%91%E3%81%AB%E3%83%AA%E3%82%BB%E3%83%83%E3%83%88CSS%E3%82%92%E5%BE%AE%E5%A6%99%E3%81%AB%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88%20%EF%BD%9C%20HiGash.Net 続きを読む続きを読む

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

]]> http://higash.net/20081125/reset_css3.html 685741 aki 2009-02-03T09:51:49Z html css ホームページ制作 [CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス http://clip.nifty.com/entry?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2F866.html&title=%5BCSS%5D%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E9%96%93%E3%81%AE%E5%B7%AE%E7%95%B0%E3%82%92%E7%84%A1%E3%81%8F%E3%81%99%E3%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%20%7C%20%E3%82%B3%E3%83%AA%E3%82%B9 続きを読む続きを読む

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

]]> http://coliss.com/articles/build-websites/operation/css/866.html 280519 aki 2008-03-08T01:52:56Z css ホームページ制作 フォトギャラリーサンプル集･JavaScript･Ajax･jQuery･cssを利用したPhoto Gallery sample【マイ アイランド】 http://clip.nifty.com/entry?url=http%3A%2F%2Fmyisland.jp%2Ftemplate%2Fgallery%2Findex.html&title=%E3%83%95%E3%82%A9%E3%83%88%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E9%9B%86%EF%BD%A5JavaScript%EF%BD%A5Ajax%EF%BD%A5jQuery%EF%BD%A5css%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%9FPhoto%20Gallery%20sample%E3%80%90%E3%83%9E%E3%82%A4%20%E3%82%A2%E3%82%A4%E3%83%A9%E3%83%B3%E3%83%89%E3%80%91 続きを読む続きを読む

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

]]> http://myisland.jp/template/gallery/index.html 1719798 あんちゃん 2009-11-24T07:49:58Z ajax javascript 写真 css 画像 jquery フォトギャラリー E-RIVER.com: ゼブラ模様のテーブルをCSSだけで表示 http://clip.nifty.com/entry?url=http%3A%2F%2Fe-river.seesaa.net%2Farticle%2F97351441.html&title=E-RIVER.com%3A%20%E3%82%BC%E3%83%96%E3%83%A9%E6%A8%A1%E6%A7%98%E3%81%AE%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%82%92CSS%E3%81%A0%E3%81%91%E3%81%A7%E8%A1%A8%E7%A4%BA
Bedrich Riosのエントリーより、触発されCSSだけでやってみました。
デモページはこちらから

CSS
table.sample {
border-width: 1px;
border-spacing: 1px;
border-style: none;
border-color: gray;
border-collapse: collapse;
width: auto;
text-align: center;
margin: 10px auto;
letter-spacing: 1px;
}

table.sample th {
border-width: 1px;
padding: 5px;
border-style: inset;
border-color: gray;
background-color: #333;
-moz-border-radius: 0px;
width: 150px;
color: #fff;
}
table.sample td {
border-width: 1px;
padding: 5px;
border-style: inset;
border-color: #666;
-moz-border-radius: 0px;
wi... 続きを読む続きを読む

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

]]> http://e-river.seesaa.net/article/97351441.html 475581 goatee 2008-09-13T22:27:36Z css table CSSプルダウンメニュー for カスタマイズ ～CSSテクニック～ http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.stylish-style.com%2Fcsstec%2Fultimate%2Fcss-roll-4.html&title=CSS%E3%83%97%E3%83%AB%E3%83%80%E3%82%A6%E3%83%B3%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%20for%20%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%20%EF%BD%9ECSS%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF%EF%BD%9E 99%CSSプルダウンメニュー for カスタマイズ99%CSSプルダウンメニューの最終形態？です。ブラウザーによる違いを極力押さえ込み、複雑怪奇だったCSSを誰でもカスタマイズできるように整理し直しました。実際に取り入れるも良し、カスタマイズしながらCSSの勉強をするも良し。好きなように使ってみてください。デフォルトの場合トップああああああいいいインフォうううサンプル１サンプル２サンプル３えええサンプル４サンプル５サンプル６おおおサンプル７サンプル８サンプル９コンテンツかかかかかサンプル１サンプル２サンプル３ききき
若干カスタマイズした場合トップああああああいいいインフォうううサンプル１サンプル２サンプル３えええサンプル４サンプル５サンプル６おおおサンプル７サンプル８サンプル９コンテンツかかかかかサンプル１サンプル２サンプル３ききき縦型にカスタマイズした場合トップああああああいいいインフォうううサンプル１サンプル２サンプル３えええサンプル４サンプル５サンプル６おおおサンプル７サンプル８サンプル９コンテンツかかかかかサンプル１サンプ... 続きを読む続きを読む

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

]]> http://www.stylish-style.com/csstec/ultimate/css-roll-4.html 17903 Yu-Ki 2006-08-16T00:44:13Z css 100％、CSSのみで構成されるメニューの作り方 - GIGAZINE http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20060728_purecss%2F&title=100%EF%BC%85%E3%80%81CSS%E3%81%AE%E3%81%BF%E3%81%A7%E6%A7%8B%E6%88%90%E3%81%95%E3%82%8C%E3%82%8B%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%20-%20GIGAZINE 続きを読む続きを読む

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

]]> http://gigazine.net/index.php?/news/comments/20060728_purecss/ 14689 sena 2006-07-28T00:06:11Z design css FlexのDataGridのスクロールバー位置のカスタマイズ ： flex | メモリークラフト http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.memorycraft.jp%2F2008%2F08%2Fflexdatagrid.html&title=Flex%E3%81%AEDataGrid%E3%81%AE%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%83%90%E3%83%BC%E4%BD%8D%E7%BD%AE%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%20%EF%BC%9A%20flex%20%7C%20%E3%83%A1%E3%83%A2%E3%83%AA%E3%83%BC%E3%82%AF%E3%83%A9%E3%83%95%E3%83%88
しかしDataGridののデフォルトの仕様では、横スクロールバーの表示/非表示によって、縦スクロールバーの位置とサイズが切り替わるために、ボタン位置がスクロールボタンと重なってしまうことになりうまくいきません。ここでは、その解決策を探っていきます。 続きを読む続きを読む

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

]]> http://www.memorycraft.jp/2008/08/flexdatagrid.html 468735 miso 2008-09-09T00:52:06Z css flex datagrid スクロールバー CSSでクールなタブUIを作成するサンプル:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F10%2Fcssui.html&title=CSS%E3%81%A7%E3%82%AF%E3%83%BC%E3%83%AB%E3%81%AA%E3%82%BF%E3%83%96UI%E3%82%92%E4%BD%9C%E6%88%90%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 次の記事 »：CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」
CSSでクールなタブUIを作成するサンプル2006年10月03日スポンサード リンク
OSResources - How to create CSS overlapping tabs?
Sometimes simulating a real desktop interface for your web application can be a real challenge, especially when dealing with tabs. CSSでクールなタブUIを作成するサンプル。
次のようなタブUIを作ることが出来ます。



サンプルのCSSを定義しておけば、後は次のようにシンプルなHTMLをコーディングするだけで上記画像のようなタブUIが作れます。... 続きを読む続きを読む

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

]]> http://phpspot.org/blog/archives/2006/10/cssui.html 26047 null 2006-10-03T15:52:13Z css ぼくはまちちゃん！(Hatena) - ふつうに横三角 http://clip.nifty.com/entry?url=http%3A%2F%2Fd.hatena.ne.jp%2FHamachiya2%2F20070422%2Fcss_arrow&title=%E3%81%BC%E3%81%8F%E3%81%AF%E3%81%BE%E3%81%A1%E3%81%A1%E3%82%83%E3%82%93%EF%BC%81%28Hatena%29%20-%20%E3%81%B5%E3%81%A4%E3%81%86%E3%81%AB%E6%A8%AA%E4%B8%89%E8%A7%92 ようこそゲストさん 最新の日記記事一覧ユーザー登録ログインヘルプぼくはまちちゃん！(Hatena) ライブドアリーダーで購読 → <ぼくがCSSを書くときに手放せな... | 最速FizzBuzz>2007/04/22■ふつうに横三角 ＣＳＳで横三角。「半キャラずらし」 (インターネット帳面)
今回はお題の通りインターネット帳面でもやってる「ＣＳＳで横三角をやる方法」。２バイト文字の三角記号は▲や▼しかないので横方向を示すことができませんでした。これをなんとかどーにかできんものかと。↑こんな記事があって、ちょっと面白かったので、
参考までに、ふつうの横三角のコードも書いておきますね！» (&raquo;)
« (&laquo;)

▷ (&#x25B7;)
▶ (&#x25B6;)
◁ (&#x25C1;)
◀ (&#x25C0;)そうそう、この中でも &raquo; って結構使えるよ！よくサイドのメニューとかで、CSS を使って
<li> の背景左端に、三角... 続きを読む続きを読む

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

]]> http://d.hatena.ne.jp/Hamachiya2/20070422/css_arrow 74232 nyomo 2008-01-17T03:25:59Z css