http://freewebdev.jp WEB制作/開発に役立つフリー情報を共有 Sun, 22 Aug 2010 02:06:56 JST en http://freewebdev.jp/icon/2010%E5%B9%B4%E3%81%AB%E5%85%AC%E9%96%8B%E3%81%95%E3%82%8C%E3%81%9F%E3%81%B0%E3%81%8B%E3%82%8A%E3%81%AE%E6%96%B0%E3%81%97%E3%81%84%E7%84%A1%E6%96%99%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%83%E3%83%8850%E5%80%8B%E3%81%BE%E3%81%A8%E3%82%81/ http://freewebdev.jp/icon/2010%E5%B9%B4%E3%81%AB%E5%85%AC%E9%96%8B%E3%81%95%E3%82%8C%E3%81%9F%E3%81%B0%E3%81%8B%E3%82%8A%E3%81%AE%E6%96%B0%E3%81%97%E3%81%84%E7%84%A1%E6%96%99%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%83%E3%83%8850%E5%80%8B%E3%81%BE%E3%81%A8%E3%82%81/ Sun, 22 Aug 2010 02:06:56 JST http://freewebdev.jp/icon/2010%E5%B9%B4%E3%81%AB%E5%85%AC%E9%96%8B%E3%81%95%E3%82%8C%E3%81%9F%E3%81%B0%E3%81%8B%E3%82%8A%E3%81%AE%E6%96%B0%E3%81%97%E3%81%84%E7%84%A1%E6%96%99%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%83%E3%83%8850%E5%80%8B%E3%81%BE%E3%81%A8%E3%82%81/ アイコンは多くのホームページやブログなどで利用されており、デザインやスタイルなどもさまざまです。
見た目のデザインだけでなく、コンテンツに合ったデザインを利用することで、ユーザーを目的のターゲットに誘導することができます。

海外デザインブログnoupeで、2010年に発売されたばかりの新しいアイコンセットを50個まとめたエントリーが公開されていたので、今回はご紹介します。

0 Vote(s) ]]> http://freewebdev.jp/brush_PS/30%E3%81%AE%E3%83%AC%E3%83%88%E3%83%AD%E6%84%9F%E3%82%92%E6%BC%94%E5%87%BA%E3%81%A7%E3%81%8D%E3%82%8Bphotoshop%E3%83%96%E3%83%A9%E3%82%B7%E9%9B%86/ http://freewebdev.jp/brush_PS/30%E3%81%AE%E3%83%AC%E3%83%88%E3%83%AD%E6%84%9F%E3%82%92%E6%BC%94%E5%87%BA%E3%81%A7%E3%81%8D%E3%82%8Bphotoshop%E3%83%96%E3%83%A9%E3%82%B7%E9%9B%86/ Mon, 09 Aug 2010 19:04:19 JST http://freewebdev.jp/brush_PS/30%E3%81%AE%E3%83%AC%E3%83%88%E3%83%AD%E6%84%9F%E3%82%92%E6%BC%94%E5%87%BA%E3%81%A7%E3%81%8D%E3%82%8Bphotoshop%E3%83%96%E3%83%A9%E3%82%B7%E9%9B%86/ デザインと一口に言っても様々なデザイン感があり、求められているデザインや目的に応じて、デザインの感覚を調整し、ふさわしい形で創り上げるのがデザイナーの役目ですが、今回紹介するのはレトロな感覚を演出したい時に便利なレトロ感を演出できるphotoshopブラシを集めたエントリーです。



