WEB制作者のための32個のブックマークまとめ(part2)

  • 2007/05/30
  • このエントリーをはてなブックマークに追加

スポンサーリンク

WEB制作者の為のまとめ

前回ご紹介した
今押さえておくべきWeb制作に役立つ37個のブックマークまとめ
と一緒にあわせて使うとより強力になるかもしれません。

前回の記事のあとにみつけた32個のブックマーク集です。
IT/Web業界に強い転職サイトGreen

WEBツール


CSS Dock Menu
CSS Dock Menu

マックのドックのような動きをするインターフェイスタブをあなたのページにつける事が出来るツール。動きが滑らか。


Dynamic Page Flip v2 from shift+control
FLASH

本をぺらぺらとめくるようなイメージギャラリー。
これはかなり見た目インパクトが強い。
画面中央左の『Download the source files』のところで無料でダウンロードできる。オリジナルのカタログもつくれそう。
ためしに使ってみたけど、RSSパーサーと組み合わせると、ページにRSS受信も出来た。アイデア次第でなんでもいけそうですよ。


10 Free CSS Graph Resources
フリーで使えるCSSグラフ

無料のCSSグラフライブラリ10選。
一つだけチュートリアルつくってます。
Ajax・CSS・PHPで簡単に棒グラフが作成できる『Ajax MGraph』
棒グラフ表示をお求めの方に。


Dynamic Ajax Tabs in 20 Lines
20行で動くAjaxタブ

