Webデザインにおける、1pxへのこだわり
☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです＾＾ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ～」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕
Fireworksの素材集決定版 – creamu
Fireworksで使える素材を探している。 そんなあなたにおすすめなのが、『An Explosion of Adobe Fireworks Resources』。Fireworksの素材集決定版です。 ライブラリやパターンやシンボル、スタイルやシェイプなど、かなりたくさんの素材が揃っていますね。 かっこよくて使えそうなのをいくつかご紹介します。 Arrows 矢印がいろいろ入っているライブラリ Kaliber Patterns 種類がたくさんあるパターンファイル iPhone GUI as Rich Symbols for Fireworks iPhone用のGUIシンボル 150 Fireworks Styles (Gradient Effects) グラデーションスタイル150 15 Grunge Colors Styles グランジ系のカラースタイル 131 Ultimate We
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
ブラックベースのプロレベルなサイトデザイン作成チュートリアル集:phpspot開発日誌
ブラックベースのプロレベルなサイトデザイン作成チュートリアルを集めてみました。 クールな印象を与えるのに適した黒ベースのデザイン作成時に参考にできるかもしれません。 iPhone Related Website Futuristic Web Layout Create A Stylish Portfolio Layout PSDThemes -Awesome Tutorial Portfolio Design Softblue Template Tutorial Create a communication layout in Photoshop Dark Themed Web Design Dark Portfolio Pixel Layout Dark Green Portfolio Layout Professional Blog Template Design Create wor
| ＾＾ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ
2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ：WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
総合オンラインショップ
総合オンラインショップ販売者概要 【連絡先】 support@moshimo.com【事業所】 〒150-0043 東京都渋谷区道玄坂1-19-2 スプラインビル3F【代表者】 代表取締役 実藤 裕 史【主要株主】 株式会社ネットプライスドットコム 株式会社ドリームインキュベータ 住友商事株式会社 SBIインベストメント株式会社(各ファン ド) 株式会社ジャフコ(各ファンド) SBIベリトランス株式会社 日本アジア投資株式会社 (各ファンド) 免責事項 「株式会社もしも」から提供を受けた情報の責任は、「株式会社もしも」に帰属するため、ショップ側はいかなる責務も負わないものとします。商品の質問・苦情等は株式会社もしもにお問い合わせください。 株式会社もしも サポートデスク Mail: support@moshimo.com 配送について 【配送料について】
[使えるCSSテクニックVol.2] CSS を使った見栄えの良い見出し | バシャログ。
第 2 回目は「見栄えのいい見出し」です。 今回はテキストを生かした見栄えのいい見出しを紹介したいと思います。 画像を使わずに見出しを作成 まずは画像使わずに、border と background を使い見出しを装飾した例です。 サンプル01 h2 { margin: 0; padding: 0; color: #666666; font-size: 86%; } h2.sample1 { padding: 5px 5px 3px; background-color: #FAFAFA; border-left: 5px #22FF99 solid; border-bottom: 1px #DEDEDE solid; } h2.sample2 { padding: 3px 5px; border-top: 3px #FF9933 solid; border-right: 1px #EEEE
![[使えるCSSテクニックVol.2] CSS を使った見栄えの良い見出し | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
CSSを使ってファンシーなボタンを作成するテクニック:phpspot開発日誌
Make fancy buttons using CSS sliding doors technique This article will show you how to create fancy buttons using CSS sliding doors technique. CSSを使ってファンシーなボタンを作成するテクニック。 ２枚の画像を組み合わせて、横に伸縮するCSSボタンを作成するテクニックが紹介されています。 自由なサイズに伸縮可能 ボタンのテンプレートも色々 サイトパーツに便利に使えそう。 関連エントリ CSSでクールな3Dボタンを作ろう CSSでクールなINPUTフォームを作成するサンプル クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」 CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集
ec-mall(イーシーモール)｜総合オンラインショップ
配送について 【配送料について】 ※只今キャンペーン中につきお買い上げ金額合計3000円(税込み)以上で、送料無料となります。 配送料は1注文につき、一律525円になっております。ただし、大型商品など、一部の商品につきまして は、2商品以上購入された場合に別途525円の送料をいただいております。その際は注意書きが表示されま す。【配送業者について】 当サイトでの商品の配送は、ヤマト運 輸に委託しております。一部の直送商品につきましては佐川急便等、他の配送業者がお届けする場合がございます。また、商品は「株式会社もしも」名義でのお 届けとなります。【引渡し時期について】 商品は原則として2週間以内にお届 けいたします。商品購入の手続きの際に、配達時間はお客様が自由に指定することができますのでご利用ください。（配送日に関しましては、ご希望に添えない 場合がございます。） 返品について
階層的でクールなメニューを作るためのJSライブラリ「FastFind Menu」:phpspot開発日誌
FastFind Menu This page demonstrates the ActiveSpotLight FastFind Menu Script. 階層的でクールなメニューを作るためのJSライブラリ「FastFind Menu」。 紹介サイト上、左上の[ Toggle Menu ] でデモが開きます。 メニューをクリックすると、階層的にメニューが開きます。 アニメーションも滑らかでカッコいいです。メニュー先はAjaxでオープンするようです。 Ajax にすることで、深い階層であっても一度に読み込ませることなく利用することが可能です。 こういった形式のメニューの需要もあると思うので、覚えておくとよさそう。 関連エントリ セクシーに動作するスライドメニューバー実装JSライブラリ
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
ウェブデザインの7つのトレンドとそのチュートリアル | コリス
Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ボタンやフォーム要素、シールなどWeb2.0っぽいUIパーツ集:phpspot開発日誌
http://gerenuk.crazyphoto.org/2009/06/15/714/
モバイルサイトを見やすくする絵文字活用&テキストレイアウトのポイント（第3回） | モバイルサイト構築のユーザビリティいろは
IDEA * IDEA
トータル1000種類以上、XHTML/CSSのフリーのテンプレート配布サイト集
http://www.designwalker.com/2008/12/psd.html
タイトル・見出しに使えるデザインまとめ - DesignWalker