3 Vote(s) ]]> http://freewebdev.jp/html_css/%E3%82%BD%E3%83%BC%E3%82%B9%E4%BB%98%E3%81%8Dcss3%E3%81%A7%E4%BD%9C%E3%82%8B%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%83%AA%E3%83%83%E3%83%81%E3%81%AA%E3%83%9C%E3%82%BF%E3%83%B310%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3/ http://freewebdev.jp/html_css/%E3%82%BD%E3%83%BC%E3%82%B9%E4%BB%98%E3%81%8Dcss3%E3%81%A7%E4%BD%9C%E3%82%8B%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%83%AA%E3%83%83%E3%83%81%E3%81%AA%E3%83%9C%E3%82%BF%E3%83%B310%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3/ Mon, 09 Aug 2010 18:03:36 JST http://freewebdev.jp/html_css/%E3%82%BD%E3%83%BC%E3%82%B9%E4%BB%98%E3%81%8Dcss3%E3%81%A7%E4%BD%9C%E3%82%8B%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%83%AA%E3%83%83%E3%83%81%E3%81%AA%E3%83%9C%E3%82%BF%E3%83%B310%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3/ 次世代の規格として注目され、最新のブラウザでは問題なく認識ができるようになってきているCSS3。今日紹介するのはCSS3を利用してつくるボタン集を紹介したいと思います。

グラデーション、ドロップシャドウ、角丸など、CSS3の機能をふんだんに使って上記のような全部で10のボタンが公開されています。

ありがたいのが、見本のボタンのしたに、ソースコードがそのまま書かれており、細かい作り方まで見ることが出来ますし、CSS3で書かれているため、画像などは使っておらず、すぐに試すことができます。

ソースファイルはまとめてダウンロードすることもできるようになっていて、原文の下部のDownloadからダウンロードできます。


0 Vote(s) ]]> http://freewebdev.jp/vector/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA1000%E5%80%8B%E3%81%AE%E7%84%A1%E6%96%99%E3%83%99%E3%82%AF%E3%82%BF%E3%83%BC%E7%B4%A0%E6%9D%90%E3%82%BB%E3%83%83%E3%83%88/ http://freewebdev.jp/vector/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA1000%E5%80%8B%E3%81%AE%E7%84%A1%E6%96%99%E3%83%99%E3%82%AF%E3%82%BF%E3%83%BC%E7%B4%A0%E6%9D%90%E3%82%BB%E3%83%83%E3%83%88/ Sat, 07 Aug 2010 14:16:11 JST http://freewebdev.jp/vector/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA1000%E5%80%8B%E3%81%AE%E7%84%A1%E6%96%99%E3%83%99%E3%82%AF%E3%82%BF%E3%83%BC%E7%B4%A0%E6%9D%90%E3%82%BB%E3%83%83%E3%83%88/ ウェブサイトを制作するときに、手描きのモックアップで下書きをした後にデザインに取り掛かる方も多いのではないでしょうか。

使い回して利用することで、ワイヤーフレーム作成の作成時間を節約してくれる便利な無料素材を見つけました。


海外デザインブログWebalysで、数百個に及ぶGUIベクター素材、260個のミニマルアイコン、200種類のスタイルを保存したIllustrator用インターフェースデザインキットが公開されていたので、今回はご紹介します。

0 Vote(s) ]]> http://freewebdev.jp/javascript/jquery%E5%88%9D%E5%BF%83%E8%80%85%E3%82%82ok%E3%80%81%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%8A%B9%E6%9E%9C%E3%82%92%E5%8F%96%E3%82%8A%E5%85%A5%E3%82%8C%E3%82%8B%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/ http://freewebdev.jp/javascript/jquery%E5%88%9D%E5%BF%83%E8%80%85%E3%82%82ok%E3%80%81%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%8A%B9%E6%9E%9C%E3%82%92%E5%8F%96%E3%82%8A%E5%85%A5%E3%82%8C%E3%82%8B%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/ Sat, 07 Aug 2010 14:08:45 JST http://freewebdev.jp/javascript/jquery%E5%88%9D%E5%BF%83%E8%80%85%E3%82%82ok%E3%80%81%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%8A%B9%E6%9E%9C%E3%82%92%E5%8F%96%E3%82%8A%E5%85%A5%E3%82%8C%E3%82%8B%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/ jQueryを使用して、サイトにフェードやスライド、表示・非表示、タイマーなどのアニメーション効果を取り入れるチュートリアルを紹介します。

