MIGI PLANNING » 06 CSS http://m-pl.jp Just another WordPress weblog Thu, 17 May 2012 09:19:57 +0000 ja hourly 1 http://wordpress.org/?v=3.3.2 フリーで使えるCSS3のメニュージェネレーター「CSS3 Menu. Free CSS Menu Maker」 http://m-pl.jp/2010/09/13/%e3%83%95%e3%83%aa%e3%83%bc%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8bcss3%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b8%e3%82%a7%e3%83%8d%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc%e3%80%8ccss3-menu-free/ http://m-pl.jp/2010/09/13/%e3%83%95%e3%83%aa%e3%83%bc%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8bcss3%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b8%e3%82%a7%e3%83%8d%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc%e3%80%8ccss3-menu-free/#comments Mon, 13 Sep 2010 00:53:32 +0000 migi http://m-pl.jp/?p=482 http://design-develop.net/web-design/free-css-menu-maker.html

本来であればjavascriptやflashを使って画像を準備しないと作れなかった、リッチな表現のナビゲーションですが、CSS3の登場に伴い、かなりの部分が、CSS3のみで表現できるようになってきています。今日紹介するのはCSS3で創られた、表現豊かたCSSメニューが簡単に作れるメニュージェネレーター「CSS3 Menu. Free CSS Menu Maker」。

こちらは、上記のようなナビゲーションメニューがフリーでダウンロードすることができます。基本的にはjavascriptは一切使われておらず、テキストで構成されるため、SEOにも優しい作りとなっています。

詳しくは以下

ソフトウェアはwindows,Mac両OSに対応しており、細かなところまでカスタマイズが可能です。ソフトウェア上で、リンク先やターゲット、フォント種類も変更可能。メニューに表示させる文字は日本語入力も問題なく表示できました。

メニュー自体のデザインやマウスオーバーなどのアクションも、予めいくつかスタンダードなものは標準で組み込まれています。CSS3でメニューを作ってみたいという方は是非どうぞ。

CSS3 Menu. Free CSS Menu Maker

]]> http://m-pl.jp/2010/09/13/%e3%83%95%e3%83%aa%e3%83%bc%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8bcss3%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b8%e3%82%a7%e3%83%8d%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc%e3%80%8ccss3-menu-free/feed/ 0 クオリティの高いフリーCSS、XHTMLテンプレート集2010「40+ Elegant Free CSS/(X)HTML Templates from 2010」 http://m-pl.jp/2010/09/01/%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%81%ae%e9%ab%98%e3%81%84%e3%83%95%e3%83%aa%e3%83%bccss%e3%80%81xhtml%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e9%9b%862010%e3%80%8c40-eleg/ http://m-pl.jp/2010/09/01/%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%81%ae%e9%ab%98%e3%81%84%e3%83%95%e3%83%aa%e3%83%bccss%e3%80%81xhtml%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e9%9b%862010%e3%80%8c40-eleg/#comments Tue, 31 Aug 2010 23:23:56 +0000 migi http://m-pl.jp/?p=474 http://design-develop.net/web-design/html-templates-from-2010.html

現在WEBデザインは基本的にはCSSとXHTMLで構築されている場合が多いと思います。今日紹介するのは主流であるクオリティの高いフリーCSS、XHTMLテンプレートを集めたエントリー「40+ Elegant Free CSS/(X)HTML Templates from 2010」を紹介したいと思います。


Acallia

テクスチャが効いたアナログ感があるものもから、洗練されたシンプルなものまで様々なテンプレートがまとめられています。今日はそのなかから気になったテンプレートを紹介したいと思います。

詳しくは以下

■Free CSS template by ChocoTemplates.com
ワイド感のあるスニーカーのサイト。その他の製品サイトにも利用できそうな点御プレートです。

■Mondays
シンプルながらも細かな処理がキチンとしてあるWEBテンプレート。

mondays

