CSSでいつも悩まされるのはクロスブラウザですけど、フォームでは特に面倒くさい要素が山盛りですよね。ボタンの文言を動的に変えたいから画像はなるべく使いたくないけど、だからといってブラウザのデフォルトのボタンとか、味気ないですものね。 今日は、フォームにつきもののボタンについて考えてみます。 私たちがボタンに求めるモノって、何でしょう。 データを送信(submit)する どのブラウザでも同じように見える 使い回しが聞く ボタンについている文言がどんなに長くなっても、水平方向の長さがフレキシブル 上記のようにサイズ的にフレキシブルであっても、見た目の美しさを阻害しない ボタンの大きさ=クリックできるエリアの大きさ 画像がdiableされていても使用可 CSSがdisableされていても使用可 ボタンのように見えて実はただのリンクの時のもある これらの要求を解決してくれる方法が複数出
Cornerはライブラリ名から推測できるように画像の角を丸くするものです。Cornerには2種類あり、エフェクト付きで表示できるCornerと、エフェクトは付きませんが、4つの角を個別に丸くするかどうかを指定できるJustCornerがあります。Cornerは他のライブラリを使用しませんが、動作するブラウザは多少限定されます。<canvas>タグが利用できるブラウザかInternet Explorerでないと動作しません。未対応のブラウザでは、表示効果が反映されないだけで特にエラーが発生するわけではありません。指定した画像がそのまま表示されるだけです。Cornerでサポートしている動作ブラウザは以下のようになっています。 Internet Explorer 5.5以降/Firefox 1.5以降/Safari 2以降/Opera 9以降 CornerはこのURLにあるページからダウンロード
このウェブサイトは販売用です! desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています!
第5回 気分の問題 2007年7月27日 IT コメント: トラックバック (0) 何かのよしあしを判断する場合、実際の価値よりも気分の方が問題になることが多いものです。買おうとする自動車が安全かどうか判断しようとする場合、安全度を示す各種の数値も大事ですが、なんとなく感じられる車体の安全感の方が重視されるでしょう。飛行機事故に逢う確率よりも自動車事故に逢う確率の方がはるかに高くても、地上の方が安心感があるので飛行機の方が怖がられるものです。何かを買う場合、実際の値段よりも割安感が重視されることが多いようです。1杯1000円のコーヒーは高すぎると感じるでしょうが、パソコンが1万円ならば安いと感じられます。このように、実際の数値よりも気分の方が重要に感じられることは多いといえるでしょう。 セキュリティシステムの場合も安心感が重要です。ギザギザの多い鍵はいかにも安全そうに見えますし、記号を羅列
ソフトウエア設計に登場するパターンをまとめた「デザイン・パターン」について学びましょう。デザイン・パターンを使いこなせれば,複雑なプログラムを効率よく設計できます。今回は,既にあるものを使いまわすPrototype,抽象的にアルゴリズムを記述できるTemplate Method,強い依存性を断ち切るObserverの各パターンを紹介します。 前回は「デザイン・パターンとは何か」を学びました。設計上繰り返し登場する形をデザイン・パターンと呼びます。ごく簡単な例としてはforループがあります。はっきりと分類されたものとしては書籍『オブジェクト指向における再利用のためのデザインパターン』(ソフトバンク パブリッシング)が参考になります。 前回に取り上げたSingleton,Proxy,Iteratorの各パターンに続いて,今回は別のデザイン・パターンを考えてみましょう。Prototype,Tem
これまで2回続けてデザイン・パターンについて学んできました。今回は,重要なソフトウエア開発原理として知られるオープン・クローズ原則(OCP)の観点からデザイン・パターンを眺めてみましょう。単なる流用可能なソフトウエア・パターン以上の価値がデザイン・パターンに隠れていることが発見できるでしょう。 昔々,技術者たちは計算機などの機械を「金物」という意味でハードウエアと呼びました。さらに実体のないプログラムのことをソフトウエアと呼ぶようになりました。今ではハードウエアもソフトウエアもすっかりコンピュータ関連用語として定着してしまいましたが,元々は技術者間の俗語のようなものだったのです。 ソフトウエアと呼ぶからには「柔らかい」かというと,実際には柔軟性に乏しいものが多いです。規模の小さなものであれば,変更は簡単で柔らかい感じがありますが,ビジネスに用いられるような大規模ソフトウエアでは各部分の依存
あなたの知らない照明術 2007-01-16 今年初めのスゴ本に出会いました。寝る間を惜しんで長文エントリいきます。 頭がよくなる照明術 このサイトから -人 が購入しました 全体で -人 がクリック posted with amazlet on 07.01.16 結城 未来 PHP研究所 売り上げランキング: 5238 おすすめ度の平均: これで楽しく会社にいけるかな?!? 灯りは明るければよいと思っていました ふ〜ん、なるほどねぇ〜 Amazon.co.jp で詳細を見る もう、全ての人に読んでもらいたいです。 特に部屋の雰囲気を変えたいなと漠然と思っている方は今すぐ読むべきだと思います。 私はとくに何も考えずに読んだのですが、読後いてもたってもいられず24時間以内に間接照明器具を3つ揃え、照明リフォームを完了させていました。そしてリフォームの結果に大満足です。費用は約5000円。安い
Web 2.0 free buttons maker! - The program (Photoshop, hosting php-gd2) web2.0ボタンジェネレーター。 ブラウザ上でパラメータを設定して簡単にWeb2.0風ボタンが作れます。 サイト作成時にすばやく作りたい場合に便利ですね。 関連エントリ お好みのajax読み込み画像を作成するサービス
Corner.js Corner.js 1.0 allows you to add corners to images on your webpages. It uses unobtrusive javascript to keep your code clean. class属性指定で簡単に画像エフェクトをかけられる「Corner.js」。 classに courner や ishadow40 , inverse などの値を指定&組み合わせすることで次のように画像に簡単にエフェクトをかけられます。 javascriptファイルを読み込んで置くだけであとは class 名指定をするだけで画像にエフェクトをかけられるということでなかなか便利ですね。 ただし、IEでは使えないようなので注意が必要です。 関連エントリ 注目!Flashを応用してHTML&CSSだけでは通常作れない画像効果を得る「
こんにちは! 4月より、デザイナーとしてウノウの末席に加わらせていただくこととなりました。山崎と申します。 周囲が凄いエンジニアの方ばかりで、毎日チビりそうになりながら(?)仕事をしています。 いきなりのラボブログ当番で、さて何を書いたものやら、というところなのですが、このブログをご覧いただいている方々にはエンジニアさんが多いということで、「デザインはよくわからない」と苦手意識を持っている方も少なからずいらっしゃるはず。そんな「デザインとかようわからん」な方々に向けて、Webサイトの「デザイン」について、本当にベーシックな部分から少しずつ少しずつ解説してみようと思っています。 すでにガシガシWebデザインをやっている方々には物足りない、退屈な内容になってしまうかもしれませんが、どうぞよろしくお付き合いください。 というわけで今回は、「テキストを読みやすくする」です。 Flashだリッチコ
以前に「もう、class名やid名で悩まないんだからっ!!」というエントリーを書いたのだけど、自分がよう使うid名とclass名のまとめと、その辺の理由付けをしてみよーかなぁと思った。 後、idとclassの使い分け絡みもちょっと書くかも。 こーいう内容を書くと反応が怖かったりするけど、ソレもまた勉強なり。とか思って自分なりの今の考えを書いてみようと思います。 先に言っておきますが、コレから書く事が正解とかこう付けるべきって解釈はしない感じでお願いします。 コイツはこう考えてるんだ。くらいで読んでいただければ幸いです。えぇ。 全体を囲む際によく使うかなっていう系 #page idでコレをつける事が最近多いです。 wrapperとかwrapを使わないのは、脳内がサランラップに犯されているからっていうやる気の無い理由もありますが、「このサイトのこのページ。」なんだからpageがしっくり来たなぁ
■5-2 It just doesn’t matter(それは重要ではない) 偉大なデザイナーとは特別なスキルを持っている人間というわけではない、ただ一つ、「何が重要でない要素かという事を決定できる人間である。」 Campfire(※注:グループチャットソフトウェア)を作成した時以下の様な質問を受けた。 「なぜ、時間表示が5分おきなのか?タイムラインに従って正確に表示するべきでないか?」 「なぜ、ボールドやイタリック、あるいは色文字が使えないのか?」 「チャットルームに居るメンバー数を表示しないのか?」 Answer1. 1分おきに時間を確認したり気にする人など居ない。5分おきで十分。 Answer2. 強調したいことがあればCAPSLOCKで大文字を使うなどすればいい。 Answer3. せいぜい15,6人のユーザーを想定している。その程度なら、数字を見なくてもわかるはずだ。 ■5-3
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい25のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 CSSを使うものだけでなく、JavaScript や PHP も絡んでくるものもありますが、サンプルを改変することで設置をすることも出来るはずです。 バブルツー
This is the blog of Adam Kalsey. Unusual depth and complexity. Rich, full body with a hint of nutty earthiness. Call it a badge, sticker, button, or whatever you'd like. Create yours below. Pick some colors, enter some text, and you'll get a button you can download for your site. Like the button maker? Donate to a local children's charity or Child Welfare League of America in memory of Bill Zeller
一見タブブラウザが頭によぎる名前だが、この prototype.js ベースの JavaScript ライブラリが熱い。というか、「デモ」の「Tab Box」にいきなり感動した!長い間 cool なタブ表示ツールを探していたけど、ようやく自分の要求を満たすものに出会えた気がする。 ● 要求 というのも、タブ表示というか、見栄え系のJS(or CSS)には妙な拘りがあるのだ。その自分ルールは、スロットの4号機のサブ基盤制約に非常に似ていて あれば見た目が綺麗になる (演出が楽しい) 外してもちゃんと動く (メイン基盤へ影響を与えない) という存在であるべきである、という点。当然ながら、JS でゴリゴリやればできるのはわかってるし、CSSだけでもある程度はいけるのだが、ハートを掴むものはこれまでなかった。よくあるのは、タブとコンテンツが離れていたり、事前にタブのエレメントIDを JS で登録し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く