WEB制作.Hack http://wp.tifana.jp WEB制作に関する技術や役立つサイトを紹介します。 Mon, 16 Nov 2009 02:35:14 +0000 http://wordpress.org/?v=2.8.4 ja hourly 1 コーディングするのが楽になるかも？と思うCSSテクニックのまとめ http://wp.tifana.jp/2_htmlcss/%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%99%e3%82%8b%e3%81%ae%e3%81%8c%e6%a5%bd%e3%81%ab%e3%81%aa%e3%82%8b%e3%81%8b%e3%82%82%ef%bc%9f%e3%81%a8%e6%80%9d%e3%81%86css%e3%83%86/ http://wp.tifana.jp/2_htmlcss/%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%99%e3%82%8b%e3%81%ae%e3%81%8c%e6%a5%bd%e3%81%ab%e3%81%aa%e3%82%8b%e3%81%8b%e3%82%82%ef%bc%9f%e3%81%a8%e6%80%9d%e3%81%86css%e3%83%86/#comments Mon, 16 Nov 2009 02:35:14 +0000 管理人Ｇ http://wp.tifana.jp/2_htmlcss/%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%99%e3%82%8b%e3%81%ae%e3%81%8c%e6%a5%bd%e3%81%ab%e3%81%aa%e3%82%8b%e3%81%8b%e3%82%82%ef%bc%9f%e3%81%a8%e6%80%9d%e3%81%86css%e3%83%86/ コーディングするのが楽になるかも？と思うCSSテクニックのまとめ

今まで使ってコーディングが楽になったと思われるCSSテクニック（一部CSSではない部分もありますが…）などをまとめておきたいと思います。

コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単な事も多いので是非使ってみて下さい。

demo page

元の記事はこちら

]]> http://wp.tifana.jp/2_htmlcss/%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%99%e3%82%8b%e3%81%ae%e3%81%8c%e6%a5%bd%e3%81%ab%e3%81%aa%e3%82%8b%e3%81%8b%e3%82%82%ef%bc%9f%e3%81%a8%e6%80%9d%e3%81%86css%e3%83%86/feed/ 0 昭和風なレトロなWebデザインのサイト 25 http://wp.tifana.jp/2_htmlcss/%e6%98%ad%e5%92%8c%e9%a2%a8%e3%81%aa%e3%83%ac%e3%83%88%e3%83%ad%e3%81%aaweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%82%b5%e3%82%a4%e3%83%88-25/ http://wp.tifana.jp/2_htmlcss/%e6%98%ad%e5%92%8c%e9%a2%a8%e3%81%aa%e3%83%ac%e3%83%88%e3%83%ad%e3%81%aaweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%82%b5%e3%82%a4%e3%83%88-25/#comments Mon, 16 Nov 2009 02:35:12 +0000 管理人Ｇ http://wp.tifana.jp/2_htmlcss/%e6%98%ad%e5%92%8c%e9%a2%a8%e3%81%aa%e3%83%ac%e3%83%88%e3%83%ad%e3%81%aaweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%82%b5%e3%82%a4%e3%83%88-25/ 昭和風なレトロなWebデザインのサイト 25

海外サイトでたまに見かけるレトロ風なデザインのサイトって凄く雰囲気も出てますし、かっこいいですよね～

自分はレトロなデザインは出来ませんし出来る気もしないので凄いと思います。レトロなデザインに挑戦しようと思っている方は参考にでもして下さい。

元の記事はこちら

]]> http://wp.tifana.jp/2_htmlcss/%e6%98%ad%e5%92%8c%e9%a2%a8%e3%81%aa%e3%83%ac%e3%83%88%e3%83%ad%e3%81%aaweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%82%b5%e3%82%a4%e3%83%88-25/feed/ 0 今さらですが Twitter はじめました http://wp.tifana.jp/2_htmlcss/%e4%bb%8a%e3%81%95%e3%82%89%e3%81%a7%e3%81%99%e3%81%8c-twitter-%e3%81%af%e3%81%98%e3%82%81%e3%81%be%e3%81%97%e3%81%9f/ http://wp.tifana.jp/2_htmlcss/%e4%bb%8a%e3%81%95%e3%82%89%e3%81%a7%e3%81%99%e3%81%8c-twitter-%e3%81%af%e3%81%98%e3%82%81%e3%81%be%e3%81%97%e3%81%9f/#comments Mon, 16 Nov 2009 02:35:10 +0000 管理人Ｇ http://wp.tifana.jp/2_htmlcss/%e4%bb%8a%e3%81%95%e3%82%89%e3%81%a7%e3%81%99%e3%81%8c-twitter-%e3%81%af%e3%81%98%e3%82%81%e3%81%be%e3%81%97%e3%81%9f/ 今さらですが Twitter はじめました