チュートリアルは英語ですが、使用する関数、ソース（HTMLとJavaScript）が必要最小限でまとめられており、デモページ（シンプルすぎかも）もあるため、英語が苦手な人でも大丈夫だと思います。

・アニメーションでフェードイン・フェードアウト
・アニメーションで表示・非表示
・アニメーションでスライドアップ・スライドダウン
・アニメーションで移動

サイトでは他にもアニメーションにディレイやストップを加えたチュートリアルがあります。

1 Vote(s) ]]> http://freewebdev.jp/html_css/ie%E3%81%AEhaslayout%E9%96%A2%E9%80%A3%E3%81%AE%E3%83%90%E3%82%B0%E3%81%A8%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88/ http://freewebdev.jp/html_css/ie%E3%81%AEhaslayout%E9%96%A2%E9%80%A3%E3%81%AE%E3%83%90%E3%82%B0%E3%81%A8%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88/ Sat, 07 Aug 2010 14:02:50 JST http://freewebdev.jp/html_css/ie%E3%81%AEhaslayout%E9%96%A2%E9%80%A3%E3%81%AE%E3%83%90%E3%82%B0%E3%81%A8%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88/ IE6/7/8のhasLayoutが原因でおきるスタイルシートのバグとその解決方法をまとめたサイトを紹介します。

バグは現在、IE6(44個)、IE7(28個)、IE8(19個)登録されており、各ページにバグの解説、バグが生じるデモページ、バグの解決方法とそのデモページなどが掲載されています。

また、CSSのチュートリアルでは、IEの便利なトリックも掲載されています。

1 Vote(s) ]]> http://freewebdev.jp/psd/80%E3%81%AEweb%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%83%95%E3%83%AA%E3%83%BCpsd%E7%B4%A0%E6%9D%90%E9%9B%86/ http://freewebdev.jp/psd/80%E3%81%AEweb%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%83%95%E3%83%AA%E3%83%BCpsd%E7%B4%A0%E6%9D%90%E9%9B%86/ Fri, 06 Aug 2010 18:26:38 JST http://freewebdev.jp/psd/80%E3%81%AEweb%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%83%95%E3%83%AA%E3%83%BCpsd%E7%B4%A0%E6%9D%90%E9%9B%86/ WEBサイトから、パーツまで幅広く制作に利用されているphotoshop。メインで使っている方も多いと思います。今日紹介するのは 80以上のphotoshopで便利に使えるpsd形式の素材を集めた、WEBデザイナーのためのフリーpsd素材集です。

1 Vote(s) ]]> http://freewebdev.jp/Background_pattern/50%E3%82%BB%E3%83%83%E3%83%88%E3%81%AE%E5%88%B6%E4%BD%9C%E3%81%AB%E4%BE%BF%E5%88%A9%E3%81%AAphotoshop%E3%80%81illustrator%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3%E9%9B%86/ http://freewebdev.jp/Background_pattern/50%E3%82%BB%E3%83%83%E3%83%88%E3%81%AE%E5%88%B6%E4%BD%9C%E3%81%AB%E4%BE%BF%E5%88%A9%E3%81%AAphotoshop%E3%80%81illustrator%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3%E9%9B%86/ Fri, 06 Aug 2010 18:18:26 JST http://freewebdev.jp/Background_pattern/50%E3%82%BB%E3%83%83%E3%83%88%E3%81%AE%E5%88%B6%E4%BD%9C%E3%81%AB%E4%BE%BF%E5%88%A9%E3%81%AAphotoshop%E3%80%81illustrator%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3%E9%9B%86/ 特定の絵柄を敷き詰めていくことができるパターン。デザインを作りこんでいく上で、簡単に質感を高めたりディテールを高めたりすることができます。今日紹介するのは制作に便利な、photoshop、illustratorパターン集のエントリーです(全部で500パターン以上)。

