ド派手で美しいエフェクトが満載のFLASHバナー作成ツール『BannerSnack』がすごいぞ

ブラウザ上で簡単にFLASHバナーを作れるBannerSnackがいい感じです。文字や画像にかけられる特殊効果が豊富なので、ものの数分で「おぉ!」というバナーが作れちゃいます。 なお、無料で作ることもできますが、公開するときに「透かし」が入ってしまうのでそれを取りたい人は有料プランを使ってください(月9ドルから)。ちょっとしたキャンペーンに使うのにいいかもですよ。9ドルぐらいだったら個人でも払えるし。 せっかくなので簡単に使い方をご紹介。まずは「Banner Maker」にて会員登録をして、BANNER MAKERを起動します。 ↑ まずはバナーのサイズを選びます。カスタムサイズもOK。 ↑ 背景画像をローカルPCからアップします。 ↑ キャンバスに配置してみた。拡大縮小も自由自在です。 ↑ 画像にはいろいろなエフェクトがかけられます。 ↑ また表示の仕方のオプションも多彩。 ↑ キラキラさせながらタイルを敷き詰めるように表示させてみた。プレビューもその場でできます。 ↑ テキストも配置。こちらにもさまざまなエフェクトがかけられます。 Banner maker ↑ 完成したのはこちら。見えるかな???ここまでで3分ぐらい? ちなみに複数の画像を配置して次々に表示させていくこともできます。数枚の素材画像がある場合はいいですね。 日本語が使えないのがちょっと難ですが、イベント用なんかにいいのではないでしょうかね。動作も軽快なので(回線にもよるけど)是非試してみてください。 » Banner Maker

群馬県沼田市で開発合宿してきたよ

