ウェブの画面設計に使えるまとめ - DesignWalker
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
Bright! - a free icon set | Min Tran's weblog
Bright! - a free icon set Posted by Min Tran on 15 May 2008. 228 comments At Frexy, we really love icon design. In the past few months, me and Vu Tran have worked on an icon set called “Bright!”, and today, we happily release Bright! as a freebie for you. Brief description Bright! is a crisp, sharp and beautiful set of 148 hand-crafted icons in vector format, ideally for both web and print work. Y
【ハウツー】ゼロからはじめるInkscape - Illustratorライクな無料ドローツール (1) Inkscapeの概要 | パソコン | マイコミジャーナル
Inkscapeとは Inkscapeは無料で使える「ベクトル画像編集ツール」です。「ベクトル画像」とは、点や線や色などのデータを数値で記録している画像のことで、拡大縮小しても画像劣化がないというメリットがあります。プロのデザイナーやイラストレーターが使うことで知られているアドビシステムズの「Illustrator」も、ベクトル画像を扱えるソフトのひとつ。Inkscapeは、無料で使える簡易版Illustratorだと思ってください(多少の語弊はありますが)。ちなみに、ベクトル画像に対して、デジカメ写真などピクセル(画素)で構成された画像のことを「ラスタ画像」と呼ぶこともあります。 ベクトル画像を編集可能な無料のドローツール「Inkscape」 Inkscapeは、イラストやロゴの作成に向いています。Photoshopなどのレタッチ(写真加工)ソフトでは拡大すると画質が劣化しますが、Ink
便利なＣＳＳテクニック３０選:phpspot開発日誌
30 Exceptional CSS Techniques and Examples | Six Revisions In this article, I’ve pieced together 30 excellent CSS techniques and examples 便利なＣＳＳテクニック３０選ということでエントリがまとまっていたので紹介。 特に気になったものを以下にまとめました。 Hoverbox Image Gallery - 画像ギャラリー上でマウスホバー時に画像拡大 デモはこちら CSS Photo Zoom - 文書に添付の画像にカーソルを合わせると画像拡大。テキスト位置も自動調整 デモはこちら whatever: hover - windowsのスタートメニュー風の階層メニュー デモはこちら Content Overlay with CSS - オーバーレイでdescr
HugeDomains.com
Captcha security check 440design.com is for sale Please prove you're not a robot View Price Processing
オンラインショップのための無料で使えるクレジットカードアイコン集『Free Credit Card Icons For Online-Shops』 – creamu
Design オンラインショップのための無料で使えるクレジットカードアイコン集『Free Credit Card Icons For Online-Shops』 クレジットカードのアイコンを使いたい。 そんなあなたにおすすめなのが、『Free Credit Card Icons For Online-Shops』。オンラインショップのための無料で使えるクレジットカードアイコン集だ。 以下にご紹介。 » PayPal Online Logo Center 3タイプのグラフィックを提供。 » Free Credit Card Logos & Images 75種類のクレジットカードロゴを提供。 » VirtuaLNK Credit Card Icons 3Dのアイコンセット。↑のキャプチャはこちら。 » Images Of Credit Cards 様々なサイズでアイコンを提供。 » Kjel
ウノウラボ Unoh Labs: 携帯サイト作成のためにも使えるPHPのライブラリ
harukiです。 携帯サイト作成の際に使えるPHPのライブラリを知っているだけ羅列してみます。 Net_UserAgent_Mobile 基本となるライブラリです。機種判定など、様々な用途に使用します。 細かい情報については、スクレイピングなどをしたりして自前で用意する必要があります。 PEAR::Mail メールの送信に使用できます。 特殊な送信の際は、Mail::factory()にsmtpで使用することになりますが、キャリアの迷惑メールの設定にも気をつける必要があります。 Mail_mime_Decomail (Y-110's Wiki) Mail_mimeと同じ使い方で、デコメール送信用にMIMEを組み立てることができるのでとても便利です。 Mail_mimeDecode 空メール・エラーメールなどを受け取って解析する際に使用します。 解析の際には、Mail_RFC822:
検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design | コリス
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
様々なベクターデータやデザインに役立つ素材を配布する「Dezignus.com」
TOP > Design , vector > 様々なベクターデータやデザインに役立つ素材を配布する「Dezignus.com」 デザインする上で、一から作る手間を大幅に短縮してくれるベクターデータや素材たち、うまく使えば非常に便利で作業時間も大幅に短縮できます。今日紹介する「Dezignus.com」は様々なジャンルのベクターデータや素材を紹介しているblogです。 ベクターデータのクリップアートからphotoshopのpsd素材、アイコンと様々な種類のデータが集められています。いくつか下記にピックアップしてみたのでご覧ください。 詳しくは以下 ■古びた世界地図 World Map Format: JPEG 7200×6296 ■家電 Kitchen Equipment Format: eps ■ノートの切れ端のベクターデータ Free Paper Vectors Format:
フリーの紙や布のテクスチャ素材のリンク集 | コリス
フリーで配布されている、紙や布のテクスチャ素材のリンク集です。 12 Pixey Hi-Res Papier Scans JPEG Set 01- Stock Images JPEG [ad#ad-2
Free Vector Art - Download Free Vector Art Graphics at Vecteezy!
notifications-menu#getMarketingNotifications:once click->ez-drop-down#handleSubMenuClick click->notifications-menu#menuClick" data-notifications-menu-target="menuButton">
無料で利用できるフォントがダウンロードできる「Open Font Library」
無料のクリップアートを山ほどダウンロードできる「Open Clip Art Library」の姉妹プロジェクトで、パブリックドメインで利用できる無料フォントを集めるプロジェクト、それが「Open Font Library」です。置いてあるフォントはすべて無料でダウンロードして利用可能となっています。 詳細は以下から。 Open Font Library Type Casting. http://www.openfontlibrary.org/ フォントの一覧は以下から見ることができます。 Open Font Library Fonts フォント名をクリックするとこのように、実際のサンプルを見ることができます あとは「ttf」と書いてあるボタンをクリックすれば、フォントファイルをダウンロードすることが可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透過をきれいに使ったウェブデザインいろいろ - DesignWalker
ロゴ・テンプレートを活用しよう - DesignWalker
わかばマークのMacの備忘録 : Inkscape
Designers Toolbox: OS Form Elements
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳
not found