2009年2月の記事一覧｜WEB制作・WEB開発のTips＆News Kamimoto.biz Labs

2009年2月28日

Web制作･開発のための今日のブックマークです。

・「Thunderbird 3」ベータ2公開、Gmail的なアーカイブ機能が追加
普段のメーラーがThunderbirdなので、単純に期待。

・ユニクロ、ダンス映像を大幅拡充したブログパーツ「UNIQLOCK」を公開
つけてるブログ見ますもんね。

・Yahoo!画像検索がリニューアル 目的の画像を探しやすく
UIの変更ですね。
画像も大きくなっています。

• Thunderbird
• Yahoo!
• ブログパーツ

2009年2月24日

FirebugにHTML/CSSリファレンスをアドオン! - FireScope

これを入れておくと、

• HTML Elements Reference
• HTML Attributes Reference
• CSS Properties Reference
• サンプルコード
• リファレンス内検索
• W3C勧告に準拠しているかどうか
• 各種ブラウザ対応状況(Internet Explorer 7, Firefox 3, Safari 3, Opera9)
• 詳細へのリンク

たとえ、オフラインであってもリファレンスを見ることが可能になります。
これは、便利そう。

現役の制作者には当然なんですが、初学者にも役に立つ内容でしょう。

• Firefox
• css
• html
• リファレンス

2009年2月18日

自分がよく使うデザインツールは、もっぱらFireworksです。

DTPからWebに流れた方。
昔からWebデザインをされている方は、やっぱりPhotoshop率が圧倒的に高いです。

が、Webがある程度広まってからデザインし始めた人は、Fireworksが多いと思います。

そんなFireworksユーザーのための小技集です。

知ってるようで、実は知らない?！ Fireworksの小技

1．細い矢印を作る方法
3．ぼけたアウトラインを直す方法
4．オブジェクトをキャンバスにフィットさせる方法
5.属性をペーストする方法

は知らないポイントでした。

勉強になりました。

アメリカだとFireworks紹介のサイトも多いんですが、日本だと、ほとんど見ないんですよね。

なので、助かります。

• Fireworks

2009年2月17日

Movable Typeで制作したサイトに、SBM（ソーシャルブックマーク群）を設けているんですが、その中のひとつ「Buzzurl（バザール）」がおかしいっぽいです。

通常であれば、「何人ブックマークしてます」というのが出るはずなのですが、出なくなりました。

faviconなどの変更と同じで、Buzzurl（バザール）側の仕様変更かと思って、とりあえずは下げてみたのですが...

今、サイトにあたってみると？？？

http://buzzurl.jp/

仕様変更ではなくて、サーバの問題みたいでした...

• Buzzurl
• ソーシャルブックマーク

2009年2月15日

Web制作・開発のための今日のブックマークです。

・「ブラウザー作るのはやめた」アドビCTOが語るAIRの未来
アドビもブラウザ開発っていうのを考えてたのはちょっとびっくり。
#まぁ、路線としてはありうるのはわかりますが。

あとは、iPhone対応のFlashについての部分での『MAX会場において、同社に近い筋から「ジョブス氏のサインさえあれば、数時間後には使えるようになるはず」と耳にしたことも加えておきたい』は結構うけた。

・HTMLのマークアップ時に目的に合った要素を選ぶ方法
いくらCSSハックを覚えても、XHTMLの適切なマークアップを知らなければ何も意味はない。

・今さら聞けない！Flash Liteの基礎知識
なにげに、Allaboutって、Web開発についていろいろと触れてるページが多いんですよね。
Flash Liteについて、さくっと書いてあります。

・手嶋屋、OpenPNE で集金・寄付できる「PayPal ボタン」を提供開始
PayPalのAPI利用。
これは、OpenPNE以外でも、使える考え方だと思う。

• API
• Allabout
• XHTML

2009年2月12日

先日、IE6のスタンドアロン版をご紹介しましたが、

windows vistaでは、そもそもIE6ではレンダリングできないみたいで、
インストールしても起動しません...

これは、まいったと思ったら、いいソフトを発見。

IETester

IE5.5、IE6.0、IE7.0、IE8betaのレンダリングを表現してくれるソフトです。

使用感はまったく問題がないですね。

おそらく、メインの用途になるであろうIE6も全く問題がない模様です。

あとは、「multiple versions of IE」と比較して、タブブラウザとして機能したり、日本語版もあったりするのがうれしい点かなと。

簡単にキャプチャにしました。