■Ninja Assassin
海外から見た日本のイメージを取り入れたテンプレート。あえて狙って国内で展開してみるのも良いかもしれませんね。

ninja-assassin

上記の他にもたくさんのWEBサイトが公開されています。それぞれのテンプレートは基本的には無料で公開されていますが、各々のテンプレートによってライセンスが異なりますので、商用利用される方はご利用の前に再度ご確認お願いいたします。

40+ Elegant Free CSS/(X)HTML Templates from 2010

]]> http://m-pl.jp/2010/09/01/%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%81%ae%e9%ab%98%e3%81%84%e3%83%95%e3%83%aa%e3%83%bccss%e3%80%81xhtml%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e9%9b%862010%e3%80%8c40-eleg/feed/ 0 CSS3で作るナビゲーションメニュー集「15 CSS3 Navigation and Menu Tutorials and Techniques」 http://m-pl.jp/2010/03/30/css3%e3%81%a7%e4%bd%9c%e3%82%8b%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e9%9b%86%e3%80%8c15-css3-navigation-and-menu-tutorials-and-techniques/ http://m-pl.jp/2010/03/30/css3%e3%81%a7%e4%bd%9c%e3%82%8b%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e9%9b%86%e3%80%8c15-css3-navigation-and-menu-tutorials-and-techniques/#comments Tue, 30 Mar 2010 14:31:05 +0000 migi http://m-pl.jp/?p=383 http://design-develop.net/web-design/css3-navigation-and-menu.html

次世代のコードとして、すでに利用している所も徐々に増えてきたCSS3。従来のCSSと比べて格段に表現できる幅が広がっており、今までどうしても画像 を利用したり、FLASHで表現していた部分がCSSのみで実現できるようになっています。今日紹介するのはそんなCSS3を使ったナビゲーション集 「15 CSS3 Navigation and Menu Tutorials and Techniques」を紹介したいと思います。

http://speckyboy.com/2010/03/15/15-css3-navigation-and-menu-tutorials-and-techniques/

]]> http://m-pl.jp/2010/03/30/css3%e3%81%a7%e4%bd%9c%e3%82%8b%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e9%9b%86%e3%80%8c15-css3-navigation-and-menu-tutorials-and-techniques/feed/ 0 HTML/CSSのテンプレートがダウンロードできるWEBサイトのまとめ「25 Best Websites For Downloading Free Html/CSS Templates」 http://m-pl.jp/2010/02/21/htmlcss%e3%81%ae%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%81%8c%e3%83%80%e3%82%a6%e3%83%b3%e3%83%ad%e3%83%bc%e3%83%89%e3%81%a7%e3%81%8d%e3%82%8bweb%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae/ http://m-pl.jp/2010/02/21/htmlcss%e3%81%ae%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%81%8c%e3%83%80%e3%82%a6%e3%83%b3%e3%83%ad%e3%83%bc%e3%83%89%e3%81%a7%e3%81%8d%e3%82%8bweb%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae/#comments Sun, 21 Feb 2010 11:41:44 +0000 migi http://m-pl.jp/?p=348 http://design-develop.net/web-design/25-best-websites-for-downloading.html

WEBを制作する際、HTMLとCSSを利用して作ると言う方が多いかと思いますが、今日紹介するのはフリーで利用できるHTML/CSSのテンプレート がダウンロードできるWEBサイトをまとめたエントリー「25 Best Websites For Downloading Free Html/CSS Templates」です。

]]> http://m-pl.jp/2010/02/21/htmlcss%e3%81%ae%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%81%8c%e3%83%80%e3%82%a6%e3%83%b3%e3%83%ad%e3%83%bc%e3%83%89%e3%81%a7%e3%81%8d%e3%82%8bweb%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae/feed/ 0 WEBデザインに便利なCSSフレームワークのまとめ「Choosing The Best CSS Framework: A Complete Guide」 http://m-pl.jp/2010/02/11/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ab%e4%be%bf%e5%88%a9%e3%81%aacss%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%81%ae%e3%81%be%e3%81%a8%e3%82%81%e3%80%8cchoosing-the-b/ http://m-pl.jp/2010/02/11/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ab%e4%be%bf%e5%88%a9%e3%81%aacss%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%81%ae%e3%81%be%e3%81%a8%e3%82%81%e3%80%8cchoosing-the-b/#comments Thu, 11 Feb 2010 01:10:22 +0000 migi http://m-pl.jp/?p=339 http://design-develop.net/web-design/choosing-the-best-css.html

