斎七(さいしち)の描いた受験がテーマのウェブ漫画をおいてます~。共有テンプレート・共有プラグインも製作しています。共有テンプレート・共有プラグインのページにて作者名「rainbow」と検索してください。
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブログテンプレート制作でよく使うウェブサービス・ツールをメモします。

1.カラーパレット
2.タグ閉じ忘れチェック
3.ブラウザ表示チェック

1.カラーパレット
検索したら1位にヒットするのですがww定番ですw
カラーパレット [フルカラーセレクト]
罫線やリンク色を選ぶ際に使います。


2.タグ閉じ忘れチェック
主に不具合報告のときに使います。タグ数をカウントしてくれるので、閉じ忘れを見つけることができます。
Page Scanner Tool @ Jhousemedia.com


3.ブラウザ表示チェック
Browser Sandbox - Run any browser from the web
プラグインによるブラウザ起動サービス。ブラウザをインスコしなくてもいいので、自分のPC環境はそのままでいけます。ありがたし。IE6、IE7、IE8やSafariなどで表示確認できます。

My DebugBar | IETester / Browser Compatibility Check for Internet Explorer Versions from 5.5 to 9
IEバージョンそれぞれを、タブごとに表示できます。こちらはインストール型です。

ブラウザの互換性をチェックする、クロスプラットフォームブラウザテスト - Browsershots
スクリーンショットで表示確認します。細かいバージョンのブラウザがそろっているので面白いですw

あとは定番のFirefoxアドオンのfirebug(ファイヤーバグ)で確認・修正したりします。
Firebug :: Add-ons for Firefox
Firebugで始めるCSSデバッグ[to-R]

このアドオンは重たい気がするので、Firefox別プロファイルでインスコしています。こうすれば必要なときだけ「ウェブ制作用Firefox」を起動できますwwプロファイル作成方法は下記リンクを参考に。デスクトップショートカットの右クリック中身で設定します。
[ Firefox ] Windows XP で Firefox 3 と Firefox 2 を共存させる方法 | Bowz::Notebook
スポンサーサイト

【2010/07/18 00:48】 | ウェブ制作
トラックバック(0) |


りこ・ディーン
初めまして。爽やか系の素敵なテンプレートに誘われて参りました。
記事を読むうちに、素朴な質問が浮かんで来たのですが、、
タグの閉じ忘れはなにか問題があるのですか?


斎七
>>りこ・ディーンさん
はじめまして、コメントありがとうございます!
ちょっと前にブログ拍手でメッセージ頂いた方でしたでしょうか?v-354ありがとうざいます~

タグ閉じ忘れは、普通にしているぶんには起こらないですのでご安心くださいませ。
ブログパーツやテンプレ改造で、たまに表示が乱れることがあって、その原因が「タグ閉じ忘れ」の場合があるのです。

もし困ったことありましたらお気軽にご連絡くださいませ~!

コメントを閉じる▲
ADOBE-CS5.jpg
Photoshop CS5 体験版はAdobe公式サイトからダウンロードできます。
アドビ - ダウンロード
アマゾンCS5特設ページ

全体的な結論⇒今までの作業が「ちょっと速くなる」。
大量に処理するデータがあるときは威力を発揮すると思います。

CS5のレビュー記事もいくつか見られるようになりました。新機能のうち特にすごいのは3つのようです。
1.「コンテンツに応じて塗りつぶし」(不要のものを消すやつ)
2.「パペットワープ」
3.「境界線を調整」(髪の毛とか選択しやすくなる)

【レビュー】「Adobe Photoshop CS5」徹底紹介 -驚愕の進化を遂げたフォトレタッチ機能 | クリエイティブ | マイコミジャーナル

Photoshop CS5の驚異の凄さ! ぼっさんやガンダムが一瞬で消えた? - ガジェット通信




「コンテンツに応じて塗りつぶし」という機能がすごいらしいので、さっそくやってみました。
結論⇒小さい範囲・簡単な模様なら、かなり速く処理できる
(期待しすぎてはいけませんwwwスタンプ機能のようなものですwwww)

pscs5_contentsni001.jpg
使用した写真⇒summer memories(Flickr)
これくらいの範囲なら、10秒くらいで処理できます。


同じく「コンテンツに応じて塗りつぶし」。右の娘を消したいと思います。
2837826814_19dea6330d_o_002.jpg使用した写真⇒Girls Just Wanna Have Fun! :D(Flickr)
無理がありましたwwwwww基本的にはスタンプツールですなw
水着だけ消すとかできませんwwwwww不自然になりますww

パペットワープも試してみました。
pscs5_papet001.jpg
ちなみにパペットとは「操り人形」ですね。関節を追加して動かすイメージです。ちょっと動かすくらいなら自然な感じでいけるようです。
白く空いたところは↑のコンテンツに応じて塗りつぶしでカバーできますw


「境界線を調整」も試してみました。
WS0000090.jpg
WS0000091.jpg
適当に選択(5秒)⇒ささっとなぞるだけ(10秒)で、細かい部分も選択できました。ダイヤログウィンドウで調整できます。髪の毛や動物のヒゲなどで効果発揮しそうです。

今までの作業が「ちょっと速くなる」。大量データを扱うならCS5!
Adobe Photoshop CS5 Windows版 (32/64bit) (Amazon)
B004UJRCBC
Adobe Photoshop CS5 Extended Windows版 (32/64bit) (Amazon)
B004UJRCW6

【2010/05/16 21:41】 | ウェブ制作
トラックバック(0) |
ADOBE-CS5.jpg
アドビ公式サイト⇒
ADOBE CREATIVE SUITE 5 (CS5)新登場!
Adobe Creative Suite 5 ファミリー

アマゾン特設ページ⇒Adobe Creative Suite 5, CS5 (Amazon)

アマゾンでCreative Suite 4⇒5の無償アップグレードサービス中です。単品(CS5)は無償アップグレードサービス見つかりませんww残念ww
Adobe Creative Suite 5 無償アップグレードキャンペーン(Amazon)



僕の場合はアップグレードAですね。てか高すぎて買えんwww無理wwwwwwww
虹のもとブログ Creative Suite4 (CS4) Design Premium買ったwwww

Adobe Creative Suite 5 Design Premium アップグレード版A Windows版 (amazon)
B003F782MS

今回も体験版があるみたいですので、公式サイトを要チェック!(今はまだ準備中でしたww)
アドビ公式サイト⇒Adobe Creative Suite 5 ファミリー


話は変わりますが、試しにドメインとレンタルサーバ取りました。いろいろやってみたいと思っていますww

【2010/04/12 23:31】 | ウェブ制作
トラックバック(0) |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。