イケてる携帯サイトのデザインを一堂に集めたサイト | ライフハッカー・ジャパン
ライフハッカーみたいなサイトを運営していると、各所からさまざまなプレッシャーをかけられるんです。 たとえば、社長から携帯サイト化しろだとか、もしくは社長から携帯サイト化しろだとか、はたまた社長から携帯サイト化しろだとか...。ま、こうなると、「やったことないしなー」とか、「お金かかるし...」とか、「ぶっちゃけ面倒」などという「いいわけ」をグッと押し込み、形だけでも進めている素振りを見せなきゃいけないわけですな。でも、経験がないから、どこから手をつけて良いのやら、さっぱりわからない。そんなときに、とっても役立つサイトが「モバイルデザインアーカイブ」なんです。 アーカイブされているのは、その名の通り、各種企業の携帯サイトのデザインばかり。BMWやH＆Mなど、超有名企業の超優良デザインを山ほど閲覧できちゃうわけですよ。さらに便利なのは、一部のサイトだけですが、実際にPC上で体験できること。3G
ウェブサイトでやってしまいがちなユーザビリティのミス
ウェブサイトでやってしまいがちなユーザビリティの9つのミスをSmashing Magazineから紹介します。 9 Common Usability Mistakes In Web Design 下記は、その意訳です。 1. クリックできるエリアが小さい リンクのクリックできるエリアが小さいと、ユーザーはクリックするのが非常に困難です。 解決方法 リンク箇所にpaddingなどを設けて、クリックできるエリアを大きくします。 2. 間違った目的のためのページネーション ページネーションは、内容を複数のページに分ける時に使用します。 しかし、最近ページビューを増やす目的でページネーションを設置しているサイトがあります。これには問題点が2つあります。 一つ目は、1つのコンテンツを読むのにページをロードしなくてはならないこと。二つ目は、SEOと関係があります。ページのインデックス付けを行う際、ペー
ロゴ画像の“データがない！”を一瞬で救う超便利ツール (1/2)
Webサイトのロゴを作る時は、Photoshopのようなビットマップデータではなく、Illustratorで扱うようなベクターデータのほうが何かと便利だ。画質を落とさずに拡大縮小をはじめとするさまざまな加工ができるし、印刷物などWeb以外の用途にも流用が利く。実際、多くの方はそうしているだろう。 ところが、これが他人から指定されたロゴを使う場合はそうはいかない。「ビットマップデータしかない」、あるいは「名刺や封筒に印刷されたものしか残っていない」なんてケースもざら。やむを得ず、名刺をスキャンして下絵にして、Illustratorを使ってトレースして……といったステップを踏むことになると、時間も手間もかかって面倒だ。 そこで活用したいのが、ビットマップ画像をベクター画像に変換してくれる自動トレース機能。たとえば、CS2以降のIllustratorには、「ライブトレース」という機能が搭載されて
Mozilla Re-Mix: Firefoxの見た目を地味にカスタマイズできる１３個のユーザースタイル
Firefoxに、アドオン「Stylish」をインストールされている方は、サイト個別だけでなく、Firefoxのインターフェース自体をカスタマイズされている方も多いでしょう。 今回は、そんなFirefoxのユーザースタイルを地味にかっこよくしてくれるユーザースタイルをいくつか集めてみました。 以下にご紹介するスクリプトは、Firefoxにアドオン「Stylish」がインストールされていることを前提としています。 まだ、Stylishをご利用でない方は、まずアドオンをインストールした上で、各スクリプトのページ内にある[Load into Stylish]ボタンをクリックし、表示されたダイアログで[保存]ボタンをクリックすれば即座に適用されます。 １．Autohide Dropmarkers ツールバー各ボタンに表示されている、▼マークを普段は非表示にし、マウスをポイントした時だけ表示するよう
[JS]複数のレイヤーをずらして動かし立体感を与えるスクリプト -mParallax
ユーザーのマウス操作にあわせて、複数のレイヤーをずらして動かし、パララックス（視差）効果を与えるスクリプト「mParallax」を紹介します。
ノートやメモ、札、テープ、クリップなど紙関連の素材いろいろ
ノートやメモ、札、テープ、クリップなど紙関連の素材をPSD FANから紹介します。 Freebies: Grunge Essentials Pack 8 Free High-Res Card and
写真をイラスト化してくれる「BeFunky」がパワーアップ！ | ライフハッカー・ジャパン
いつの間にやら、さらにベンリになっておりました。 昨年ご紹介した、サクッとアーティスト気分を満喫できるWebツール「Befunky」。アップロードして、チョチョいとマウス操作をするだけで、どんなにつまらない写真でも、ユニークな作品にブラッシュアップすることができます。それがインターフェイスを一新。さらに多くの処理をこなせるようになりました。 種類が増えた画像処理はさることながら、特に注目は新設された「Goodies」ツールバー。多彩なフレームやオブジェクトが用意され、ちょっとしたパワーポイントとして使うことができちゃいます（吹き出しの種類の多さはパワポ以上！）。テキストを自由に入力することも可能ですが、こちらは残念ながら英語のみ。日本語にも対応してくれたら、鬼に金棒なんですが。 もちろん出来た作品は、ローカルにダウンロードして保存可能。サイトの署名が脇に書き足されますが、それはうまいことお
マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
こんにちは。 livedoor Blogを担当しています石野と申します。 前職はマークアップエンジニア(HTMLコーダー)をしていました。 今回はその経験を踏まえ、ディレクターとして把握しておいた方が良いHTML/CSS関連のお話をご紹介しようと思います。 昨年からHTML5、CSS3、そしてInternet Explorer(以下IE)8のベータ2版発表と、バージョンアップに関するニュースが相次ぎました。 その違いを認識する上でも、また制作サイドのディレクションに活かす上でも本エントリーを参考にしてください。 ▼ 構成 (1) HTML - 文書型について (2) HTML+CSS - クロスブラウザについて (1) 文書型について - ファイルの先頭に陣取っている「DOCTYPE」とは何か？ HTMLソースを開くと、こういった記述を目にしませんか？ !DOCTYPE html PUBL
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/02/ps-action.html
HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
iPhone風アイコンの超カンタンな作り方2つ教えます。 – 和洋風KAI
「懐ゲー」をイマドキ風にアレンジしたスゴイ壁紙 | ライフハッカー・ジャパン
http://www.designwalker.com/2009/02/gimp-plugins.html
