プログラマでも出来るWebデザイン - Blog.37to.net
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成： 2007-01-08T01:58:41+09:00 更新： 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
Firefoxこう活用しています その３ : 大西 宏のマーケティング・エッセンス
2006年07月21日14:26 Firefoxこう活用しています その３ カテゴリインターネット kinkiboy Comment(2)Trackback(0) 最後に、あとはどの拡張機能を使っているかをご紹介します。ダウンロード数の多い拡張機能は、１位 FlashGot（ダウンロード管理）、二位NoScpipt（Javaなどの遮断とコントロール） 三位 Fasterfox（文字通り高速化ツール）、四位VideoDownloader 、五位 Adblock（広告を遮断）ですが、このなかでは、FlashGotとFasterfoxが生き残りました。Flashgotはダウンロードマネージャーソフト（たとえばFlashget ）が必要な のでご注意。その他で残っているのは以下の６つの拡張機能です。 bb２chreader 説明の必要がないですね。２ちゃんねるビューアです。 IEタブ とIE Vi
Firefoxはこう活用しています その１ : 大西 宏のマーケティング・エッセンス
2006年07月19日11:59 Firefoxはこう活用しています その１ カテゴリインターネット実践的知識＆知恵 kinkiboy Comment(0)Trackback(0) 使い方によって、またOSやPC環境などで、インターネットエクスプローラがいいか、Firefoxがいいか、またSlapenir、Lunascapeなどの他のタブブラウザーがいいかOperaなのかという評価は異なってくると思います。いちおうすべて使ってみてFirefoxに落ち着きました。 しかし確実にいえることは、インターネットエクスプローラ７はベータ版がでていますが、Firefoxと同様にタブ機能とRSSリーダーをメインにした仕様であり、その点ではFirefoxのほうが先行しているといえそうです。 ここでは、まだFirefoxを使ったことがないという人のためにどう使っているのかをご紹介します。仕事とか趣味で資料収
はてなダイアリーTipsスタイルシートでデザイン編
視覚的に表したものを先日作成したのでよろしかったら参考にしてください。 視覚的、はてなダイアリー文書構造サンプルHTML CSS Tips for はてなダイアリー はてなダイアリーガイド「CSSセレクタ」 はてなダイアリーガイド「CSSセレクタ - 日記１日分」 はてなダイアリーガイド「CSSセレクタ - photoモジュール」 はてなダイアリーガイド「CSSセレクタ - adsenseモジュール」 はてなダイアリーガイド「CSSセレクタ - calendar2photoモジュール」 はてなダイアリーガイド「CSSセレクタ - ヘッダテーブル」 はてなダイアリーガイド「CSSセレクタ - アンテナ型モジュール」 また、全てのクラス名はこちらでまとめられています。 id:smoking186:20030218#1045504830 はてなダイアリー兼tDiary用cssのテンプレート ht
【ちょいろぐ！〜個人ニュースサイト的小ネタブログ〜】 | 【Tips】GoogleVideoをAviに変換する方法＆ついでにiPodに入れてみる！
一定期間更新がないため広告を表示しています
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Tips
スッキリかんたんスタイルシート