Web design and development articles and tutorials for advent
24 ways is the advent calendar for web geeks. For twenty-four days each December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer. Learn more Drew McLellan puts the chairs up on the tables, sweeps the floor, and closes off our season, and indeed the entire 24 ways project with a look back at what it’s meant to run this site as a site project,
CSSでバブルタイプのblockquoteデザイン『CSS Speach Bubbles』 – creamu
手軽にblockquote（引用）のデザインがしたい。 そんなあなたにおすすめなのが、『CSS Speach Bubbles』。CSSによるバブルタイプのblockquoteデザインだ。 このサイトでは、CSSでレイアウトされた、バブルタイプのblockquoteデザインを配布している。zipでダウンロードが可能だ。 ダウンロードすると、以下のファイルがゲットできる。 bubbles.css rounded_corners.inc.js tip-rounded.gif index.html tip-pimped.gif tip.gif htmlは以下のように記述。 <div class="bubble"> <blockquote> <p>Works great for blog comments!</p> </blockquote> <cite><strong>John Smith</st
はてなブックマークのタグ一覧を無理やり下へ持っていく - チープカ
はてなブックマークのタグ一覧を無理やり下へ持っていく はてな, CSS | 03:06 | はてなブックマークのタグクラウドは横にあるのは割とうっとうしくて、かつ1カラムにしようとすると構造上ブックマーク一覧よりもタグ一覧が上に来るために、別にブックマーク一覧より使用頻度の低いタグ一覧が上に来ることがうっとうしく、かつタグ非表示にしてモジュールを使ってやったりすると機能が限られてしまうのと、お気に入りとかでもタグが表示されて格好悪いなんて問題があって、なんとかタグ一覧を下に持っていくことができないかなあと思っていたんですけど、さっき無理やりやる方法に気づいたのでやってみました。そしてこうなりました。 http://b.hatena.ne.jp/chepooka/ タグ一覧とお気に入り一覧が一番下に来てると思います。でもFirefoxとIEでしか確認してないけども。あと少しIEだとうまくい
Nifty Corners
Nifty Corners: rounded corners without images By Alessandro Fulciniti Update This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. You can read it here. The final version is Niftycube. Rounded Corners with CSS are a hot topic in web design: I think that there are hundreds of
Javascriptで指定のHTML要素を動的に角丸デザインにする方法:phpspot開発日誌
Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptで指定のHTML要素を動的に角丸デザインにする方法。 NiftyCornerを使えば、単一のDIV要素を角丸デザインにすることが可能です。 例えば、次のような単一DIV要素も簡単に角丸にできます。 <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9
CSS Techniques Roundup - 20 CSS Tips and Tricks
CSS Techniques Roundup - 20 CSS Tips and Tricks Updated on November 17, 2023 By Pete Freitag I never cease to be amazed at what problems can be solved with pure CSS. Here are 20 CSS techniques, tips and tricks that you may find handy: CSS Uppercase Rounded Corners Rounded Corners without images Creating a Netflix style star ratings Tableless forms Styling Lists with CSS 2 Column Layout Technique 3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSベースの超クールなナビゲーション集:phpspot開発日誌
実践Web Standards Design—Web標準の基本とCSSレイアウト&Tips (単行本)
CSS Vault » The Web's CSS Gallery & Site