web制作者のための2008年1月BESTまとめ43+暇つぶしゲーム2

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

スポンサーリンク

ウェブ制作者のためのBESTエントリ

すっかり忘れていたまとめシリーズエントリ。

今年の1月のを集めています。時間のあるときにでも、拾い忘れているものがあれば拾っていってくださいませ。
過去のベストエントリは総合まとめページにて掲載中です。

(現在画像サーバーからの応答がなくなりました、もしかして飛んだ?)復旧しました。
IT/Web業界に強い転職サイトGreen

ツール


Allan Jardine | Design
ブックマークレット

webデザインの確認ができるブックマークレット。
4つの機能がついていて、簡単にデザインの確認ができるということで話題を呼んでいましたね。
レビュー記事はこちらで。



HanovSolutions.com
不要な画像を消し去るツール

特定の写真から、特定の領域を消し去るツール。
例えばいらないものが移ってしまった場合、その部分を黒く塗りつぶすと、周りの画像から自動的にその空間を予測し、作り上げてくれると言う代物。
すごすぎ!



FREE PDF Printer
PDFプリンタ

印刷可能なソフトであれば、なんでもPDFにする事ができるフリーソフト。
広告もない、スパイウェアもない、商用利用も可能という無敵ライセンスが特徴です。
レビューや、インストール方法はGIGAZINEで。日本語対応しています。



デザイン


PNG Icons & Icon Packs Download | IconsPedia
アイコンダウンロードサイト

ほんとかっこいいアイコンばかりある素材まとめサイト。
トップのrandomicon(ランダムアイコン)はアクセスするたびに、違うのが表示されるので、なかなか面白いですよ。
注意点は、各アイコンのライセンス。作者によって違うため、確認が必要です。



ウェブデザイン・ギャラリーサイトまとめ
デザインウォーカー

webサイトを作るときに参考になるwebデザインのインスピレーション。



everyday icons Playground
デスクトップアイコン

個人利用内で使えるアイコンとか色々ありますが量はそんなにありません。
ただ、配布だけをみるのでは無く、サイト全体の遊びを勉強するのにも使えます。



100 Excellent Free WordPress Themes | Developer's Toolbox | Smashing Magazine
ワードプレステンプレート

クールで刺激的なwordpressテンプレート100選。



Free Wordpress themes
フリーワードプレステーマ

無料のワードプレステーマダウンロードサイト。1000以上ありますが、特徴は色や内容のイメージカテゴリから検索できるというのがポイントでしょうか。(食べ物、街等)



Geek Trends: 15 Footers with great usability by Pop Upon Magazine
フッターの素敵なサイト15個

フッターが素敵なサイト15個。
あまり力を入れないで作ってますけど、こういうの見るとちゃんとしないとダメなんだなぁとか感じますね。上の画像は、上記まとめで紹介されているサイトです。



20 Websites With Unique Layouts | Vandelay Website Design
ユニークデザインサイト

ユニークなデザインのwebサイト20選。
ユーザビリティを壊さずにどうやってユニークさを表現しようかと悩んだらここへ。
どちらにしても新しい挑戦は、ユーザビリティを壊す可能性は高いのですが・・・。



閃光、爆発などの光や風などを表現できるPhotoshopのブラシ
photoshop光のブラシ集

フォトショップのブラシ集。
結構お世話になれる良質なまとめエントリでした。
画像をクリックすると、ブラシの詳細が出るのがすごい手が込んでて素敵です。



Adobe Photoshop Tutorials - Best Of
フォトショップチュートリアル

フォトショップチュートリアルの総まとめ。
フォントからパーツから人の加工からなにから全部揃っちゃってます。



Emma Alvarez Site: Top Best 55 Photoshop Tutorials For Professional Photographers
フォトショップチュートリアル

フォトショップの加工方法55個。
残念ながら見れないものも結構ありますが、勉強になりますね。



PSDTuts - Photoshop Tutorials and Links - Creating A Cool 3D Web Design Effect
photoshopチュートリアル

photoshopのチュートリアル。
上の画像のように、ちょっと浮いた感じの3Dメニューの作り方。



リアル・グラデーションの作法 | Nitram+Nunca
リアルグラデーションの作法

デザインにおけるグラデーションとは何かということについて、わかりやすく解説されています。



テキストを反射させる方法
フォトショップチュートリアル

日本語解説のフォトショップ反射テクニック。
私は面倒なので反射用グラデーションをあらかじめ作って、反射用アクションの登録してますが、人それぞれのやり方を見せてもらうのも勉強になりますね。



Soïa & Kyo
美しいフラッシュのインスピレーション

FLASHによる美しいデザインのインスピレーション。
手書き風とモデルをマッチさせてます。
また、ページ送り方法もズームというユニークな方法を取り入れています。見てみる価値高い。



Welcome to » Old Book Illustrations: pictures scanned from old books
中世ヨーロッパ風画像

ちょっと昔風のイラスト素材サイト。



35 hochwertige Freefonts
ちょっと特徴のある使いやすいフリーフォント35

ちょっと特徴のある使いやすそうなフリーフォント35個。
日本語対応はしていません。



Ajax・JavaScript


ie7-js - Google Code
IE7.js

IEの動作をW3C標準仕様へ準拠させるためのライブラリ。
IE5やIE6で透過PNGを表示させる事もできる。こちらのレビュー記事が参考になります。



Shadowbox.js Media Viewer
lightbox効果

動画、FLASHなどにもlightboxのような効果、演出をつけることができるJavaScript。
レビュー記事はこちらで。



Google マップ API - Google Code
Googleマップ