さて突然ですが開発合宿に行ってきました。今年のテーマは「開発」。毎月とまではいかなくても隔月ぐらいで合宿したいところです。今回はその一発目。 参加メンバーはいつものとおり。サイドフィードの赤松さん、本田さん、青い人です。 お邪魔したのは群馬県の沼田市。洋風温泉旅館の「ハーベルハート」さんにお世話になりました。予想よりも広くて綺麗な宿でしたよ。もろもろ親切に対応していただきました。 » 群馬県/老神温泉/天然温泉/源泉掛け流し/洋風温泉旅館 ハーベルハート さて今回のポイントをば。あとで見直す用なので個人的メモですがご参考までに。 ■ 集中力がはんぱない やっぱり合宿はいいですね。今回は2泊3日。睡眠時間は4時間ほど。途中休憩は食事のほか、1日2回ぐらいの温泉のみ。あとはぶっとおしで作業します。 もちろん途中で眠くなったりもするのですが、まわりからの無言のプレッシャーで「いやいやいや」と睡魔と闘っているうちにやる気が出てきます。こんなに集中したのはいつ以来だろう?wと思うぐらいでしたね・・・。 ↑ 今回の作業部屋。和洋室に机と椅子を持ち込みました。 ■ 仕込みが大事 以前は「合宿でつくるものは行きの車の中で!」と考えていたのですが、やっぱりうまくいかないことが多いです。作るもののイメージは行く前にある程度固めておき、可能なら事前に部品ぽいのを作っておくのが良いです。 なお、今回は作りたいものが決まっていたのでスムーズに作業ができましたよ。CSSの勉強もきちんとしていったので画面イメージもさくっと組み上がり、いいペースで作業できました。次回もそうしたいところです。 ↑ 今回持ち込んだ2冊。持ってきて良かった。 ■ ノウハウ共有がすごい 合宿中は1日に2回ほど「レビュー会」を行います。ここでのノウハウ共有は今回もすごく勉強になりました。「へぇ、そんなAPIあるんだ!」「あ、そう考える?」「あの会社ってそうやってるのかー」的な知識をたくさん仕入れることができました。やっぱり一人で開発してちゃだめだなー。 ■ 持ち物リストはダブルチェック 今回ちょっと失敗したのはばたばたとしていて持ち物チェックを怠ったこと。プロジェクターを忘れてしまいましたよ・・・まぁ、特には困りませんでしたが、過去のノウハウをうまく活かしきれなかったのが悔しい。 次回は「kaihachu.com」や「開発合宿 Archive」を見直してから出かけることにしよう・・・。 ■ 非フレームワーク開発 最近はCakePHP万歳!的な感じだったのですが、今回作りたかったものがあまりにもシンプルだったのでオブジェクト指向でガリガリとスクラッチから開発。 昔は「ちゃんとオブジェクト指向になっているかな~」と半信半疑でしたが、CakePHPでオブジェクト指向的な組み方を体験したあとだったのでいろいろと腑に落ちることが多かったです。「あー、そういうことか!」と小膝を叩いたことが何度か。 オブジェクト指向の参考書とかたくさんありますが、まずはフレームワークをさわってみて、それから勉強すると良いかと思います。 なお、勘を取り戻すにあたってはここが一番参考になりました。NETTUTSっていいチュートリアル記事が多いですね。先日のBlueprint CSSでもそうだったし。 » How to Create an Object-Oriented Blog Using PHP – NETTUTS ■ お世話になったツール、記事など だだだっとメモ的に。 jQuery API Browser ここでAIR版のレファレンス落としました。便利。時代はPDFからAIRかなー。 ↑ すごく便利。jQueryおもしろいなー。 mod_rewrite サンプル集/楽 mod_rewriteいろいろ。勉強になります。 blog.plastik.jp » Apache mod_rewrite Log 設定 mod_rewriteではまったらログで調査しましょう。今回お世話になりました。 第IV部~テキスト編集を極める!! 正規表現について 調べ物をしていたら読み込んでしまったページ。なんか力強い文体ですw。あとこのページと関係ないですが正規表現でソースファイルの文字コードがUTF-8じゃなかったために30分ぐらいはまった・・・疲れていたなぁw。 CSS Code Snippets : 15 Wicked Tricks | DevSnippets CSSハックいろいろ。うまくいかないときに眺めてみるといいかも。 FireScope – HTML Brains at your Fingertips FirebugからCSSのレファレンスを参照。よく使ったかも。「more」から飛べるサイトでの「play」が便利。 ↑ 手元にレファレンスあると便利。 Secure source code hosting and collaborative development – GitHub やっぱり超絶便利。プライベートのリポジトリを使うのは有料ですが、その価値あり。 ↑ これなしの開発は考えられない・・・。 Project Deploy* | Choose, Bookmark, Deploy サイトを作り始めるときのための(x)htmlやCSS、jQueryなんかをまとめてごそっとダウンロードできるサイト。これをもとに「自分用スターターキット」を作っておくといいですよ。 Virtual Dimension 「仮想デスクトップツールまとめ」でも紹介しましたがやっぱり便利。うまく切り替えてすっきりとした画面で作業したいですよね。 ■ 宿について …

Googleの画像検索オプション「imagesize:」がちょこっと便利

Googleの画像検索で「imagesize:」というオプションが使えるようですね。「imagesize:1200×800」などとすればそのサイズの画像だけひっぱってきてくれますよ。壁紙探しに最適なのでは。 ↑ 「imagesize:1200×800 nyc」 ↑ 「imagesize:800×600 jessica alba」w こういうのは知っておくと便利ですよね。覚えるのも簡単なので是非どうぞ。Lifehackerからでした。 » Google School: Find Images by Exact Dimensions, Make Wallpaper Search a Breeze

折り紙の鯉がひとりでに組みあがっていく映像

これ、ストップモーションですが、きれいですね。折り紙がひとりでに出来上がっていくように見えます。 THE MAKING OF AN ORIGAMI KOI from MABONA ORIGAMI on Vimeo. これは古くて新しい感じの良い手法ですね。なんか素敵。 彼(かな?)のその他の作品はこちらからどうぞ。 » THE MAKING OF AN ORIGAMI KOI on Vimeo

最新Fケータイに興味がある方は是非どうぞ!『ケータイオフ』へのお誘い(2月11日)