まぁ～タイトルの通りですが、今さらながら Twitter をはじめる事にしました。

記事にする程ではないけど気になった情報やおもいっきりプライベートな事を呟いていこうかと思っているのですが、気になってくれた方はよろしくお願いします^^

http://twitter.com/csslecture/

元の記事はこちら

]]> http://wp.tifana.jp/2_htmlcss/%e4%bb%8a%e3%81%95%e3%82%89%e3%81%a7%e3%81%99%e3%81%8c-twitter-%e3%81%af%e3%81%98%e3%82%81%e3%81%be%e3%81%97%e3%81%9f/feed/ 0 Firefox の見た目を変更する方法 http://wp.tifana.jp/2_htmlcss/firefox-%e3%81%ae%e8%a6%8b%e3%81%9f%e7%9b%ae%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/ http://wp.tifana.jp/2_htmlcss/firefox-%e3%81%ae%e8%a6%8b%e3%81%9f%e7%9b%ae%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#comments Mon, 16 Nov 2009 02:35:09 +0000 管理人Ｇ http://wp.tifana.jp/2_htmlcss/firefox-%e3%81%ae%e8%a6%8b%e3%81%9f%e7%9b%ae%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/ Firefox の見た目を変える方法

Firefox の見た目をデフォルトのまま使っている人は一度見た目を変えてみてはいかがでしょうか？

何が変わると言っても見た目だけですけど…しいて言うなら気分が変わります。仕事上 Firefox を眺める時間が長い自分には気分を変える事はかなり重要なんですよね…

って事で見た目の変更の仕方がわかんね！って人の為に変更方法を紹介しておきます。紹介と言っても誰でも直ぐに出来ちゃうですけどね;;

元の記事はこちら

]]> http://wp.tifana.jp/2_htmlcss/firefox-%e3%81%ae%e8%a6%8b%e3%81%9f%e7%9b%ae%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/feed/ 0 50 Free Movie Themed Fonts You Can Download – Aetuts+ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/50-free-movie-themed-fonts-you-can-download-aetuts/ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/50-free-movie-themed-fonts-you-can-download-aetuts/#comments Mon, 16 Nov 2009 02:34:32 +0000 管理人Ｇ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/50-free-movie-themed-fonts-you-can-download-aetuts/ (引用)

50 Free Movie Themed Fonts You Can Download

(引用ここまで)

元の記事はこちら

]]> http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/50-free-movie-themed-fonts-you-can-download-aetuts/feed/ 0 2009 Year-end Free High-Quality Wordpress Themes | Graphic Design Free Resources http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/2009-year-end-free-high-quality-wordpress-themes-graphic-design-free-resources/ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/2009-year-end-free-high-quality-wordpress-themes-graphic-design-free-resources/#comments Mon, 16 Nov 2009 02:34:32 +0000 管理人Ｇ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/2009-year-end-free-high-quality-wordpress-themes-graphic-design-free-resources/ (引用)

Free high-quality Wordpress themes

(引用ここまで)

元の記事はこちら

]]> http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/2009-year-end-free-high-quality-wordpress-themes-graphic-design-free-resources/feed/ 0 Festival de Ícones | Curiosando http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/festival-de-icones-curiosando/ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/festival-de-icones-curiosando/#comments Mon, 16 Nov 2009 02:34:32 +0000 管理人Ｇ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/festival-de-icones-curiosando/ アイコンいろいろ。

元の記事はこちら

]]> http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/festival-de-icones-curiosando/feed/ 0 サイト上のマウスの動きや比率がわかる　UserHeatとは – BLOG MONKEY http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%82%b5%e3%82%a4%e3%83%88%e4%b8%8a%e3%81%ae%e3%83%9e%e3%82%a6%e3%82%b9%e3%81%ae%e5%8b%95%e3%81%8d%e3%82%84%e6%af%94%e7%8e%87%e3%81%8c%e3%82%8f%e3%81%8b%e3%82%8b%e3%80%80userheat%e3%81%a8%e3%81%af/ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%82%b5%e3%82%a4%e3%83%88%e4%b8%8a%e3%81%ae%e3%83%9e%e3%82%a6%e3%82%b9%e3%81%ae%e5%8b%95%e3%81%8d%e3%82%84%e6%af%94%e7%8e%87%e3%81%8c%e3%82%8f%e3%81%8b%e3%82%8b%e3%80%80userheat%e3%81%a8%e3%81%af/#comments Mon, 16 Nov 2009 02:34:32 +0000 管理人Ｇ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%82%b5%e3%82%a4%e3%83%88%e4%b8%8a%e3%81%ae%e3%83%9e%e3%82%a6%e3%82%b9%e3%81%ae%e5%8b%95%e3%81%8d%e3%82%84%e6%af%94%e7%8e%87%e3%81%8c%e3%82%8f%e3%81%8b%e3%82%8b%e3%80%80userheat%e3%81%a8%e3%81%af/ (引用)