GoogleマップAPIのドキュメントが日本語対応した月でしたね。
ドキュメントページに話題が集まりました。



「音出注意」next.yahoo » Blog Archive » Easylistener
MP3プレイヤーコード

JavaScriptベースの1行追加するだけで使えるMP3プレーヤー。
詳細はこちらで見れます。
ブログパーツなんかにも使われているみたいですね。



Lightview
カスタマイズできるボックス

画像を拡大するポップアップを出したりするjsライブラリ。prototype.js必須です。
Lightviewのレビュー、わかりやすいカスタマイズ属性名を記してある記事はこちらで。



Ajaxライブラリまとめ
Ajaxライブラリをめちゃくちゃまとめられています。
お疲れ様でしたって言いたいほどすごいエントリです。



webサービス


AXE WAKE-UP SERVICE INC.
モーニングコールサービス

プロモーションサービスとして立ち上げたサイト。
webサービスの中でも伝説的サービス。
電話番号を入力すると、かわいいおねぇさんが電話で起こしてくれると言うとんでもないネタサービスです。
試した人いるんだろうか・・・。



HairMixer.com: See a new hairstyle on your photo in seconds!
髪型チェックできたりするサービス

二枚の写真の顔部分を入れ替えることができるwebサービス。
レビューエントリーはこちら



知らないと損する便利なGoogle検索Tipsトップ10
Googleの便利な使い方

第一位の、『顔検索』とかすごい機能があるんだなぁと感動しました。



CSS関連


タグクラウドのサンプル作ってみた
CSSタグクラウドサンプル

CSSのタグクラウドサンプルのダウンロードとお勉強ができます。



Eric's Archived Thoughts: Resetting Again
CSSの初期化。


CSSで罫線を角丸で表示する(1):FirefoxとSafariのCSS
FirefoxとSafariのCSSを4ページに渡り解説されています。


101CSS技術の続き+CSS関連エントリおまけ


FLASH


Movie Clip Tweening prototypes - download
Flash

かっこいい動作のFLASHライブラリ。
flaファイルをダウンロードできます。詳細やサンプルはコリスさんに。



Flash Doodle
遊びフラッシュ

ゲーム、とは違いますが、これ1つで15分くらいは時間潰せます。
棒の色によって性質が異なり、黒が泡になります。
泡出しすぎると、PCに過剰なトラフィックをかけることになりますのでご注意を。



読み物


より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ
webサイトの構成ユーザビリティについて。
スクロールさせるためのテクニック。


Googleウェブマスターツール完全マニュアル
Googleウェブマスターツールの完全攻略エントリです。
SEO担当者の方必見ですね。


Ajaxアプリケーション開発における7つの大罪
その名の通り。
Ajaxアプリケーション開発前の必読エントリ。


たった3行加えるだけで、ページの読み込み時間を劇的に改善させる『class.compressor.php』
読み物に入るかどうか悩みましたがここに。
PHPによってページの読み込み時間をすばやくするというもの。ダウンロードは上記サイトへ。
ちなみに、コメントも読んでおく事。


ユーザビリティの高い、使いやすいフォームを制作するための12のポイント
海外記事の和文。フォームの設計を良くする12の基礎として読んだほうがいいかも。
海外元記事が既に無くなっているというのは気にしない。


JavaScriptの動作を軽くするための工夫
JavaScriptによってwebページの動作を重くする原因を知り、それらを回避するための方法などが書かれています。


リキッド・レイアウトでチェックボックスを綺麗に並べる - WebOS Goodies
チェックボックスを綺麗に並べるテクニック実践術。


なぜ、サイトにアクセスした人のほとんどが途中であきらめてしまうのか?
主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏のユーザビリティ向上の秘訣と考え方。


やる夫がWEBデザイナーになるようです
やる夫で見るweb制作現場の実態。


web制作者のための(あんまり関係ない)息抜きゲーム


魔球ロワイヤル
魔球ロワイヤル

めちゃくちゃ脱力系の見た目にも関わらず、かなり作りこまれている伝説のFLASHゲーム。
魔球を作るためには選手登録が必要。打つだけなら不要。
魔球を作ると、それをブログパーツとして発行でき、魔球を打つための挑戦状を公開できる。
どの魔球もありえない動きをしているけど、何度かやれば打てない球はありませんでした。打つと変な快感を得られます。
また、ホームランが飛距離130mとかで出ますが、クリーンヒットで500mとかでました。面白すぎ。



設置防衛ゲーム
設置型防衛ゲーム

進行してくる敵を撃破するためにユニットを設置して『見守る』ゲーム。
操作は触れば直感でわかります。
特殊なのがMANAゲージが75以上のときPOISONが使えるというのと、画面の移動が『スペースキー』を押しながらドラッグと言う点くらいです。
あとは、なぜか忍者がつよいという特徴をもっています・・・。


トップの画像について


the things flickr does for me | day 308
Photographer
TeeRish
License
Creative Commons (by-nc)
Tool for photo selecting
Gigazinize Tools - Image



スポンサーリンク

トップへ戻る

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

関連するエントリー

コメント

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

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

ジップ

初めましてYamada様。
このシリーズは欠かさず見てます。
一ヶ月の楽しみとしてこれはアリだと思います。
そんなわけで言わせていただくと、12月を忘れてませんか?w

2008/03/31 Mon 10:14| |

トラックバック

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

花粉症とか風邪とか。

花粉症が一段落したと思ったら、花冷えで風邪をひいてしまいました。 鼻水だらだらです。泣 web制作者のための2008年1月BESTまとめ43+暇つぶ...

日々、ウェブデザインとネットニュースとゲームとか。:2008-03-31 22:29

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