WEBデザインと言えば、HTML5やCSS3が最近では話題を集めていますが、まだまだ現場ではXHTML+CSSという形が主流だと思います。今回紹 介するのは、WEBデザインに便利なCSSフレームワークのまとめたエントリー「Choosing The Best CSS Framework: A Complete Guide」です。

http://devsnippets.com/article/complete-guide-to-css-frameworks.html

]]> http://m-pl.jp/2010/02/11/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ab%e4%be%bf%e5%88%a9%e3%81%aacss%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%81%ae%e3%81%be%e3%81%a8%e3%82%81%e3%80%8cchoosing-the-b/feed/ 0 Data Tables In Modern Web Design http://m-pl.jp/2010/01/04/data-tables-in-modern-web-design/ http://m-pl.jp/2010/01/04/data-tables-in-modern-web-design/#comments Mon, 04 Jan 2010 03:07:24 +0000 migi http://m-pl.jp/2010/01/04/data-tables-in-modern-web-design/ http://www.noupe.com/design/data-tables-in-modern-web-design.html

]]> http://m-pl.jp/2010/01/04/data-tables-in-modern-web-design/feed/ 0 クリエイティブで美しいフリーCSSWEBテンプレート9選「9 Beautiful Free CSS Web Templates」 http://m-pl.jp/2009/09/14/%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%a7%e7%be%8e%e3%81%97%e3%81%84%e3%83%95%e3%83%aa%e3%83%bccssweb%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%889%e9%81%b8/ http://m-pl.jp/2009/09/14/%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%a7%e7%be%8e%e3%81%97%e3%81%84%e3%83%95%e3%83%aa%e3%83%bccssweb%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%889%e9%81%b8/#comments Mon, 14 Sep 2009 02:30:37 +0000 migi http://m-pl.jp/2009/09/14/%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%a7%e7%be%8e%e3%81%97%e3%81%84%e3%83%95%e3%83%aa%e3%83%bccssweb%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%889%e9%81%b8/ 9 Beautiful Free CSS Web Templates | CrazyLeaf Design Blog

http://design-develop.net/web-design/9-beautiful-free-css-web-templates.html

]]> http://m-pl.jp/2009/09/14/%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%a7%e7%be%8e%e3%81%97%e3%81%84%e3%83%95%e3%83%aa%e3%83%bccssweb%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%889%e9%81%b8/feed/ 0 35 Excellent Websites for Downloading Free CSS Template http://m-pl.jp/2009/06/20/35-excellent-websites-for-downloading-free-css-template/ http://m-pl.jp/2009/06/20/35-excellent-websites-for-downloading-free-css-template/#comments Sat, 20 Jun 2009 00:06:01 +0000 migi http://m-pl.jp/?p=121 紹介サイト

WEBサイトを制作する際とても便利なテンプレート。そこからカスタマイズしていったり、部分的に利用したりと様々な使い方があるかと思います。今日紹介するのはフリーCSSテンプレートをいくつかまとめて配布しているサイトをさらにまとめたエントリー「35 Excellent Websites for Downloading Free CSS Template」を紹介したいと思います。
csstmpmato01
Styleshout

全部で35個のフリーテンプレートサイトが紹介されていますが、今日はそのなかでも使えると思ったサイトをいくつかピックアップして紹介したいと思います。

]]> http://m-pl.jp/2009/06/20/35-excellent-websites-for-downloading-free-css-template/feed/ 0