1 Vote(s) ]]> http://freewebdev.jp/image_photo/%E5%95%86%E7%94%A8%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B%E7%84%A1%E6%96%99%E3%81%AE%E5%86%99%E7%9C%9F%E7%B4%A0%E6%9D%90%E3%82%B5%E3%82%A4%E3%83%88-%E5%8E%B3%E9%81%B8%E3%81%BE%E3%81%A8%E3%82%81/ http://freewebdev.jp/image_photo/%E5%95%86%E7%94%A8%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B%E7%84%A1%E6%96%99%E3%81%AE%E5%86%99%E7%9C%9F%E7%B4%A0%E6%9D%90%E3%82%B5%E3%82%A4%E3%83%88-%E5%8E%B3%E9%81%B8%E3%81%BE%E3%81%A8%E3%82%81/ Fri, 06 Aug 2010 14:34:40 JST http://freewebdev.jp/image_photo/%E5%95%86%E7%94%A8%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B%E7%84%A1%E6%96%99%E3%81%AE%E5%86%99%E7%9C%9F%E7%B4%A0%E6%9D%90%E3%82%B5%E3%82%A4%E3%83%88-%E5%8E%B3%E9%81%B8%E3%81%BE%E3%81%A8%E3%82%81/
無料では貴重な人物写真素材を多く配布するサイトなども含まれています。

2 Vote(s) ]]> http://freewebdev.jp/icon/40%E3%81%AEiphone%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8mac%E9%A2%A8%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E9%9B%86/ http://freewebdev.jp/icon/40%E3%81%AEiphone%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8mac%E9%A2%A8%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E9%9B%86/ Fri, 06 Aug 2010 14:27:55 JST http://freewebdev.jp/icon/40%E3%81%AEiphone%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8mac%E9%A2%A8%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E9%9B%86/ 多くのユーザーに愛用されている「iPhone」に"アプリケーション"は欠かせない存在ですが、今回紹介するのは、そんなiPhoneアプリ風のアイコンを集めた記事です。

定番に近いデザインのものから、シンプルなもの、またかなり個性的なデザインまでさまざまなタイプのアイコンが収録されています。

1 Vote(s) ]]> http://freewebdev.jp/javascript/%E9%9D%9E%E5%B8%B8%E3%81%AB%E3%83%80%E3%82%A4%E3%83%8A%E3%83%9F%E3%83%83%E3%82%AF%E3%81%8B%E3%81%A4%E5%8D%B0%E8%B1%A1%E7%9A%84%E3%81%AB%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E3%83%8A%E3%83%93%E3%82%B2%E3%83%BC%E3%83%88%E3%81%99%E3%82%8B%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88/ http://freewebdev.jp/javascript/%E9%9D%9E%E5%B8%B8%E3%81%AB%E3%83%80%E3%82%A4%E3%83%8A%E3%83%9F%E3%83%83%E3%82%AF%E3%81%8B%E3%81%A4%E5%8D%B0%E8%B1%A1%E7%9A%84%E3%81%AB%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E3%83%8A%E3%83%93%E3%82%B2%E3%83%BC%E3%83%88%E3%81%99%E3%82%8B%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88/ Thu, 05 Aug 2010 15:39:44 JST http://freewebdev.jp/javascript/%E9%9D%9E%E5%B8%B8%E3%81%AB%E3%83%80%E3%82%A4%E3%83%8A%E3%83%9F%E3%83%83%E3%82%AF%E3%81%8B%E3%81%A4%E5%8D%B0%E8%B1%A1%E7%9A%84%E3%81%AB%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E3%83%8A%E3%83%93%E3%82%B2%E3%83%BC%E3%83%88%E3%81%99%E3%82%8B%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88/ 画面遷移が非常に印象的な体験に変わるUIが実現出来るJSです。

