jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works. Example Usage and Samples: // Sample 1 $.jGrowl("Hello world!"); // Sample 2 $.jGrowl("Stick this!", { sticky: true }); // Sample 3 $.jGrowl("A message with a header", { header: 'Important' }); // Sample 4 $.jGrowl("A message that will live a little longer.", { life:
We've updated the super awesome buttons demo to include the button element and Mozilla box shadows. Check it out! **We love CSS at ZURB.** We love it so much that we're using the new, yet-to-be released version (CSS3) in some of our projects. In the works for nearly 10 years now, CSS3 is finally starting to see the light at the end of the tunnel as new browsers like Firefox and Safari continue to
Hidden Pixels - CSS Frameworks CSSフレームワークがまとまっていたので紹介。 CSSフレームワークを使えば、ブラウザ間のCSSの差異吸収や、ブロックレイアウトが簡単になって便利、ですが沢山ありますね。 Elements CSS Frameworks YUI Grids CSS YAML CSS Framework Blueprint CSS Schema Web Design Framework CleverCSS Tripoli CSS Framework ESWAT Web Project Framework Boilerplate CSS Framework WYMstyle CSS Framework That Standards Guy CSS Framework 960 Grid System Emastic CSS Framework これだけ
DoCoMo,EZweb,Softbankを共通の外部CSSファイルからスタイルを反映させるモジュールを作りました。 http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/ 3キャリア間での変換の必要性 DoCoMoでは外部CSSを参照できずインラインのみの対応となっています。 DoCoMoのインライン化についてはid:tokuhiromさんの作成したHTML::DoCoMoCSSこちらで対応が可能なのですが、3キャリア間で共通のCSSを参照するとなると属性の指定方法に微妙な差異が問題となります。 例えば小さいフォントを表示したい時は、 DoCoMo --- font-size:xx-small EZweb --- font-size:10px Softbank --- font-size:smallと属性の値が異なります。 hrタグ
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん(以下、けんすうさん)から :HOWTOサイトをつくりたいからデザインを依頼したい! ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる!?合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時
日本は、全体として「規範意識」の強い社会であると思う。それがいいほうに作用すれば、「犯罪が少ない」「電車も宅配便も時間通り来る」「約束を守る」「信頼できる」ということにもなるし、それは日本人のいいところだと思う。でもそれは、規範から外れてしまった人にとっては厳しい社会であるために、そうならないように皆必死になっている、という言い方もできる。 規範から外れた人に厳しいのは必ずしも悪いことではないし、そのいいところを失ってほしくはないのだけれど、何事もバランスとか時と場合とかいうものがある。前回のエントリーなどにも書いた、「学校で困難をかかえている子供」のようなケースに関しては、そろそろちょっとばかりバランスを変えてくれてもいいのでは、と思う。 たまたま、私はこうして堂々と子供の問題について書いているので、周囲の在米日本人で「普通の基準を外れてしまった」子供を持つ方の話がものすごくたくさんはい
恵比寿で開催されたJJUG主催のナイトセミナー「アマゾンEC2 ナイトセミナ 第2回」に参加してきました。 目的は、モバツイッターの中の人である、えふしんさんによる、モバツイをEC2へ移行した話が聞きたかったのと、ついでにご挨拶したかったので早々と仕事を切り上げて行ってきました。 参考: F's Garage @fshin2000 :そろそろモバツイがEC2に移転した話でも書くとするか。 現在のサービスの状況やシステム構成、自宅サーバ運用の限界点など、裏側の話が特に興味深かった!面白かったです。 せっかくメモをとったので、ここに残しておきます。 究極のスモールスタート 自宅サーバからEC2へ 講演者 藤川真一(えふしん)さん (株)paperboy&co. ECコミュニティ事業部 ペパボはGMOインターネットグループ、レンタルサーバ(lolipop)、ブログ(JUGEM)などが有名 カラメ
フォーカスが当たっていない時に、入力域にヒントが表示されるテキストボックスを作るのは、意外とやっかいです。 [HTML] <input type="text" id="text" name="text" value="" title="ヌヌヌー" /> [JavaScript] $(document).ready(function(){ $('#text') .blur(function(){ var $$=$(this); if($$.val()=='' || $$.val()==$$.attr('title')){ $$.css('color', '#999') .val($$.attr('title')); } }) .focus(function(){ var $$=$(this); if($$.val()==$$.attr('title')){ $(this).css('colo
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル
・天然石アクセサリーショップ ・FKM Search ・ネットショップノウハウ ・FKM.WEB(WEB制作) ・ふくみみ猫と戯るる ・FKM PHOTO DL フリー写真 ・猫まち!-携帯待受- ・猫ふり!-写真素材- ・猫と晩酌 ・NO! Scales計量カップレシピ ・西の猫はキャンプ好き ・ドリーマンのスピニング・トーホールド 【PR】 国内最大エリアのインターネット回線。「フレッツ」 【PR】 【PR】 プライベートキャンプ場 始めました! 九州の里山で プライベートキャンプ場 始めました! 川あり山あり民家なしの 完璧な環境! YouTubeチャンネルにて 公開中! 【YouTubeチャンネル】 WEB制作 をする上で、避けて通れないのが「サイトデザイン」です。サイトの内容は決まっていても、どのようなイメージで、何色を基調にサイトを作るか。これが決まらないと先に進めません
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
ちょっとページング処理を入れる必要が出てきて、PEAR::PagerでもいいんだけどCakeのinclude_pathってPEARと相性悪いのでさてさてどうしようと思ってぐぐったらtoyosystem | CakePHP::Pagenation(ページャ、ページング処理)という記事が出てきて、paginationコンポーネント、ヘルパー、エレメントを指定の場所に置いてテケテケっとするとページングが出来るという内容で、「私が探し求めていたのはまさにこれだ!」というわけで速攻で使ったのですが、すべて実装が終わったあとにPaginatorの使い方。CakePHP1.2 – CPA-LABテクニカルなどというエントリを発見。1.2からはpager内蔵らしいです。 使い方は内蔵されてる分paginationよりさらに簡単。 controllerはこんな感じ。5件ずつ表示したい。 function i
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
Can you believe this: Few days ago I went to my bank to check my credit score with the Credit Bureau. The bank official typed in my personal data and sent a request. Web application responded by displaying a yellow message box with an exclamation icon saying that data processing is still in progress. He checked several more times, but he didn't notice that at one moment the message changed to "Acc
今回は、文字コードに関連するセキュリティの話題では古参ともいえるUTF-8の冗長なエンコードというテーマについて紹介します。 UTF-8とは UTF-8は、各文字を1~4バイトの可変長で表現するUnicodeの符号化方式のひとつです。 U+0000からU+007Fの範囲の文字を0x00から0x7Fの1バイトで表現しているため、US-ASCIIと互換性がある、バイト列の途中からでも文字の先頭バイトを簡単に検出できる、多バイト文字の途中に0x00や0x5C(\)、0x2F(/)などが現れない、などの特徴があります。 UTF-8での文字のビットパターンは表1のようになります。 表1 UTF-8でのビットパターン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く