CSS examples
Site not Updated!! This site hasn't been maintained or updated for a considerable number of years and is just left in place for historic reasons. Many of the techniques discussed here are not relevant these days and use out-dated techniques not applicable to today's web design structures. The demos may still be of interest as they show various techniques but most of these demos were created before
CSS Gradient Text Effect
Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Saf
XHTML-CSS Validator
Just type or paste an URL in the form above, and click on "check it" to see the magic. If you want to fine tune your validation, click on the "advanced" link. That's it! An Idea: The Social Media Algebra I used to be very good at maths. I really was. Then I started studying computer science stuff (which is normal for a computer scientist) and as time goes by, I forgot many of the coolest stuff I l
Tag Cloudのスタイル - 3ping.org
タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って
CSS Sprite Generator, Editor, and Code
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
Code2Css
CSS Templates Welcome to Free CSS Templates Website! Find here a never before seen collection of free CSS Templates, one of the biggest in the entire web! All these CSS templates are: 1. Table free in its design (no tables have been used for layout purposes). 2. The templates are light weight, so that it won’t take too long to load. 3. W3C Standard compliant. 4. Comes with public domain photos,
ｉモードサイトを全携帯端末向けに最適化するPerlスクリプト『しらぎくモバイルシステム VI』
ここでは、携帯端末向けウェブ文書を全端末向けに最適化するPerlスクリプト・しらぎくモバイルシステム VI(開発ネーム・AYA-UE)の配布と解説を行います。 PC向けに書かれたフル規格のHTML文書に対しては、しらぎくモバイルシステムFULL(開発名・HOMAKI & NAKAMA)をご利用ください。 サーヴァ環境にも依りますが、絵文字の変換さえ出来れば良いと言う方には、ドコモ端末の絵文字を変換するだけのスクリプト・しらぎく絵文字変換スクリプトもお勧めしております。 HTMLと画像だけでなく、デコメールのテンプレート変換も実装しました。(平成21年 9月 9日) 但しデコメールテンプレート変換機能は現在試験途上です。 本当なら、制作者がデコメールテンプレートを作って公開するのが良いのでしょうが、ちょっと絵を描く時間がありませんので、機会があればと言う事で。 余談。 世間ではスマートフォン
Online Generators | Developer's Toolbox | Smashing Magazine
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
構造のマークアップなしでフロートをクリアする方法
IzzyMenu - Menu Builder - Build your pro CSS/DHTML Menu!（CSSメニューの自動生成ツール）
120以上生成できるCSSメニュー作成ジェネレータ『IzzyMenu』レビュー*ホームページを作る人のネタ帳
Deziner Folio» Blog Archive » dfFlexiGrid - Liquid Javascript Grid Layout
http://e0166nt.com/blog-entry-372.html
リキッド・レイアウトでチェックボックスを綺麗に並べる - WebOS Goodies
TableとCSSいろいろ - DesignWalker
http://youmos.com/news/glt_js
http://youmos.com/news/css_server_side_pre_processor
http://youmos.com/news/iefixed_htc
http://youmos.com/news/css_star_rating_system
モバイルでのXHTMLとCSS