グリッドあるいはマトリックスに配置したサムネイルを使用して、ダイナミックにウェブサイトをナビゲートするスクリプトを紹介します。

マトリックスに配置された各サムネイルをクリックすると、該当のパネルへアニメーションで遷移します。

0 Vote(s) ]]> http://freewebdev.jp/WordPress_Theme/45%E3%81%AE%E9%AD%85%E5%8A%9B%E7%9A%84%E3%81%AA%E3%83%95%E3%83%AA%E3%83%BCwordpress%E3%83%86%E3%83%BC%E3%83%9E/ http://freewebdev.jp/WordPress_Theme/45%E3%81%AE%E9%AD%85%E5%8A%9B%E7%9A%84%E3%81%AA%E3%83%95%E3%83%AA%E3%83%BCwordpress%E3%83%86%E3%83%BC%E3%83%9E/ Thu, 05 Aug 2010 15:26:03 JST http://freewebdev.jp/WordPress_Theme/45%E3%81%AE%E9%AD%85%E5%8A%9B%E7%9A%84%E3%81%AA%E3%83%95%E3%83%AA%E3%83%BCwordpress%E3%83%86%E3%83%BC%E3%83%9E/ とっくにスタンダードとなったWordpressのテーマを集めた記事です。
短期間でブログサイトを構築する際のベースとしても役立ちます。

0 Vote(s) ]]> http://freewebdev.jp/psd/40%E3%81%AE%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%81%AE%E9%AB%98%E3%81%84web%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88psd/ http://freewebdev.jp/psd/40%E3%81%AE%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%81%AE%E9%AB%98%E3%81%84web%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88psd/ Thu, 05 Aug 2010 15:18:57 JST http://freewebdev.jp/psd/40%E3%81%AE%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%81%AE%E9%AB%98%E3%81%84web%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88psd/ WEBを制作する際にphotoshopで制作しているひとには便利なpsdテンプレート。パーツを参考にしたり、全体のベースとしたり様々な使い方がありますが、今日紹介するのはクリエイティブで、プロフェッショナルなWEBレイアウトPSDファイルをまとめたエントリーです。


