ウェブフォントの組み合わせを手軽に試せる『Font-Combinator』 | 100SHIKI英文フォントしか対応していないが、便利は便利なのでご紹介。 Font-Combinatorを使えば、各種ウェブフォントがサイト上でどのように見えるかを手軽に試すことができる。 フォントの種類や大きさ、行間を変更できる他、テキスト部分をクリックすればその場で編集も可能だ。 ウェブフォントもじわじわと普及してきた感がありますな。こういうツールを積極的に活用していきたいところである。
カラースキームに迷ったら使える２０のジェネレーター:phpspot開発日誌
20 Color Scheme Generators for Web and Graphic Designers カラースキームに迷ったら使える２０のジェネレーターがまとまっています。 それぞれ特徴がありますが、大量にあるのでケースにあった物が探せそうです。 色あいを変えれば大きく変わるWEBサイト。こうしたツールで最適な色あいを探していけそうですね。 関連エントリ JavaScriptで使えるカラーピッカー作成ライブラリまとめ リッチなカラーピッカーウィジェット「Free Advanced DHTML Color Picker」 シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」
WebサイトのCSSをインタラクティブに修正したり保存出来るツール・CSS Pivotがなかなか便利
なかなか便利だったのでシェアがてら ご紹介。WebサイトのCSSをプレビュー を見ながら修正したり、そのコードを 保存することが出来るツール・CSS Pivot のご紹介。似たような機能のChromeの エクステンションを普段使用しています が、乗り換えるかもしれません。 URLを入力すると、そのWebサイトのレイアウトに仮想的にCSSを加える事が出来ます。インタラクティブに修正出来て、保存も出来るのでなかなか便利そうですよ。ブックマークレットも用意されてるのでサクッと使えるのも魅力です。 シンプルでいい感じです。URLを入れてOpen URLを押せば編集画面になります。 boxにcssを書いてプレビューを押せば適応されます。cssには強制的に!importantが付いてくれるので、修正が気に入ればそのままコピペすればいいだけ。特に、人に教えるときにもいいかもですね。ここをこう直せばうまく
Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://designaholic.cc/2011/03/webweb21.html
