横並びの画像を均等配置する | ヨモツネット
横並びの画像や inline-block の要素を、均等配置 (justify) にするための CSS コードです。 IE 6, Firefox 2, Opera 9.6, Safari 3 で意図したとおりに表示されることを確認しました。 動作確認用の demo 説明 以下のようなコードを準備します。 HTML のソースコード例 <ul class="images"> <li><img src="img01.png" width="100" height="100" alt="" /></li> <li><img src="img01.png" width="100" height="100" alt="" /></li> <li><img src="img01.png" width="100" height="100" alt="" /></li> </ul> この HTML ソースコ
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
3G端末（FOMA・WIN・3GC）のモバイルサイトのコーディング＆デザイン - livedoor ディレクター Blog(ブログ)
こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G（FOMA・WIN・3GC）端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末（FOMA・WIN・3GC）がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末（PDC・P型・C型など）を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運
黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
レイアウトの小技 説明 - 電脳狂想曲 WEBデザインの小技
2007 / 3 / 14 更新 レイアウトの小技 Ver2.0の分割比率に「半分」を追加 レイアウトの小技の説明に「半分」を追加 ブログをはじめました。更新情報などはこちらでご確認を。 2007 / 02 / 16 更新 レイアウトの小技 Ver2.0を公開 私が電脳狂想曲をデザイン・運営する時のノウハウを紹介しています。 サイトを製作される方のお役に立てれば幸いです。
corns blog: Illustrator CSからFireworksへのコピー
Illustrator CSで作ったものをコピーしてFireworksにペーストする方法が見つかった。下図のようにIllustratorの環境設定 - ファイル管理・クリップボード を開いて［AICB（透明サポートなし）］にチェックを入れるだけ。 これだけで、普通にイラストレーター、ファイヤーワークス間でコピペできるようになる。 いままでこれに気づく前はIllustratorでバージョン8形式で保存してからFireworksへ読み込んでいた。面倒なことをしていたもんだ。InDesignにもオブジェクトとして編集可能な状態で取り込みができるようだ。 ちなみにコピー＆ペーストできないといっても、何も持って来れないわけじゃない。ビットマップ形式ではコピペできるから、場合によってはその方が都合がいい場合もないわけじゃない。 AICBというのは、何の略だろ。アドビイラストレータークリップボードかな。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/01/table.html
wordpressについて30個のブックマークまとめ*ホームページを作る人のネタ帳
ゴールドのシールを作る方法
Cool tab menu in web 2.0 style « TechSymptom - Web design tutorials, Fireworks tutorials
Stu Nicholls | CSS PLAY | Mini tabbed pages
Rhythm Collision wordpress : Fireworks Aqua
Dr. Photoshop
Photoshop使い方サイト:www.fmod.jp
http://www.photoshoplab.com/web20-design-kit.html
ウェブデザインに使える16のジェネレーターツール - DesignWalker