20行で使えるAjaxタブインターフェイス。(phpspot開発日誌


YouTubeのサムネイル画像をクリックするとそのページ内で動画を開くAjax
YouTube

YouTubeのサムネイル画像をクリックするとAjaxによって同一ページ内にムービー再生用テーブルが生まれる。
かなり素敵。

(2007年10月23日削除処理:アダルトサイトになってました(苦笑))
追記、ようやく普通のサイトのアドレスを見つけました・・・。
http://videobox-lb.sourceforge.net/


同一ページ内にイメージでもサイトでもなんでも呼べるAjaxライブラリ
Ajax

これは上のYouTubeのさらにすごいものだ。
色々なサイトに使えそう。
あとは使いどころをアイデアで勝負ですね。


2.0式反射効果をJavascriptにやらせるライブラリ
200705290144.jpg

上のような反射効果を、Javascriptにやらせてしまおうと言うライブラリです。
あらかじめJavascriptを読み込んでおけば、imgタグにclass="reflect rheight30 ropacity60"と付け足すだけで反射効果が得られる。rheight30が画像の高さでropacity60が画像の透明度です。


お気に入りの画像を立体的なドット絵にしてくれるサービス
ドット絵

しくみがどうなっているかわからないけどとにかくすごい。
ドット絵の画像を作り出してくれます。


背景用のストライプを生成してくれるジェネレータ
背景ストライプ

ちょっとした操作で背景用のストライプを生成してくれる。
英語だけど操作が簡単なので誰でも使えそう。


6つのフェイスが選べるページをめくるような間隔のライブラリ
上で紹介したページめくりライブラリよりも、硬い本のイメージですね。


Yellowpipe - HTML converter: HTML to PHP, HTML to Javascript, HTML to ASP
PHP、HTML、Javascript、ASPをそれぞれ変換できるサービス


アイコン


Icons, Buttons and Templates | Smashing Magazine
Icons, Buttons and Templates | Smashing Magazine

もうめちゃくちゃすごいアイコンまとめ。


2007年上半期人気無料アイコン配布ページ31個のまとめ。その数17000個以上
私のアイコンまとめ。


ユニークなアイコンが異常なクオリティの高さを誇るアイコン集サイト『WEBSITEICONS』
ユニークで面白いものが多い。
商用は禁止っぽいですね。


PhotoShop関連


virtualPhotographer


ボタン一つで画像に様々なバリエーションを加える事が出来るプラグイン。


Flaming Pear


多くのエフェクトをフリーで配布している。


Free plugins for Adobe Photoshop, Paint Shop Pro and Adobe Premiere


69個の独自エフェクトが使えるようになるプラグイン。


Top 50 Logo Design Tutorials
ロゴのチュートリアル

50個のロゴのチュートリアル。
勉強になりますね。


Free Plugins for Photoshop
200705282219.gif

フリーで使える色々なエフェクトプラグイン。
左のサイドメニューから選ぶと、ビフォーアフターでわかりやすく説明されている。
ちなみに上の画像のプラグインはこのページ


Ultimate Web 2.0 Gradients - FREE Download


PhotoShopで、簡単にWeb2.0風ボタンが作れてしまう無料グラデーションファイル。
インストール方法は紹介もとのデザインウォーカーさんでどうぞ。
DesignWalker


Ultimate Web 2.0 Layer Styles - Free Download
200705282320.jpg

上のグラデーションファイルとは違い、レイヤーファイルとなっている。
ボタン作成はこちらの方が圧倒的に使いやすい。


テンプレート


Faux Column CSS Layouts
css

フリーで使える42個のCSSテンプレート。勉強用にも使える。


Open Web Design - Download Free Web Design Templates
htmlテンプレート

前回紹介したときに比べさらに150ほど増えている。
全部で2300近くあるHTMLテンプレートサイト。無料で使えるのがありがたい。勉強の為には是非ともここがお勧めかも。
ダウンロード方法は以前私が書いた記事で。

フォント


500個のフリーで使えるフォント集
人気フォント500

見ているだけでなんだか楽しいフォントが多い。
ただディズニー系はなんとなくグレーゾーンな気がしてならない。


9800個のフリーフォント集
フォント

上のABCDEFと並んでいる文字をクリックすると左側にどばっと出てきます。


人気フォントが探しやすいサイト
フォントを評価

Amebaビジョンのように、フォントに対する良い悪いという評価がつけれるから人気フォントを探しやすい。
こういうアイデアは今後役立てていきたいものです。


フォント投稿サイト
フォント投稿サイト

投稿されたフォントは無料でダウンロード可能。現在12000以上のフォントがある。


テクニック


CSSを使ったテキストをデザインとして魅せるテクニック集:phpspot開発日誌
これは結構アイデア次第で使えそう。


PHPを使用してCSSの色をコントロールする - PHPプロ!ニュース
このあたりは覚えておいて損は無いかも。


Photoshopの無料シェイプを使って簡単にアイコンを作る方法
無料シェイプは結構使えますね。



スポンサーリンク

トップへ戻る

Twitter版のネタ帳では毎週月曜~金曜までWeb屋さんに役立つ色んな情報や単なるネタまでをつぶやいています。

関連するエントリー

コメント

この記事にコメントする人はクリック

コメントポリシーをお読みください
管理者にだけ表示を許可する

- 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2007/05/30 Wed 20:30| |

evasive ・・・すいません。

・・・すいません。
TBダブッて・・しまいました。v-16・・申し訳ありません。

2007/06/02 Sat 22:40| |

トラックバック

この記事にトラックバックする人はクリック

ホームページネタ帳さんのブックマークまとめ(part2)

yamadaさん このまとめはすばらしいですね。 タイトルの通りのネタ帳です。 ...

マウンテンブック:2007-05-31 10:02

links for 2007-05-31

WEB制作者のための32個のブックマークまとめ(part2)*ホームペ...

ICK.ramone:2007-05-31 23:21

videobox・・・?

  「ホームページを作る人のネタ帳」さんで紹介されているvideobox。これはYouTubeの動画を開くAjaxみたいです。・・・早速、トライしてみましょう?・・・まずは・・<head>~</head>に・・・<script type="text/javascript" src="js/mootools.js&quo

evasive:2007-06-02 22:34

無題

ここ何日かホームページを作ってたのですが、久しぶりなのと何よりもCSSなど最近の技術について行けずに苦戦。というか勉強になりました。昔はtableタグをガシガシ書いてレイアウトしてたんですが、今回は構造的に美しいWebサイトにしておきたいと思って。まだ出来てないか

studio nowhere blog:2007-06-10 01:22

2007年6月27日のヘッドラインニュース

アメリカのブロードバンドの平均速度は1.97Mbps、他国を下回る - GIGA...

VOLTEX OF LOVE:2007-06-28 00:39

FC2Ad

広告


IT・Web業界の求人なら転職サイトgreen(グリーン) ホームページテンプレート、WordPressテーマ、Facebookページテンプレートならクラウドテンプレート ネットマーケティングとは│ネットマーケティング検定 SEOコンサルティング&SEO対策 無料レスポンシブWebデザインテンプレート 広告主募集

あわせて読みたい
フィードメーター - ホームページを作る人のネタ帳

人気の記事一覧

あなたのブログの再訪問者を増やす50の方法

私の経験から感じた事を書き記します。全てが全てその時々で、正しいとは限りませんが、一つの指針としてお使いください。因みに全部リスト化すると230くらいありましたが、それはきっとセミナーとかでやるかなぁと。

http://e0166.blog89.fc2.com/blog-entry-824.html

あなたの生活を確実に拘束し時間を浪費させる動画50

今回は生産性を向上させる事ばかり考えて記事を書いてきたので、逆に年末にかけて忙しい皆さんの時間を出来るだけ拘束し、忙しさを倍増させるものが無いかを考えました。その結果、動画で行こうと言う事になったのが1ヶ月以上前。動画閲覧本数はおそらく600本以上。その中から、おもしろそうなものを50個ベストチョイスいたしました。

http://e0166.blog89.fc2.com/blog-entry-820.html

webデザインのセンスを磨く○○系のwebデザインまとめ

webデザインを学ぶならwebデザインから。と言うわけで、今回は海外のエントリを中心に、○○系のまとめをまとめます。

http://e0166.blog89.fc2.com/blog-entry-817.html

jQueryプラグインのベストトレンド総まとめ2010

もはやこの業界ではかなり浸透しつつあるjQuery。今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。

http://e0166.blog89.fc2.com/blog-entry-816.html

ツイッターの日常における35の行動パターン

私が良く見かける35の行動パターンに名前をつけてみようと思う。年末の誰も見てない時に公開しようと思っていた、ただのネタだったのですが、結構時間がかかりこの時期に・・・。

http://e0166.blog89.fc2.com/blog-entry-823.html

ウェブデザイナーのためのウェブアプリ15

OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。

http://e0166.blog89.fc2.com/blog-entry-784.html

愛用するGoogleChromeエクステンション12個

この2年でノートPC2台購入。自他のPCはクラッシュしてリカバリー。会社のPCは新しいのがあたり、再セットアップ。そんなこんなで、会社はまぁともかくとして、とりあえず全PCが比較的3ヶ月に一度リカバリーしてもいいように、自分用にメモとして残しておきます。

http://e0166.blog89.fc2.com/blog-entry-784.html

文章や会話のプレゼンテーションを向上させる方法

文章力がないためにプレゼンに失敗した、会話がうまくできずにプレゼンに失敗した。こういう経験はなかなか無い。なぜなら多くの場合、失敗したことに気がつかないからです。

http://e0166.blog89.fc2.com/blog-entry-802.html

サイトの裏側の意識を変え売り上げをアップする方法

ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。はたして、webサイト運営がどのように変わったのでしょうか。。

http://e0166.blog89.fc2.com/blog-entry-749.html

webサイトのリピーターを増やすさりげない5つのコツ

多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。

http://e0166.blog89.fc2.com/blog-entry-746.html