サイトのデザイン微調整に。ブラウザ上でCSS修正·Brosho Plugin MOONGIFT
Brosho PluginはJavaScript製jQueryプラグインのオープンソース・ソフトウェア。Webサイトのデザインを調整する時には、ローカルのテキストエディタでCSSを修正し、Webブラウザで再読込するというのが一般的だ。だが切り替えの手間がかかる。 オンラインでデザイン修正 そこでFirefoxであればFirebugを使ってその場でデザインを変更してみて確かめることもできる。だがブラウザが限定される。ブラウザの壁を乗り越え、オンラインでCSSの修正を行えるのがBrosho Pluginだ。 Brosho PluginはjQueryプラグインとして提供されるソフトウェアで、Webサイトを表示すると四角い枠が表示される。そしてWebサイト上のエレメントを選択（赤い枠で囲まれる）し、新しいCSSプロパティを入力するとそれがオンラインで適用されるのだ。 修正したCSSの内容を生成する
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
デザイン時に空だとまずい位置のサンプルコンテンツを素早く用意できる「Lorem 2」:phpspot開発日誌
Lorem 2: An all-around better Lorem experience. デザイン時に空だとまずい位置のサンプルコンテンツを素早く用意できる「Lorem 2」。 海外のCSSサンプルサイトでは必ずある、Lorep ipsum 〜 で始まるコードのスニペットが掲載されているシンプルなサイトです。 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. クライアントにデザインを見せる場合なんかは出来るだけ当たり障りのない文書がい
デザイナーが作る宮古島土産
島暮らしのデザイナーがお届けする沖縄Tシャツ、宮古島Tシャツ、島てぬぐい、その他、大人にも子供にもカップルにも幅広い年齢層に愛され続けてきた癒しのグッズが沢山 !
22 Website Designs Inspired by Apple.com
It's well known that Apple is one of the most creative and innovative companies in the world, so it's no wonder that many software companies and web designers would choose to follow Apple's style of branding. The Apple website is one of the best websites out there due to its ease of use, functionality and the beautiful environment that it creates. I looked at websites that use one or more design e
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
20+ Websites To Bookmark For Logo Design Inspiration%26utm_content%3DGoogle%2BInternational)
A Set Of User Interface Design Elements (PSD)
東京のホームページ制作会社 トリニティワークス