WEBデザイナーのためのWEBサイトのデータベース・リンク集、「WEBサイトを作成する際のデザインの配色・見本・参考」「お客様・クライアントにイメージを伝えるためのサンプル」「制作会社へのサイトイメージを伝えるためのご提案」などサンプル・配色・見本・参考・ご提案にご利用ください!!
firestorage.jp は個人、ビジネスを問わずご利用頂ける無料オンラインストレージです。 リモートワーク・テレワークでファイルを共有し送信・ファイル保存・データを送るのに便利、すぐにアップロード可能です。
昨日、MacBook Air(初期型)にSSDを取り付けました 。ただ、MacBook Airはパワーよりもデザインを優先した機種。SSDを搭載しても、「HDDが遅い」という欠点をひとつ隠してくれるだけです。それでは、もしMacBook ProにSSDを載せたら、どれだけのパフォーマンスになるのでしょうか? 最近のSSDはバッファメモリを搭載することで、書き込み速度が向上し、「プチフリーズ」と呼ばれる現象も回避できるようになりました。値段もそれなりに落ち着いてきましたし(今後ますます下がるでしょうが)、今が買い時かもしれません! そんなわけでG-Monster V3(128GB)に換装 というわけで、PhotoFastのG-Monster V3(128GB、PF25S128GSSDV3)を購入し、MacBook Pro(15インチ、2008後期モデル)に搭載してみました。交換の手順はYou
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました! display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Vertically Center Multi-Lined Text demo デモでは、一行、複数行ともに中央に配置されています。 仕組みは、吹き出しに「display: table;」、その中のパラグラフに「display: table-cell;」を指定し、天地左右中央に配置します。 HTML <div class="area"> <div class="bubble"> <p>To look best, text should really be centered inside this bubble both vertically and horizontally.</p> </div> </div> CSS .area { width: 300px; height: 300px; background: url(../images/abe-bg.png) no-repeat;
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSSでカラムのheightを合わせる Tableレイアウトをしていた時代に簡単にできたことがCSSでできない。 いまだにフルCSSへ移行できないという場合によくあるのが、複数カラムを採用する場合のそれぞれのカラムの高さが同じにならないこと。 Tableレイアウトでは、基本的にはTDの高さはもっとも高いTDに合わせるという状態なので、とくに意識せずとも実現できたが、CSSではそうはいかない。 CSSでカラムheightを合わせる方法 通常CSSでは左図のように、mainカラムとsidebarカラムの高さは合わない。それぞれのカラムがもつ内容がそれぞれのカラムの高さを決めるからだ。 通常であれば、それぞれの高さが異なっていても気にならないが、背景画像がある場合や、カラムごとに異なる背景色を敷いている場合などレイアウトの基本構造的に「ケツをあわせ」ないと気になる。 まずはHTMLから <d
DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of
Debugbar is an IE (Internet Explorer) web development bar, divided in a toolbar and a sidebar. It aims to help you debugging your website faster or to analyse quickly any web page. The Toolbar The toolbar is a the top of the IE browser. This bar contains several features to ease your debug session: Customize the DebugBar Check for updates Alert on javascript errors A must one: send page screenshot
デザインを体感して学べるデザインブログです。Illustrator(イラレ)やPhotoshop(フォトショ)の使い方やWordPressやSWELLのCSSやJavaScriptカスタマイズやアフィリエイトまで読むだけで楽しめる情報を発信しています。
CSS Tips and Tricks Sometimes with jQueryCSSスプライトとは? CSSスプライトってご存知ですか? Yahoo!のパフォーマンス改善チームにも推奨されている手法で、CSSのコードもスマートに読みやすくなる、一石二鳥のテクニック。 さらに、ちょっと面倒な値を設定や画像の生成を手伝ってくれるオンラインツールも紹介しよう。 CSSでカラムのheightを合わせる 複数カラムを採用する場合のそれぞれのカラムの高さが同じにならない。 CSSレイアウトでよく出会うこんな不満。 Tableレイアウトにしてしまう前に、シンプルな解決を紹介。 IE ダブルマージンフロートバグをFix floatした要素に対して、同じ方向にmarginを与えると、marginが2倍になってしまう。 という、IEにおける不可解なバグ。 レイアウトに欠かすことのできないfloat
Webデザイナは知っていた 第1回:エンジニアだって色にこだわりたい 著者:シンクイット制作部 公開日:2008/02/14(木) 2008年3月の連載ランキング4位(一覧を見る) Webデザイナがよくやる色の決め方 ある日、社内のプログラマの1人から突然こんな質問をされました。 「社内用のWebアプリケーションツールのフォーマットの色を見栄えよく変更したいんだけど、何色がよいか教えてくれない?16進数で」 16進数で!? 色名ではなく具体的な数値で聞いてくるところはさすがエンジニア気質。色という同じ話題なのに職種の違いだけで面白い要求が来るものだと関心してしまいました。 今まで筆者がいた会社にはWebデザイナと営業、プログラムが少し分かる人がいるという程度でした。しかし弊社インプレスITには編集者・ライター・Webデザイナ・エンジニアが社内に揃っていて、それぞれ自分の業務に関してプロなわ
配色は、ウェブのイメージを決める重要な要素です。自分の好きな配色にするのもいいですが、ウェブのテーマに沿った配色でユーザーを引き付けてみましょう。 サンプルは全てフルカラーを想定して作成されています。セーフカラーだけで作りたい場合は似た色に変更してみて下さい。
WEBデザイナー、WEBデザイン、配色など WEBデザイナーのすすめは、WEBデザイナーを目指している方を応援します!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く