イーバンク銀行のサイトを左右反転したら、三井住友銀行になった - Feel Like A Fallinstar
しばらく前から気づいてはいたのですが、改めて見てみて・・・・うーむ、これはさすがにやりすぎじゃないかって思います。 さすが楽天というか、もうなんというか。 ■まずは全体を比べてみる 上がイーバンク、下がSMBCです。 うーむ、綺麗左右対称・・・ せっかくなので、イーバンクの左カラムと右カラムを入れ替えてみます。 だいぶ似てきました。 ついで、色を緑色にし、バナーをSMBCのものにしてみます。 ・・・・・（汗 ・・・・ まぁ、デザインの質が違うので区別がつく人は居ると思うんですが。 どうかと思います、ほんと。 ■（おまけ）エリアごとに見てみます 全部左がイーバンク、右がSMBCです。 まずは大メニュー。 三井住友銀行のほうがすっきりしているくらいでしょうか、違いは。 ※項目自体が違うのは、サービスが違うので無視してください・・・ 次がキャンペーンエリア でもって商品一覧 小さなアイコ
PNG最適化テクニック | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Sergey Chikuyonok氏がSmashing Magazineにおいて「Clever PNG Optimization Techniques」のタイトルのもと、PNG画像を最適化するためのいくつかのテクニックを紹介している。このテクニックは、PNGエンコーダがどのようにデータを保存するかを調査することで得られたテクニックだと説明されている。 記事の中でSergey Chikuyonok氏は、まず、PNGで導入された機能のうち、特に次の2つを理解しておくことが重要だと説明。 スキャンラインフィルタリング (データフィルタ) ピクセルのカラーを別のピクセルから得る方法。全ピクセルにカラー情報を持た
ウノウラボ Unoh Labs: iモードブラウザ 2.0まとめ
こんばんは、五十川です。 ご存知の通り、5月以降に発売開始されたNTTドコモの携帯電話の殆どには、新しいiモードブラウザ 2.0が搭載されています。iモードブラウザの大幅な仕様の拡張はi-XHTMLの登場以来ということになりますが、iモードの登場から10年経って登場した新しいブラウザは、i-XHTMLのときよりも遥かに大きな、過去最大の変化を遂げています。 iモードブラウザ 2.0の詳細は、ドコモ公式のiモードブラウザ 2.0にまとめられています。以下では主要な変更点を確認していこうと思います。 キャッシュ容量拡大 1画面あたり読み込めるデータの最大量が、従来の100Kバイトから500Kバイトに、大幅に拡大されました。ご存知の通りiモードの場合この値は、画像などの外部リソースもすべてひっくるめた値ですが、iモードブラウザ 2.0では、新たにCSSファイルやJavaScriptファイルも外部
和文と欧文の間に半角スペースを入れるか | Okumura's Blog
Moodleのフォーラムで英単語の前後に空白をという提案がされている。「Moodleは」より「Moodle は」のほうが読みやすいから半角スペースを入れようということである。 もともと和文とプロポーショナル欧文の間には，テキストの段階では何も入れなくても，組版の段階で四分アキ（全角の1/4の幅の空白）を入れる習慣があり，先日出たW3Cの Requirements for Japanese Text Layout（日本語組版処理の要件）の3.2.6のdにもそう書いてある。日本語のブラウザがこれに対応してくれれば余分のスペースを入れる必要がなくなるのだが。 もっとも，「四分アキ」もだんだん狭くなってきて，最近の雑誌類ではほとんど入れていないように見える。スタイルシートで調節ができるのがベストかも。
Adobe® BrowserLab
Adobe BrowserLab requires Adobe Flash Player version 10.0.0 or higher and Javascript enabled in your browser. Click the button below to download and install the latest version of Flash Player now Adobe BrowserLab An easier, faster solution for cross-browser testing Preview and test your webpages on leading browsers and operating systems - on demand. Adobe BrowserLab makes it easier and faster t
かっこいいホームページ :: デイリーポータルZ
かっこいいとはどういうことか その定義すらわからぬまま、僕たちはかっこいいものに惹かれてきました ここでは「かっこいい」にこだわり続ける写真家６人に、それぞれの思うかっこよさを表現してもらいます かっこいいとはどういうことか 人類最大の疑問に今、答えが見つかるかもしれません
Collection & Copy - 上下左右の中央にボックスを配置する
(via Subtech Watchlist - typester) Collection & Copy - 上下左右中央の件、改善、補足コメント頂き、改善、補足を書きました。 CSS vertical center using float and clear 上記、CSSで上下左右の中央にボックスを配置するページを読みました。要約すると以下のHTMLになるようです(必要なものも削っちゃったかも)。ポイントとなるスタイルシート設定にコメントを入れました。 CSS、きっと分かってる人には、あったりまえなんだろうなぁ。「float:left」と「clear:left」がペアで対応してるんですね。あと、marginのautoはIEで、うまく動かないのか。余白用のブロック(distance)は、まず画面の縦半分の長さで空間を確保し、本文のブロックの半分のサイズだけマージンを減らして、ちょうどよい
Patterns Behind the Yahoo! Home Page Beta
YUI Blog Development Patterns Behind the Yahoo! Home Page Beta Patterns Behind the Yahoo! Home Page Beta The yahoo.com home page team has been very busy over the last few months testing the new home page to create a richer experience for our users. There are many challenges to changing any home page. Just imagine the challenges with changing the most trafficked home page on the entire web! One of
AutoComplete, Windowing, Menu and More: A Second Beta Release for the YUI Library
YUI Blog Development AutoComplete, Windowing, Menu and More: A Second Beta Release for the YUI Library AutoComplete, Windowing, Menu and More: A Second Beta Release for the YUI Library I’m very happy to announce today a whole bunch of new stuff in both the Yahoo! Design Patterns Library and the Yahoo! User Interface Library. On the design side, there are more than a dozen new patterns (as well as
画像やページをLightBox風に表示できるThickbox:phpspot開発日誌
Thickbox - One box to rule them all. Thickboxを使えば簡単に画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示できます。 画像の場合 必要なCSSファイルとJavaScriptファイルをインクルードした上で、次のように画像タグを<a>タグで囲います。 <a>タグには class="thickbox" を指定し、title属性に画像の説明文を入れます。 <a href="images/image2.jpg" title="画像と一緒に表示させたい文字列" class="thickbox"><img src="images/image2_t.jpg" alt="Image 2"/></a> たったこれだけで、次のようにLightBox風に画像を開くことが出来ます。 titleで指定した説明文が画像の下に入ってます。 次にHTML
角丸ライブラリ - tikeda::Diary:
最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01：小さ目な角丸 02：大き目な角丸 03：斜線の角丸（背景画像をループ） 04：ストライプの角丸（背景画像をループ） 05：木模様の角丸（背景画像をループ） 06：リボンのついた角丸（背景画像を固定） 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLとCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
アクセシビリティTIPS（カラー編） 色のバリアフリー度をチェック - ［ホームページ集客の方法］All About
色のバリアフリー 正常に色が認識できる人にとっては何でもない配色でも、色覚障碍を持つ人にとっては非常に見難い場合があります。私たちの日常生活において、情報伝達の手段に色を使うことは頻繁にありますので、特定の色が見え難い人もいるという配慮は常にしておきたいものです。例えば、印刷物や野立て看板、プレゼンテーション資料などもそうですし、極端な話、交通標識にその配慮がなければ命に関わります。 ウェブページでも同じ事です。少し前までは、PDAや携帯ではモノクロも多くありましたが、現在はほとんどがカラー対応になっていますので、情報伝達における「色覚バリアフリー」への配慮は常に意識しておきたいものです。 色覚障碍そのものについては、専門家の方にお譲りしますが、ウェブサイトの構築時には少なくとも「誰にでも見易い配色」を意識しておかないと、思わぬ機会損失に繋がりかねません。色の組み合わせによっては、色覚障碍
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBデザイナーはヘビーユース間違い無しのカラーパレットジェネレーター「Color Scheme Designer」 | ライフハッカー・ジャパン
https://heteml.jp/mba/
http://gerenuk.crazyphoto.org/2009/06/25/873/
UNIQLO CALENDAR
Dynamic Drive CSS Library- Practical CSS codes and examples
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML CSSガイドライン作り [1]