1 Vote(s) ]]> http://freewebdev.jp/javascript/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AB%E4%BD%BF%E3%81%88%E3%82%8B%E3%83%81%E3%83%A3%E3%83%BC%E3%83%88%E3%83%BB%E3%82%B0%E3%83%A9%E3%83%95%E3%83%84%E3%83%BC%E3%83%AB%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D/ http://freewebdev.jp/javascript/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AB%E4%BD%BF%E3%81%88%E3%82%8B%E3%83%81%E3%83%A3%E3%83%BC%E3%83%88%E3%83%BB%E3%82%B0%E3%83%A9%E3%83%95%E3%83%84%E3%83%BC%E3%83%AB%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D/ Thu, 05 Aug 2010 15:15:46 JST http://freewebdev.jp/javascript/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AB%E4%BD%BF%E3%81%88%E3%82%8B%E3%83%81%E3%83%A3%E3%83%BC%E3%83%88%E3%83%BB%E3%82%B0%E3%83%A9%E3%83%95%E3%83%84%E3%83%BC%E3%83%AB%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D/
2 Vote(s) ]]> http://freewebdev.jp/Tool_and_Software/adobe%E3%81%AE%E6%9C%89%E6%96%99%E3%82%BD%E3%83%95%E3%83%88%E3%82%92%E8%B2%B7%E3%81%86%E5%89%8D%E3%81%AB%E3%80%81%E4%BB%A3%E6%9B%BF%E3%81%AB%E3%81%AA%E3%82%8B%E7%84%A1%E6%96%99%E3%82%BD%E3%83%95%E3%83%88%E3%81%A7%E3%82%B3%E3%83%84%E3%82%92%E6%8E%B4%E3%82%82%E3%81%86%E3%83%BB%E4%BD%BF%E3%81%84%E6%96%B9%E3%81%BE%E3%81%A8%E3%82%81/ http://freewebdev.jp/Tool_and_Software/adobe%E3%81%AE%E6%9C%89%E6%96%99%E3%82%BD%E3%83%95%E3%83%88%E3%82%92%E8%B2%B7%E3%81%86%E5%89%8D%E3%81%AB%E3%80%81%E4%BB%A3%E6%9B%BF%E3%81%AB%E3%81%AA%E3%82%8B%E7%84%A1%E6%96%99%E3%82%BD%E3%83%95%E3%83%88%E3%81%A7%E3%82%B3%E3%83%84%E3%82%92%E6%8E%B4%E3%82%82%E3%81%86%E3%83%BB%E4%BD%BF%E3%81%84%E6%96%B9%E3%81%BE%E3%81%A8%E3%82%81/ Thu, 05 Aug 2010 14:58:46 JST http://freewebdev.jp/Tool_and_Software/adobe%E3%81%AE%E6%9C%89%E6%96%99%E3%82%BD%E3%83%95%E3%83%88%E3%82%92%E8%B2%B7%E3%81%86%E5%89%8D%E3%81%AB%E3%80%81%E4%BB%A3%E6%9B%BF%E3%81%AB%E3%81%AA%E3%82%8B%E7%84%A1%E6%96%99%E3%82%BD%E3%83%95%E3%83%88%E3%81%A7%E3%82%B3%E3%83%84%E3%82%92%E6%8E%B4%E3%82%82%E3%81%86%E3%83%BB%E4%BD%BF%E3%81%84%E6%96%B9%E3%81%BE%E3%81%A8%E3%82%81/
全く同じとは行きませんが、例えばPhotoshopの代替ソフトとして有名なGIMPはPhotoshop専用の拡張子であるPSDファイルも開く事が出来ますし、GIMPで作ったファイルをPSDに変換する事も可能です。勉強からスタートするおつもりなら無料のソフトから、という形もありではないかと思います。

そこで、各Adobe製品の代替ソフトとなるような無料のソフトと、その使用法が書かれたサイトをまとめておきます。

1 Vote(s) ]]> http://freewebdev.jp/javascript/%E7%94%BB%E5%83%8F%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%E3%81%AAjquery%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3224%E5%80%8B%E3%81%BE%E3%81%A8%E3%82%81/ http://freewebdev.jp/javascript/%E7%94%BB%E5%83%8F%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%E3%81%AAjquery%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3224%E5%80%8B%E3%81%BE%E3%81%A8%E3%82%81/ Thu, 05 Aug 2010 14:53:16 JST http://freewebdev.jp/javascript/%E7%94%BB%E5%83%8F%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%E3%81%AAjquery%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3224%E5%80%8B%E3%81%BE%E3%81%A8%E3%82%81/ 画像にエフェクトをかけて拡大表示 したり、スライドを作ったり、ツール チップで表示したり、というような 画像を使用したjQuery全般が沢山 あるのと、探してる方が直ぐに見つ けられるようにリンク集を作りました。

という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。

さらに日本語と英語記事が切り替えられるようになっていて素敵です。

