Tag Cloudのスタイル タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。タグクラウドのCSSスタイルシートサンプル集。 色んなタグクラウドのサンプルが公開されています。 タグクラウドはよく使う部分ですが、スタイルが結構ややこしかったりします。 秀逸なタグクラウドが殆どなので、応用できそうですね。
Tag Cloudのスタイル タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。タグクラウドのCSSスタイルシートサンプル集。 色んなタグクラウドのサンプルが公開されています。 タグクラウドはよく使う部分ですが、スタイルが結構ややこしかったりします。 秀逸なタグクラウドが殆どなので、応用できそうですね。
What it's all about... "Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents." The above quote, taken from the W3C website, is one of the reasons for this site. Whilst I agree that it is a mechanism for adding style to web documents, I do not agree that it is a SIMPLE mechanism. It can be very complicated, as I found out when I took my
CSS - Creating a vista style nav bar in css In today’s tutorial I want to show you what you can do with a minimal effort and a little imagination. What we are going to do is re-create the Vista toolbar in pure CSS with buttons and hover effect in cross-browser compatible CSS and HTML. CSSでWindowsVista風のナビゲーションバーを作成するサンプル。 画像とマークアップが公開されています。 実際に動作しているサンプルはこちら ファイルを一括ダウンロードすることも出来るようです。 Windows Vis
Man with no blog : CSS Debugging Tools - Gary Barber Seems lately that we are now starting to get a good spread of CSS and JavaScript (DOM Scripting) debugging tools available. CSSデバッギングツール10選。 便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内をクリックで情報を表示 YSlow - 先日Yahoo!がリリースしたパフォーマンス測定&アドバイスツール (for Firefox) Dust-Me Selectors - 不要なCSSを調査して表示してくれるFirefox拡張 Web Developer - おなじみ、CSS用に便利機能を提
The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources at DesignVitality WEBデザインに便利なリソース100リンクが紹介されていました。 フリーテンプレート OSWD OpenWebDesign Open Designs CSS Tinderbox デザインテンプレート TemplateNavigator TemplateBox Template Monster Art for the Web Free CSS Templates CSSレイアウト集 Layout Gala AndreasVilkund.com CSS Template Directory BenMeadowcroft.com Mollio CSS自動ツール、ジェネレーター CSS Creator -
filament group inc. || Styling the Button Element with Sliding Doors Particle Tree recently posted an article describing a technique they've come up with the style the button element. For those who aren't familiar, form buttons are notoriously difficult to customize. CSSでWEB2.0風ボタンを作成するサンプル。 buttonタグで、次のようなWEB2.0風なカッコいいボタンが作れるサンプルが提供されています。 HTMLタグはこんな感じ。 <button value="submit" class="submitBtn"><s
Create Resizable Images With CSS | Smiley Cat Web Design I'm a big fan of layouts that still work if a user increases their browser's text size. テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック 方法1 次のDIVがあったとして、 <div class="resize"></div> 次のCSSを適用します。 .resize { background: url(image.jpg) -130px -140px no-repeat; border: 3px double #fff; float: left; height: 12em; margin: .2em 1em 1em 0; width: 12em; } すると、文字サイズを変更
70 Expert Ideas For Better CSS Coding | Smashing Magazine CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being applied to document elements. CSSコーディングの際に役立つエキスパートによる70の方法。 最初にCSSをリセットせよ、とか、デバッグ用 ( .floatLeft, .floatRight クラス等 )のクラスを定義しよう、といった有用なテクニックが70も記述されて
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエントリーを読みました。10個以上の海外のサイトのいろんな印刷向けCSSやJavaScriptのTipsが紹介されていて、「印刷用CSSをまとめてみた。」を書いた自分としては何とか分解してやりたいなと思っていました。で、本日ようやく分解が一通り終わりましたので、その中で得たTipsを紹介します。 印刷用デザインも1つのWebデザインプロセスとして考えておく。 今回、このエントリーが最も自分にとっては衝撃的でした。印刷用CSSの機能面だけを追い求めて、「まあ、印刷されるときに、最低限読めればいいんでしょ?」くらいにしか思っていなかった自分が、ちょいと情けない。元ネタは、Five Simple Steps to Typesetting on th
DHTML Site - 10 Free CSS and Javascript Calendars Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. CSS&JavaScriptカレンダーライブラリ集。 いろんなCSSとJavaScriptで実装されたサンプルライブラリが紹介されています。 Monket Calendar Quick Calendar Using AJAX and PHP Integrating Google Calendar into your Site JS Calendar The DHTML / JavaScript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く