IDEA * IDEAドットインストール代表のライフハックブログ
Create apple.com-like breadcrumb using simple CSS : Janko Jovanovic
I believe you all know what breadcrumbs are. If I would have to make a simplest, rough definition I could say it is a navigation pattern that shows a path from the home page to the current one. If you are still unsure what breadcrumbs are (or my “definition” is too rough) be sure to read Breadcrumbs pattern explanation on Welie.com In its simplest form it usually looks like this: You are here: Hom
IEで position:absolute した要素が消えるバグ - ぴのBlog
ぴのBlog 一貫して一貫性が無いブログ。競馬予想メモ・時々料理‥。 http://pinotan.blog15.fc2.com/ htmlソース上では下方に置いてある検索窓などを、position:absoluteでページ上部に絶対配置する。よく使われる手法だと思うんですが、Win IE（Windows Internet Explorer）ではposition:absoluteを指定した要素が表示されない場合があるみたい（IE6/IE7 beta 2）。IEのバグ？(仕様なのかバグなのかは知りません)例えば下記のような順序で組まれた物。 カラム : float カラム : float 検索窓 : position:absolute フッター : clear:both html上では検索窓がfloatとclearに挟まれている。検索窓はfloatとは無関係に配置出来るはずだが
Silverback — guerrilla usability testing
As of 1 May 2019, Silverback is no longer available to download and purchase. We will continue providing support to Silverback customers for 6 months after that date, and release critical critical updates if necessary. When we created Silverback, we did so to scratch our own itch for simple and affordable usability testing software. We also hoped to promote usability testing as a vital part of the
CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ
「text-indent:-9999px;」や「display:none;」でテキストをウィンドウ外に飛ばしたり非表示にして、代わりに背景画像を表示させる手法を「画像置換(Image Replacement)」というが、これには重大な欠陥があって、最近では使用が推奨されていない。 h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; text-indent:-9999px; } <h5>SITE TITLE</h5> h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; } h5 span{ display:none; } <h5><span>SITE TITLE</span></h5> 上記のようなCSSだと「CS
Spotlight-Like Search As You Type With CSS, AJAX & JS » Dustin Bachrach Blog
Spotlight-Like Search As You Type With CSS, AJAX & JS OS X has a lot of great effects. These are great building blocks for creating effects for the web. You might have seen my previous tutorial on creating a Dashboard-Like effect using JS and CSS. This tutorial will show you how to create a Spotlight-Like effect for your search boxes. Take a look at the picture to the right to see where we are hea
XHTML+CSSにする55の理由
55 Reasons to Design in XHTML-CSSの和訳です。 直訳と意訳が混ざり、かなり読みにくいと思うので、参考までに。 詳細は原文サイトを参照ください。 55 Reasons to Design in XHTML-CSS 17, 55など分からない箇所は、強引に英文を入れてます。 zengarden、stylegala、cssimport、cssbeautyなどのCSSのサイトからリンクされることがあります。 マークアップする際に、余分な考えと時間を費やさなくてすみます。 どのタグが閉じるのか、考える必要がありません。 意味付けを考慮してマークアップをすると、検索エンジンに適切な内容を伝えられます。 回線の帯域を助けることができます、そしてビジターにより軽量なページで速く見せることができるでしょう。 XHTML 2.0に変わる時、より容易にできるでしょう。 テーブルレ
CSS を使ってキーボードのアイコンっぽく表示させる
CSS を使ってキーボードのアイコンっぽく表示させる 2006-01-11-9: [CSS][Code] http://kikuz0u.x0.com/td/?date=20060111#p02 kbd { color: #333333; background-color: white; text-align: center; border-left: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; border-right: 2px solid #666666; border-bottom: 2px solid #666666; -moz-border-radius: 4px 4px 4px 4px; padding-left: 1px; padding-top: 0px; padding-right: 2px; padding-bott
MSN goes CSS | Stopdesign
In conjunction with the launch of Microsoft’s new search effort, MSN gets a pretty significant makeover. Significant, not because of the new look, nor because of the multi-million-dollar ad campaign which will attempt to oust Google out of the #1 search spot. But because the underpinnings of the home page represent a considerable move toward web standards. In conjunction with the launch of Microso
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://capsizedesigns.com/blog/2008/04/battle-of-the-css-frameworks/
Flex 3 Style Explorer
[CSS]印刷用のCSSのフレームワーク -Hartija | コリス