-1 Vote(s) ]]> http://freewebdev.jp/javascript/ec%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AA%E3%81%A9%E3%81%AB%E8%89%AF%E3%81%95%E3%81%92%E3%81%AA360%E5%BA%A6%E5%9B%9E%E8%BB%A2%E3%81%A7%E3%81%8D%E3%82%8B%E7%94%BB%E5%83%8Fjs%E3%83%93%E3%83%A5%E3%83%BC%E3%83%AF%E3%83%BC/ http://freewebdev.jp/javascript/ec%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AA%E3%81%A9%E3%81%AB%E8%89%AF%E3%81%95%E3%81%92%E3%81%AA360%E5%BA%A6%E5%9B%9E%E8%BB%A2%E3%81%A7%E3%81%8D%E3%82%8B%E7%94%BB%E5%83%8Fjs%E3%83%93%E3%83%A5%E3%83%BC%E3%83%AF%E3%83%BC/ Thu, 05 Aug 2010 14:43:04 JST http://freewebdev.jp/javascript/ec%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AA%E3%81%A9%E3%81%AB%E8%89%AF%E3%81%95%E3%81%92%E3%81%AA360%E5%BA%A6%E5%9B%9E%E8%BB%A2%E3%81%A7%E3%81%8D%E3%82%8B%E7%94%BB%E5%83%8Fjs%E3%83%93%E3%83%A5%E3%83%BC%E3%83%AF%E3%83%BC/ Swivel ViewerはGoogle/JavaScript製のオープンソース・ソフトウェア。物を買うときには色々な角度から商品を見たいと思うだろう。一方向だからだけ眺めても実感が沸かなかったり、側面から捉えた写真があってもやはり分かりづらかったりする。

その解決策としてGoogleが提案しているのが360度全方向からの写真提供だ。一つのオブジェクトを全方向から写真を撮る必要があるので素材の用意も大変だが、素材さえ用意すればビューワーはSwivel Viewerが利用できる。

JavaScript製のイメージビューワーで、マウスで左右に動かすことができる。マウスを動かすと写真の中の対象オブジェクトが回転する仕組みだ。
さらにズーム機能がある。

1 Vote(s) ]]> http://freewebdev.jp/font/%E7%99%BB%E9%8C%B2%E6%95%B0%E3%81%AF70000%E4%BB%A5%E4%B8%8A%E3%80%81%E5%95%86%E7%94%A8%E3%81%A7%E3%82%82%E7%84%A1%E6%96%99%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88/ http://freewebdev.jp/font/%E7%99%BB%E9%8C%B2%E6%95%B0%E3%81%AF70000%E4%BB%A5%E4%B8%8A%E3%80%81%E5%95%86%E7%94%A8%E3%81%A7%E3%82%82%E7%84%A1%E6%96%99%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88/ Thu, 05 Aug 2010 14:38:07 JST http://freewebdev.jp/font/%E7%99%BB%E9%8C%B2%E6%95%B0%E3%81%AF70000%E4%BB%A5%E4%B8%8A%E3%80%81%E5%95%86%E7%94%A8%E3%81%A7%E3%82%82%E7%84%A1%E6%96%99%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88/ 70,000個以上の商用・非商用で無料で利用できるフォントをまとめたサイトを紹介します。
登録されているフォントは82のカテゴリに分けられており、日本語（Japanese）のカテゴリもあります。

1 Vote(s) ]]> http://freewebdev.jp/html_css/html5%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%E3%81%AE%E3%81%8A%E3%81%95%E3%82%89%E3%81%84/ http://freewebdev.jp/html_css/html5%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%E3%81%AE%E3%81%8A%E3%81%95%E3%82%89%E3%81%84/ Fri, 30 Jul 2010 01:41:25 JST http://freewebdev.jp/html_css/html5%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%E3%81%AE%E3%81%8A%E3%81%95%E3%82%89%E3%81%84/
1 Vote(s) ]]> http://freewebdev.jp/photoshop_action/1000%E3%81%AEphotoshop%E3%81%AEaction%E3%81%BE%E3%81%A8%E3%82%81/ http://freewebdev.jp/photoshop_action/1000%E3%81%AEphotoshop%E3%81%AEaction%E3%81%BE%E3%81%A8%E3%82%81/ Thu, 29 Jul 2010 18:50:09 JST http://freewebdev.jp/photoshop_action/1000%E3%81%AEphotoshop%E3%81%AEaction%E3%81%BE%E3%81%A8%E3%82%81/ 数だけはあるのでActionを探すとっかかりにいいかもしれません。

1 Vote(s) ]]>