ホームページ制作まん

ツール: 2009年6月アーカイブ

START PANIC

user-pic

普段何気なく観覧しているインターネット。

そこに潜む脆弱性を伝えてくれるサイト。

とり.png

こちらのサイトで「Let's Start」ボタンを押してしばらくすると
「あなた、こんなサイト見たことあるでしょう?」的なサイトがずらずらと表示されます。


ちょっとしたトリックを使えばWEBの観覧履歴を習得できる危険性を教えてくれるサイトです。

最近はこの技術を使って広告を仕込んでくる手法もあるので
気をつけましょう。

StartPanic

47+ Excellent Ajax CSS Forms

user-pic

ホームページには必ずといっていいほどあるのが、『フォーム』

みなさん、どうしてるんでしょう?

今は昔のHTMLフォームと違い、PHPやらCGIやらajaxやらが当然になってしまって。

かといって、PHPやCGIを1から組めるデザイナーさんってどれぐらいいるんだろう

とも思う。

47.jpg

プログラマーさんがいる制作会社はまた別だろうけど、制作会社って全部が全部

プログラマーさんが常駐してるところって事は無いと思うし。

そんな時、コレ使ってみてください。

47+ Excellent Ajax CSS Forms


スタイリッシュなフォームが多数紹介されています。デザインなどの参考に。


ちょっと楽しいキャプチャーソフト

user-pic

ちょっと面白い、というか楽しいキャプチャーを見つけました。
PrtScr」なるソフトです。

どこが面白いかというと、キャプチャーした画像がデスクトップ上でゆらゆら揺れます。
一緒に出てくるダイアログで保存するまで揺れ続けるわけですが、
その揺れている画像をドラッグしてPhotoshopなどのプログラムに直接投げ込めます。
このソフトのちょっと良いところでもあります。

PrtScr2.png


保存ダイアログでは「To desktop」でデスクトップへ一発保存も可能。
もちろん矩形領域指定やフリーハンドでの範囲指定などもできます。
さらにフリーハンドなどで指定してJPEG保存すると、背景をホワイトアウトしてくれる工夫もあり。
日本語化パッチも出ているのでバッチリ。

普通のキャプチャに飽きた方、息抜きに試してみてはいかがでしょうか?


つい使ってしまうFirefoxアドオン

user-pic

Firefox、使っている方も多いと思います。
アドオンでカスタマイズして、かなり便利ですね。

そんなアドオン達の中で、ついつい使ってしまうアドオンを少しご紹介。

「ColorZilla」

eyedropper.gif

カラーピッカーです。
ちょっと色を調べたいときに重宝してます。
逃がしたくない「その色!」を発見した時に。


「Font Finder」

fontfinder.png

その名の通りフォントやカラーが解ってしまいます。
むしろフォントの色を調べるときに使ってます。


「SEO for Firefox」

logo.jpg

IT関係者の方にはもはや必須アイテム状態。
SEOする上での必要情報がいろいろと解りますね。


使わないけどこんなアドオンも。

「Fire FTP」

fireftpthumb.jpg

文字通りFirefoxでFTPするアドオンです。

今度使ってみたい...。




勢いで入れてしまって、使ってないアドオンもしばしばですが、

このカスタム性、かなり好きです。

ロゴジェネレーター

user-pic

WEBを徘徊していてたまにみかけるロゴジェネレーター。


普段見慣れたロゴ風に好きな文字を入れることができるツール。

tutu.png

こちらはTwitter風ロゴ。

gugu1.png

こちらはGoogleやほかにも
有名なロゴを作れるジェネレーター。


uhoo.png

Yahoo!とか。

ちゃんと検索もできます。

生成されたページのURLを直接ひらくこともできるので
誰かに送ったりしてもおもしろいかも。

styleneat

user-pic

styleneatはCSSファイルを整頓してくれるツールです。

DWなどツールを使ってページを作るとどうしても混雑してしまいがち。

セレクタの親子関係がインデントされ、見やすくなる。

また、それぞれのスタイルの属性をアルファベット順にならべたり
オプションも様々。

使い方もシンプルでわかりやすい。


styleneat

CSS.png

宇都宮不動産を探すならこちら。

iPhone OS 3.0公開

user-pic

Appleから6月18日にiPhone OS 3.0がリリースされた模様。