前回のケータイ会議でもやりましたが、ふと思いついてケータイオフを開催してみます。日時は2月11日、11:00~15:00ぐらい、場所は都内近郊のカフェを予定しています。 ケータイ会議メンバーが多数参加しますので、Fケータイを触ってみたい方、Fケータイについて聞きたいことがある方は是非どうぞ。ショップだとモックばかりなので操作速度やら使い心地を試したい方にはおすすめです。 当日はかなりゆるい感じになりますので、途中参加、途中退出はまったく問題ありません。気が向いたらふらりと寄るかも、ぐらいの軽い気持ちで是非どうぞ。 なお、こちらはケータイ端末は用意しますが、それ以外は特に用意しませんのでその点、ご了承ください。使い心地などに関する質問にはお答えできるかと思います。 また参加費等は必要ありません。場所をカフェにする予定なので、お飲み物等は各自でご購入いただくカタチになります。 参加ご希望の方は以下のフォームよりご連絡先をお教えください。9日ぐらいまでに場所の詳細をお知らせいたします。なお、ドタキャンも全然OKなのでw、お気軽にどうぞ。 » ケータイオフ 参加申込みフォームへ

本で買うと$9.94の『Ubuntu Pocket Guide and Reference』がPDFで無料配布中!

Ubuntuは(いまのところ)通ごのみなので微妙かもしれませんが、「Ubuntu Pocket Guide and Reference」がPDFで無料配布されていますよ。ちなみにAmazonで買うと$9.94です。 ↑ 欲しい人はいますぐどうぞ。英語で170ページほどです。 なお、無料どころか、ファイル共有サイトにあげてもOK!という太っ腹ぶりです。どうしちゃったんでしょう。 それから「Ubuntuって何?」という人は以下からどうぞ。個人的には「個人でノートブックなんかに入れて使う軽いLinuxベースのOS」という理解ですね(あってる?) » Ubuntu – Wikipedia ダウンロードサイトは以下から。興味がある人はこれで軽く勉強してみてもいいですね。 » Download – Ubuntu Pocket Guide and Reference

【書評】 「実践Web Standards Design」が名著すぎる

現在「実践Web Standards Design」を読破中。アマゾンでもやたら評価が高かったので気になっていたのですが、改訂版が出るというので待っていたのでした。先日無事に改訂版を購入、一気に読み込んでいます。 ↑ やっと手に入れたぞ、と。 まだ途中ではありますが、いまいちわかっていなかったDOCTYPEやらマージンの相殺やらfloatやらCSSのセレクタの指定方法だとかがすっきりとわかってかなり気持ちいいです。 ↑ ところどころカラーでわかりやすいです。 ウェブ標準やらブラウザ対応やらについては建前ちっくなものもありますが、この本では「現場で使える」手法が満載されているのが素敵すぎます。 こういう本は個々人のスキルレベルによるのでおすすめが難しいですが、CSSでのレイアウトにいまいち自信が持てない、という人にはおすすめですよ。 さー、サイト作りたくなってきたぞ・・・(それよりも過去作ったサイトを直したくなるのが悪い癖ですが・・・w) » 実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~

Adobe製品のインターフェースについての不満を淡々とつづる『Adobe UI Gripes』

ちょっと口は悪いですが、興味深いブログ。Tumblrの使い方としてもうまい。 このブログ、PhotoshopやFireworksなど、Adobe製品への不満を淡々と綴っています。「このアイコン、意味がわからない」「なにこれ?」といった具合に、共感できる人は共感できるのではw。 ↑ ボタンの無効化ってグレーの画像のせただけ? ↑ 「色なし」を選ぶとアイコンがずれるんですが・・・。 ↑ なんぞこれw。 Adobe製品は便利ですが、高機能になりすぎていて、「何だろ、これ?」というものも多いですよね。そういうときに細部が作りこまれていないと一気に萎えますよね。 デザイン系のツールだけにUIはしっかりしていてもらいたいものです。UIの設計をしている人は反面教師としてのぞいてみるのもいいですね。 » Adobe UI Gripes

WiFi的なウチワ

一発ネタですが、ちょっと欲しいかも。無線関係のサービスをしている会社のノベルティとしてよいかも。 ↑ ニヤリ、としてしまいますね。 やろうと思えば自分でも作れそうなところが良いですねw。 » Wi-Fi Fan | GeekAlerts