jQueryを使ったブラウザ分岐 | A Day in the Life
April 18, 2009 Windows IE6/7はフォントをpx(ピクセル)指定すると文字のサイズが拡大出来ません。そのため今まではIEでフォントサイズを拡大出来るようにするため次のようにハックを使っていました。 body { font-size: 100%; } * html body { font-size: 82%; } /* for win ie6 */ *:first-child+html { font-size: 82%; } /* for win ie 7 */ html>/**/body { font-size: 13px; } /* for modern browser */ ところがWIndows IE8がリリースされ、このブラウザも当然のごとくピクセル指定のフォントで文字サイズが変更出来ません。IE7からはページズーム機能が備わっているし、Firefoxも3か
Geekなぺーじ : Google Public DNSについて調べてみた
Google Public DNSが発表されていました。 「Official Google Blog: Introducing Google Public DNS」 本当は書籍執筆〆切に追われていて首が回ってないはずなのですが、あまりに面白そうなので思わず調べてしまいました。 これって、DNSキャッシュのクラウド化なのだろうと思います。 利点は？ 利点は「パフォーマンス向上」と「セキュリティ向上」の２つがあるようです。 パフォーマンス Performance Benefits http://code.google.com/intl/ja/speed/public-dns/docs/performance.html 原稿〆切がヤバくて、ざっと流し読みをしただけなのであまり自信がありませんが、どうも世界規模で運用して、世界的にQueryが多い所を優先的にキャッシュ更新しておくので、非常に効率が
jQueryでバリデーション付きメールフォームを作ろう (1/3)
今回はjQueryを使って、「問い合わせフォーム」にバリデーション（検証）機能を付ける方法を解説します。入力漏れや入力ミスがないか、サーバーへ送信する前に、クライアント側であらかじめ簡易的な検証を済ませることで、フォームのユーザビリティを高められます。今回のサンプルでは特に、入力漏れやミスのあった項目を分かりやすくユーザーに示すように工夫しています。 バリデーションルールをclass属性で設定 「問い合わせフォーム」のサンプルとして、以下のようなWebページを作成します。バリデーション機能としては、必須項目の「お名前」「性別」「どこでこのサイトを知りましたか？」「お問い合わせ内容」が入力されているか、「郵便番号」が数値で入力されているか、「メールアドレス」がメールアドレスの書式になっているか、「メールアドレス」と「メールアドレス（確認）」に入力されたテキストが同じか――をチェックします。
Webのバグを燃やしまくるFirebugと、そのアドオン7選
Webのバグを燃やしまくるFirebugと、そのアドオン7選：ユカイ、ツーカイ、カイハツ環境！（10）（1/3 ページ） 高度化するWebのデバッグに悩む人、必見！ 近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛躍的に向上してきました。 一方で、開発者／デザイナにとっては複雑化するWebアプリケーションのデバッグが悩みの種となってきています。そんなときにお勧めなのが、Firefox上で動作するアドオン「Firebug」です。これを利用すれば、デバッグがかなり効率的に行えます。 本稿では、Firefoxのアドオンとして利用するFirebugと、
CSSグラデーションのちょっとしたテクニック #1
リリースを間近にひかえたFirefox 3.6で対応されるので、そこかしこで取り上げられているCSSによるグラデーション。基本的な書き方はIntroducing CSS Gradientsやcss gradients in Firefox 3.6を始めとして腐る程あるのですっ飛ばすとして、実際にボタン等で利用する時にどうすれば簡単に書けそうかということをちょっと考えてみようとかいう話。勢いで#1とかつけてしまった……。 button要素にCSSによるグラデーションをかけるには以下のように書くことになる。 button { background-image: linear-gradient(top, rgb(204, 204, 204), rgb(102, 102, 102)); background-image: -moz-linear-gradient(top, rgb(204, 204
インテリアに圧倒的に一人勝ちし快適な住空間を手に入れるための7つステップ
都会に暮らしているとそれはもう部屋が狭いケースは圧倒的に多い。その上、やらなければいけない仕事、読まなければならない本、見なければいけない映画、食べなければいけない食べ物の集積などで、部屋の中には物が溢れ出してくる。それはもう、あっという間に溢れ出してくる。結果、ただでさえ狭い部屋が以前にも増して狭くなり、とてもではないが気持ち良い部屋とは言えなくなる。快適空間からはほど遠くなる。家に帰りたくなくなる。ましてや友だちを呼ぶなどとはもってのほかだ。 そういう状況を何とか打破したい。1日のうち実に約50％の12時間を過ごすと言われ、その結果人生において欠かすことのできない「自分の部屋」というものを、何とか快適にして、人生そのものも快適にしたい。そういう人たちにおくる、インテリアに圧倒的に一人勝ちして、快適な住空間を手に入れ、人生までをも快適にしてしまおうという7つのステップが、以下に紹介するT
基本は『三段構成』――今さら聞けないビジネスメールの書き方 - はてなニュース
メールのやり取りなしにビジネスをするのは難しい時代になりましたが、ビジネスメールの書き方に自信が無いという人も多いと思います。そこで今回は、ネット上のビジネスメール記事を参考にしながら、ビジネスメールの書き方の基本について簡単に確認してみましょう。 さて、一口にビジネスメールと言っても、「相手に自分から送信するのか、返信するのか」、「社内向けか、社外向けか」、「初めての相手か、二度目以降なのか」など、状況に応じて様々な書き方が存在します。とりあえずここでは、最もフォーマルな書き方が要求される「社外」の「初めての相手」に向かって「送信」するという状況を想定して紹介します。 さて、ビジネスメールは、基本的に以下のような3つのブロックによって文章が構成されます。 1. 前文 2. 本文 3. 末文 前文では「相手への挨拶とメールを送った目的の説明」、本文では「メールの用件の具体的内容」、末文では
やってしまいがちなユーザビリティのミスとその解決方法
ユーザビリティでやってしまいがちなミスや見落とされがちな10の罪とその解決方法をLINE25から紹介します。 10 Usability Crimes You Really Shouldn't Commit 下記は、やってしまいがちなユーザビリティの10のミスとその解決方法を意訳したものです。 はじめに 1. ラベルがないフォーム 2. トップページにリンクしないロゴ 3. 訪問済みリンクの指定がない 4. アクティブなフィールドが明示されない 5. altの記述がない画像 6. 背景色がない背景画像 7. 長い長いテキスト 8. 下線付きだがリンクではない 9. ココをクリック 10. 均等割付「justified」の使用 はじめに ここで紹介している10のユーザビリティのポイントは、ありがちなミスだったり見落とされがちなものを集めました。 あなたのウェブサイトのユーザビリティを拡張する手
Photoshop初心者でもわかりやすい、グラデーションを巧みに使用したタイポグラフィ
光源とグラデーションを巧みに使用したタイポグラフィを作成するPhotoshopのチュートリアルをSix Revisionsから紹介します。 真ん中の上部に繊細な光源を設定し、テキストにはレイヤースタイルで「グラデーションオーバーレイ」と「ドロップシャドウ」を適用しています。 チュートリアルの説明は英語ですが、各ステップごとにPhotoshopのキャプチャが添えてあるため初心者の人でも実践できると思います。
グリッドベースの美しいサイトをコレクション -Grid Base Designs | コリス
国籍に関係なく、グリッドベースの美しいウェブサイトをコレクションしている「Grid Base Designs」を紹介します。 Grid Base Designs サイトのローンチは2009年11月で1ヵ月少々ですが、登録されているサイトはけっこう多いです。 サムネイルでみると、特にタイポグラフィとグラフィックの美しさに惹かれます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
かすれた感じのグランジのラインを描くPhotoshopのブラシ素材