iPhone 3G の OS を「iPhone OS 3.0」へアップデートすることで、
テキストのカット、コピー&ペーストや、「MMS(マルチメディアメッセージングサービス)」、
メールや SMS、MMS での横向きキーボード対応などの新機能が利用できるようになるとのこと。

cut-copy-landscape-20090608.jpg

その他にもボイスメモの搭載や、カレンダー・株価アプリの向上など、
いろいろパワーアップが施されている様子だ。



さて、問題は実際どこまで使いやすくなっているのか!?

まだアップデートしていない方はお早めにどうぞ。

Flickorama

user-pic

ちょっと面白いツールを見つけたのでご報告です。
ちょっとかっこいいフォトブラウザだったので。


w650.png


いろいろな演出が楽しめる3Dフォトブラウザです。
さまざまな動きや表示で面白いです。

最初に、検索したい画像のキーワードを入力すれば関連イメージが表示されます。
(ただし日本語はダメみたい。)

表示方法の切り替えは右上のボタンでOK。


fff.png


スライドショーで楽しむこともできたり。
タグで検索なんかもできて、クリックで追加できたりします。

手書きフォントを使っていたり、なかなか憎めないサイト。

こちらからどうぞ。

Tilt-shift

user-pic

ミニチュア模型のような写真が簡単に作ることができるオンラインツール。

使う機会はすくないだろうが
知っておくと便利かも。
で、面白いと思う。

image15.jpg


image18.jpg


image20.jpg

見ているだけでも面白いと思う。
子供のころおもちゃをみてわくわくしたような。

写真はなるべく遠景の方がいいみたい。

tilt-shift

検索。

user-pic

インターネットを観覧する上で必ず誰しも
検索エンジンを使用し、自分の目的の情報などを探すと思います。

Web制作でもフリーの素材探しなど
よく画像検索をつかいます。

googleの画像検索で
imgcolorというパラメータを付け加えることで
指定した色で検索結果を絞ることができます。

ワード 「パソコン」
カラー「青」
gogogole.png


知っておくと便利かも。

url

user-pic

URLを短縮させるサービス。

3.ly
3.ly.png


世界最短のURLに変換してくれます。

他にもいくつか似たようなサービスはありますが
こちらはかなり正攻法でそれを追求した形になっており
精度は高いです。

ちなみに制作まんブログを変換すると

http://3.ly/hk

かなり短いURLに変換することができます。
手打ちでも飛べます。

ネタとしてはおもしろいかも・・・

アイコン。

user-pic

WEB制作においてアイコン、ボタンなどは
作れるに越したことは無いけれど
いち早くページのイメージに合った素材を見つけることも必要です。

WEB上でアイコンの色やサイズ、背景などをカスタマイズしてダウンロードできる
サイトを見つけました。

アイコン.png

単色でもグラデーションを使用してあるので
安っぽくなく、使用できる場面はあるかも。

iconza

STRIPE GENERATOR

user-pic

イヤー、世の中便利になりました。

以前は等間隔整列を使って書いたストライプも今はこんな感じ。

Stripe.png

実際かなりの精度でいいストライプがかけます。

背景やボタンで使うとき、とてもべんりですね。

サーバーのせいか、もしくはソースのせいか、ちょっとページ自体重いのが気になりますが・・・

一度、お試しあれ。

ちなみに宇都宮不動産をお探しの方はこちら。

PSD→CSS

user-pic

少し癖があるのですが、発想がよく
うまく使えれば便利そうなツールを見つけました。

burogu.png

psd2css OnlineはPSDファイルをCSSレイアウトのHTMLに変換してくれるというツールです。

肝心な部分としてはPSDファイル内のレイヤーです。
このレイヤーを判別してCSSのブロックにしているようです。

Photoshopなどでレイアウトを作成する方、一度試してみてもいいかもしれません。

ただ癖があるようなので(TXT配置など)
使い方を習得するために多少時間はかかりそうです。

* *
* *


ホームページ制作まん

ホームページ制作会社


栃木県パソコン修理/パソコンのお医者さん
ホームページ制作 デザインチャンネル
 

ホームページ制作LINK

このアーカイブについて

このページには、2009年6月以降に書かれたブログ記事のうちツールカテゴリに属しているものが含まれています。

前のアーカイブはツール: 2009年5月です。

次のアーカイブはツール: 2009年7月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。