まずは、全体の画面。

MS-Office2007っぽい画面になります。
色は、青以外にも黒・シルバー・アクアに変更可能。

メニューも日本語化してくれます。

「新しいタブ」から新規のタブを作成する際に、IE5.5、IE6.0、IE7.0、IE8betaのレンダリングしたいIEの各バージョンを選択する形になります。

ただ、唯一の難点が、「前のページに戻る」は機能しているのですが、「次のページへ進む」は機能していません...

もう一回、次へ行く場合は、ページ内のリンクをたどる形になります。

それ以外は、最高のソフトかと。

ぼくは、もともと文系で、Officeになれてるのですが、コーダー・デザイナー的には、このOffice2007的なUIは嫌いな人が多いかもですが。。

• IE6
• スタンドアロン
• ブラウザ

2009年2月10日

web制作において、未だに悩ましい問題は、IE6です。

このMicrosoft Internet Explorer 6は、本当にweb屋の無駄な工数No.1として、今も存在し続けていますが、そんな中、人に教えていただいたソフトを自分用にメモしておきます。

このアプリをインストールすることで、古いIEをスタンドアロンで動かすことが可能です。

Install multiple versions of IE

ページ下部にある「Download Multiple IE installer」からダウンロード可能です。

これにより、インストールできるIEのversionは、

• IE3.0
• IE4.01
• IE5.01
• IE5.5
• IE6.0

です。

現在では、ターゲットは、当然、IE6.0だと思います。

とりあえず、まだの方は、インストール必須ですね。

• IE6
• Microsoft
• アプリケーション

2009年2月 9日

Web制作･開発のための今日のブックマークです。

・【SOY CMS】 XAMPPにSOY CMSをインストールしてみた
今週、ちょうどSOY CMSをやることになっていたので、大変助かりますね。

・jQueryを使ったフェードインするポップアップバブル
こちらもツールチップを使いたいと思っていたので便利かも。
特にこれがいいのは、クールっぽいところと、プラグインではなく、単純にjQueryを読み込んで、ちょろっと書けばいいだけなのがすばらしいかと。

• SOYCMS
• jQuery

2009年2月 6日

Web制作･開発のための今日のブックマークです。

・フレームワークを使ったきれいなPHPプログラミング
今年の最初の四半期（1月～3月）をPHP強化期間としている自分としてはこういうものにもどんどんチャレンジしていかないといけないんですが、実際は1月はPHPについて何もできていません...

・Speed up your JavaScriptシリーズ全4回、ブラウザには止めさせない
もう、Web開発と切っても切り離せないJavascript。

・Ajaxローディング時に使える画像ジェネレーター色々
地味なパーツだけど、デザイン的に凝っておきたいAjaxローディングの画像の作成ですね。

• Ajax
• Javascript
• PHP
• フレームワーク

2009年2月 5日

jQueryはそのプログラムだけではなく、見た目の部分＝UIにも強みを発揮してくれるので、UIも頻繁に使うのですが、テーマをDLできるのは知りませんでした。

長～いページもスッキリ！jQueryでタブ表示

で、テーマをDLできるというか作成もできちゃうのが、Theme Roller

これを使うとかなり便利。

とくに、ギャラリーもあり、ここから好きなものを使っても相当工数の削減ができる。

• UI
• jQuery

2009年2月 3日

Web制作･開発のための今日のブックマークです。

・Adobe技術情報の収集用AIRアプリケーション「Developer Box」リリース
2009年、爆発するかもしれないAdobe AIR。
このAIRアプリケーションは、けっこういいかも。

ちなみに、DLはAdobeのサイトから。

・OpenOffice.org/Excel用ガントチャートテンプレート「Gantt Chart for OpenOffice Calc」
OpenOfficeを使っている人は、Web業界、開発業界には多いかも。
その中のプロジェクトマネジャーさんには便利かもですね。

• AIR
• Adobe
• OpenOffice

こちらで紹介してるWEB制作・WEB開発は、各種サービスサイトでご相談ください。各種ライブラリ（Prototype.js、script.aculo.us、jQuery）によるAjax開発、Movable Typeサイト制作のサイトへぜひ一度アクセスしてみてください。

• サイトマップ
• お問い合わせ
• ホームページ制作
• Web制作アイデア
• HTMLコーディング
• SEO
• SEO対策情報ブログ
• ウェブデザイン
• twitterデザイン
• twitterサービス
• twitter情報
• 動画まとめ
• 音楽動画