サイトの導線を見直したりするときに参考になりますね。登録・設置もちょー簡単。便利なサービスです。

(引用ここまで)

サイト利用者の動きをヒートマップで表してくれるサービスだそうです。
利用は非常に簡単らしく、とても重宝しそうなサービスです。

元の記事はこちら

]]> http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%82%b5%e3%82%a4%e3%83%88%e4%b8%8a%e3%81%ae%e3%83%9e%e3%82%a6%e3%82%b9%e3%81%ae%e5%8b%95%e3%81%8d%e3%82%84%e6%af%94%e7%8e%87%e3%81%8c%e3%82%8f%e3%81%8b%e3%82%8b%e3%80%80userheat%e3%81%a8%e3%81%af/feed/ 0 【海外記事】大きくて太いフォントを使ったタイポグラフィ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%80%90%e6%b5%b7%e5%a4%96%e8%a8%98%e4%ba%8b%e3%80%91%e5%a4%a7%e3%81%8d%e3%81%8f%e3%81%a6%e5%a4%aa%e3%81%84%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e3%82%bf%e3%82%a4/ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%80%90%e6%b5%b7%e5%a4%96%e8%a8%98%e4%ba%8b%e3%80%91%e5%a4%a7%e3%81%8d%e3%81%8f%e3%81%a6%e5%a4%aa%e3%81%84%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e3%82%bf%e3%82%a4/#comments Mon, 16 Nov 2009 02:34:31 +0000 管理人Ｇ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%80%90%e6%b5%b7%e5%a4%96%e8%a8%98%e4%ba%8b%e3%80%91%e5%a4%a7%e3%81%8d%e3%81%8f%e3%81%a6%e5%a4%aa%e3%81%84%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e3%82%bf%e3%82%a4 (引用)

In this post we’ll showcase more than 25 items that feature big, bold typography.

(引用ここまで)

力強い大きめ・太目のフォントを利用した、クールなタイポグラフィのまとめ記事。


via. http://designm.ag/images/0809/bold/21.jpg


via. http://designm.ag/images/0809/bold/13.jpg


via. http://designm.ag/images/0809/bold/15.jpg

元の記事はこちら

]]> http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%80%90%e6%b5%b7%e5%a4%96%e8%a8%98%e4%ba%8b%e3%80%91%e5%a4%a7%e3%81%8d%e3%81%8f%e3%81%a6%e5%a4%aa%e3%81%84%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e3%82%bf%e3%82%a4/feed/ 0 【海外記事】美しい花のマクロ写真 | 2experts Design http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%80%90%e6%b5%b7%e5%a4%96%e8%a8%98%e4%ba%8b%e3%80%91%e7%be%8e%e3%81%97%e3%81%84%e8%8a%b1%e3%81%ae%e3%83%9e%e3%82%af%e3%83%ad%e5%86%99%e7%9c%9f-2experts-design/ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%80%90%e6%b5%b7%e5%a4%96%e8%a8%98%e4%ba%8b%e3%80%91%e7%be%8e%e3%81%97%e3%81%84%e8%8a%b1%e3%81%ae%e3%83%9e%e3%82%af%e3%83%ad%e5%86%99%e7%9c%9f-2experts-design/#comments Mon, 16 Nov 2009 02:34:30 +0000 管理人Ｇ http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%80%90%e6%b5%b7%e5%a4%96%e8%a8%98%e4%ba%8b%e3%80%91%e7%be%8e%e3%81%97%e3%81%84%e8%8a%b1%e3%81%ae%e3%83%9e%e3%82%af%e3%83%ad%e5%86%99%e7%9c%9f-2experts-design/ Canonのカメラで撮影された、美しい花のマクロ写真についてのエントリーです。
色合いがすごくきれいです。


via. http://www.2expertsdesign.com/wp-content/uploads/2009/11/16-macro-photo-taken-with-canon.jpg


via. http://www.2expertsdesign.com/wp-content/uploads/2009/11/macro-photography/8-macro-photo-taken-with-canon.jpg


via. http://www.2expertsdesign.com/wp-content/uploads/2009/11/macro-photography/9-macro-photo-taken-with-canon.jpg

元の記事はこちら

]]> http://wp.tifana.jp/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/%e3%80%90%e6%b5%b7%e5%a4%96%e8%a8%98%e4%ba%8b%e3%80%91%e7%be%8e%e3%81%97%e3%81%84%e8%8a%b1%e3%81%ae%e3%83%9e%e3%82%af%e3%83%ad%e5%86%99%e7%9c%9f-2experts-design/feed/ 0