デザインは8の倍数でできているの画像ホームピグアメブロ芸能人ブログ人気ブログ新規登録ログイン1 pixel｜サイバーエージェント公式クリエイターズブログデザインは8の倍数でできている2014/05/07 画像一覧へ
デザインは8の倍数でできているの画像
デザインは8の倍数でできているの画像ホームピグアメブロ芸能人ブログ人気ブログ新規登録ログイン1 pixel｜サイバーエージェント公式クリエイターズブログデザインは8の倍数でできている2014/05/07 画像一覧へ
ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js」:phpspot開発日誌
equalize.js ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js」 $('#height-example').equalize(); などとすれば、幅や高さを瞬時に揃えることが出来ます。 ↓こんな感じに↓ 高さだけではなくて、 ↓幅も同様に全部揃えられます↓ カラムの高さを揃えることでスッキリできますが、簡単にできるのは有難いですね 関連エントリ 画像レイアウト関連で便利なjQueryプラグイン等まとめ アイテムをドラッグ＆ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」 コンテンツ幅に対してテキストを最大にして美しくレイアウトできる「BigText」
なんとなくCSSを使っている人が，CSS中級者になるために （「崩れないレイアウト」のセオリー） - 主に言語とシステム開発に関して
CSSを「なんとなく」知っていて，「なんとなく」使っている， というケースがある。 そういう場合，思わぬところでレイアウトが崩れ， 要素の正確なポジショニングができず， 「なんとなく」ずっと悩み続けることになる。 その原因は，CSSの中級のノウハウが足りない，という点にある。 一発で正確なレイアウトができるようになろう。 そうなれば，CSS中級者だ。 以下は，CSS中級者になるためのノウハウ。 （１） 要素の分類 （１−１） インライン要素とブロック要素 （１−２） 置換インライン要素と非置換インライン要素 （２） 正確なポジショニング （２−１） positionのrelative/absoluteの使い方 （２−２） DOCTYPEスイッチによるボックスモデルの解釈方法の違い （２−３） 要素内の高さ位置と，要素の高さ （２−４） floatの崩れない使い方 （３） 正確なテーブルレイ
チェア | ITOKI Product Catalog
価格帯（オプション除く） 10万円以下 7万円以下 5万円以下 3万円以下 製品タイプ オフィスチェア エグゼクティブチェア ミーティングチェア スツール オプション 高さタイプ ノーマルタイプ ハイポジションタイプ 背の高さ エクストラハイバック ハイバック ミドルバック ローバック 背素材 布（メッシュ） 布（クロス） ビニールレザー レザー エラストマー 樹脂 樹脂メッシュ 木 肘タイプ アジャスタブル肘 固定肘 肘なし 脚タイプ 5本脚 4本脚 キャンティレバー脚 円盤脚 ループ脚 キャスター キャスター付 キャスターなし 機能（オフィス・エグゼクティブチェア） ランバーサポート付 ランバーサポートなし ハンガー付 ハンガーなし 座面オートリターン 機能（ミーティングチェア・スツール） ロッキング 座面オートリターン 座面ガス上下調節 座の回転 棚付 メモ台付 水平スタッキング 垂
【スマートフォン】 図解！今すぐ直せる、WEBフォーム 6つの課題 (ユーザビリティ実践メモ)
スマートフォン端末の普及で、問い合わせ・申込みなどのWEBフォームがスマートフォンで使われる機会は今後も増えていくでしょう。その際、PC向けに用意していた既存のWEBフォームをそのままにすると、どんな問題が発生するでしょうか？ 今回は、弊社コンサルタントの自主調査から、スマートフォン端末（特にiPhone）でのWEBフォーム利用時の6つの頻出課題をご紹介します。 多くのWEBフォームでは、項目名が入力ボックスの横に配置してあります。 PCでは全く問題のないレイアウトですが、iPhone端末では入力ボックスをタップしてズームインするとラベルが見えなくなり、非常に入力しにくいものになってしまいます。 【改善案】＜推奨＞入力例を入力ボックスの上または下に配置する項目名（ラベル）を入力ボックスの上部に配置する ※項目名の位置が変わるとPCで見にくくなるケースも想定されるため、ご注意ください 課題2
最近出たばかりの素敵なポートフォリオ向けフリーWordPressテーマ・WorkFolio - かちびと.net
シンプルで見せ方も好きだったので メモ。ポートフォリオ向けのWPテーマ です。無料で手に入れる事が出来ます が、そうとは思えないクオリティですね。 テーマを切り替えてポートフォリオ のテーマを使うのもいいかも知れません。 ポートフォリオとはいわゆる「制作実績」的なもので、多くの場合、制作物のキャプチャ等を羅列するのが一般的です。このテーマもそういった目的にあったレイアウトになっています。 サムネイルを出すには、カスタムフィールドの名前に「articleimg」、値に画像のURLを入れるとのことです。IE6は無視してるそうですが、cssを頑張ればいけそう。 子ページは普通です。自分でカスタマイズしたいところですね。 シンプルで素敵ですなー。以下よりDL出来ますよ。 WorkFolio
押されない「お問合せボタン」の謎を追え！ | 使える「デザインセミナー」
今年も「使えるデザインセミナー」を宜しくお願いします！ いつもブログ「使えるデザインセミナー」を応援して頂きありがとうございます☆まもなく、更新できると思います！引き続き応援宜しくお願いします！ 人気があってもボタンは押されない 昨年からある人気ポータルサイトでコラムを書いています。たまたま出版マーケティングの講座の先輩であり超人気女性コンサルタントの方がもともとこちらの人気コラムニストであったり、これを始めてからのお知り合いも増えて、実際、私自身が結構勉強させてもらいました。あと、やはり露出をすると言うことで反響も多くなかなかやりがいがあります。 これです。ご覧になったことがある方も多いはず。 と、いうか最もきっつい宣伝しているのは私自身かもしれません（笑）。 人気1位でもボタンは押されない たまたま、その超人気コンサルタントの方やWEBプロデューサーの方達と光栄にもお仕事をさせて頂く機
レイアウトの小技 Ver2.0 電脳狂想曲 WEBデザインの小技
推奨ブラウザ：Firefox2.0, Internet Explorer 5.5以降 注意：比率の計算上、割り切れないので誤差が発生します。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書 - Feel Like A Fallinstar
ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛しました。 ヤコブ・ニールセンのAlert Box ユーザビリティ・ユーザ調査の世界的権威であるヤコブ・ニールセン博士のナレッジを発表しているサイトです。 実際の調査結果、そこに対する考察も含め、とてもよくまとまっています。 アップル ヒューマンインタフェースガイドライン Max OS Xのためのインターフェース資料に始まり、アプリケーションをデザインしている間、心に留めておくべき基礎となるデザイン原則がまとまっています。 もちろん、Windows / Linusユーザーにとっても必見。 ユーザビ
ウェブデザインの見栄えをよくするための7つのキーワード | コリス
7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なことは、デザインが一方向に偏らないことです。対称あるいは非対称のものでもウェイトにはバランスをおくようにします。実例： Subtractionこのグラフィックの重要なポイントは右のクロスです。このクロスはビジュアルのウェイトに大きな影響を与えています。 この小さなクロスがどれだけグラフィックのバランスに効果があるかは、あなたの手でクロスを隠して見てください。これが非対称のバランスと呼ばれるものです。ビジュアルのサイズやカラーをコントロールし、ウェイトを調整することができます。 仮にクロスのカラーがオ
UI Layout Plug-in - Demos
If you find Layout useful and want to support its development... UI Layout Demos TIP: After viewing a demo, click 'Back' to return to this page There are basic demos for the Layout plug-in: example.html — a minimalist example simple.html — a simple, but complete layout complex.html — utilizes many features and has a 'nested layout' destroy.html — has a 'destroy' method to remove a layout destroy2.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caraldo.net - it転職 リソースおよび情報
ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 | ライフハッカー・ジャパン
http://www.designwalker.com/2009/11/corporate-tutorial.html