http://www.designwalker.com/2009/08/user-interface.html
IE7のズーム機能でバグる - hasLayoutとは | Takazudo Clipping*
IE7のズーム機能を使うと、ラジオボタンやチェックボックス、文中に入れた画像がおかしくなります。こんな風に。 <input type="radio" />ウェブ全体から検索 <input type="checkbox" />日本語のページを検索 <img src="/clip/cmn/img/entry-bg-01.gif" />オマケ IE7のズームで崩れるサンプル これを直す方法。 IE6までは、問題のある要素にheight:0を指定するという、holly hackと呼ばれるバグ対処方法で、数々の問題のあるバグが解決されてきました。IE7になっても、コレに変わり、min-height:0を指定すれば直るじゃん！と思ってました。 しかし、その方法でもこれは直らない・・・。他のズーム機能のあるブラウザではこんなこと起こらないのに、どうすればいいか到底見当もつかない・・・ひどすぎるIE7・・
IE6で背景画像に透過pngを指定してリピートさせる | チバのブログ
IE6で透過pngを表示させる方法というのはいくつも紹介されてきましたが、どれも背景のリピートが使えないものだったため使いどころが限られてしまっていました。が、背景のリピートが正常に動作するスクリプトを見つけたので紹介したいと思います。 ダウンロード デモページ 使い方 アップロード ダウンロードページの、IEPNGFix v2.0 Alphaというリンクをクリックするとダウンロードできます。Beta Testing Areaというタイトルなのにアルファ版ですが、気にせずダウンロードです。 ダウンロードが済んだらファイルを解凍してください。解凍したらいくつかファイルが入っていますが、ほとんどがデモ用のものですので全てをサーバーにアップロードする必要はありません。アップロードするのは以下の3ファイルだけでOKです。 iepngfix.htc blank.gif iepngfix_tilebg
jmblog.jp - Web2.0っぽいグラデーションのコツ
そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン（ちょっと言い方を変えてみた）では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう？1 は彩度（鮮やかさ）が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション
カラーコードと色名の一覧！［簡単タグ集］セーフティーカラー
［かんたんタグ集］［戻る］ ☆ コピー＆ペーストで使える ☆ ［Web Safe Color（ウェブセーフカラー）］ *･*･*･* 名前で指定できる色136色 *･*･*･*
CSSの実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
デザイナーならこう作るCSSスタイルテーブル『A CSS styled table version 2』 – creamu
かっこいいテーブルをデザインしたい。 そんなあなたにおすすめなのが、『A CSS styled table version 2』。デザイナーならこう作るCSSスタイルテーブルだ。 このエントリーでは、クリーンなソースでコーディングされたテーブルが2つ紹介されている。 » Example 1 背景画像は使わず、セルに背景色を使った例 » Example 2 背景画像を使った例 どちらもページのソースを見るのが早いだろう。 シンプルでとても綺麗なテーブルに仕上がっていると思う。 デザイナーならこう作るCSSスタイルテーブル、チェックして作っていきたいですね。 プランナー、アートディレクターにたくさんのことを教わりました。「とりあえず手を動かすのがレイアウトの基本」だと。あとデザインはピクセルよりも見た目。人間の目にはくるいがあるから見た目で綺麗にそろっていればいい。とにかく手を動かしていこうっ
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
デザイナーのための便利なジェネレータ55+ – creamu
Balkhisというサイトで、デザイナーのための便利なジェネレータがまとまっています。 ざっといくつかご紹介。 » Pattern Cooler » Dotted Background Generator » ColourLovers ↑のキャプチャはこちら » Stripe Designer » Create a Graph 他にも、カラージェネレータ、Flashジェネレータ、CSSジェネレータ、フォームジェネレータ、テキストジェネレータ、バーコードラベルジェネレータなど、たくさんありますね。 一度見てみてください。 » 55+ Extremely Useful Online Generators for Designers emobile修理中。早く戻ってきてほしーなー。mobilepointでがんばっております。
| ＾＾ |秒刊SUNDAY | 夏だ一番！アイコン祭り！1000種類以上の高クオリティアイコン祭！
2009年05月18日 夏だ一番！アイコン祭り！1000種類以上の高クオリティアイコン祭！ カテゴリ：WEBデザイン さて、アイコンエントリーがだいぶ放出されてきましたのでここでひとつ、まとめてみました。この夏もクオリティ高いアイコンで乗り切れ！ ◆40種類のスタイリッシュなアイコン スタイリッシュでクールなアイコン40種類。 ■40+ Stylish and Trendy Icon Sets ◆１２８種類WEBアイコン WEBに使えそうなアイコン ■Function Web Design & Development [ Blog ] ≫ Free Icons: Function Icon Set, 128 Completely Free Icons ◆６０種類ベクターアイコン ベクターデ出来たアイコン ■60 Free Vector Icon Packs for Design Prof
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
CSS Remix
Cascading Style Sheets Explained If you’re new to Cascading Style Sheets, or CSS, then this short guide is for you. After a brief introduction to CSS and some of its benefits, we’ll move on to CSS frameworks to help you decide if you should use one and if so, which one would be best for your needs. What is CSS? CSS is a computer programming language used for describing the visual presentation of a
Web Design Trend Showcase: Horizontal Bands / Horizontal Layouts
The use of horizontal bands in website design has been a growing trend over the last few years with results of a fantastic looking website layout. Not only does the use of these horizontal strips provide specific containers for each page area, but it also spans right the way across the user’s monitor. This is especially handy when taking into consideration those with an exceptionally large monitor
誰かと一緒に笑顔になれる
2008年の創業以来、スマートフォン市場を中心に事業展開してきた当社が、何の為に存在し、何を求めて、何を起こして来たのか、当社の未来でなく「今」をご覧下さい。 メッセージ 当社のビジョンならびにコーポレイトロゴに込められた意味をご説明します。 より詳しく会社概要 当社の会社概要をご覧いただけます。その他のページもぜひご覧ください。 より詳しく沿革 サービスや事業の展開など2008年4月より歩んできた当社の沿革をご紹介します。 より詳しく案内図 当社の本社所在地はこちら。地図やアクセス方法についてご案内しています。 より詳しく 当社が展開している3つの事業を紹介します。 『おしるこ』は"50代を迎えたからこそワクワクしよう ! "をテーマに運営しているシニア専用コミュニケーションアプリになります。 『グラネットコレクション』は"東京に5％緑を増やそう"というコンセプトのもと、芸術、植物、IT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kaioa.com
http://www.cxmedia.co.jp/media/color_tag.html
http://www.designwalker.com/2009/05/design-process.html
Dynamic Drive CSS Library- Practical CSS codes and examples
PNG Icons & Icon Packs Download | IconsPedia
[CSS]実用的なレイアウトが揃っているフリーのテンプレート集 -Best Free Templates