Home > Web制作 Archive

Web制作 Archive

Adobe CS4 Web Premiumセミナー"最高傑作へのショートカット"

Adobe CS4 Web Premiumセミナー"最高傑作へのショートカット"にいってきました。会場は満席でした。数年前同じようなセミナーへ出た際は年齢層が若い方が中心だったのですが、今回は結構年配（といっては失礼ですが・・・）の方も多く、Web制作に携わっている方の裾野が、ここ数年でかなり広がったんだなーと実感しました。
セミナーに参加が出来ない方もコアな部分は特設サイトの
Adobe CS4　わたしたちが届けたいコト
で動画で解説が見れて、サンプルファイルのダウンロードも出来ます。

その中でも今回見直したのはFireWorksでしょうか、ワイヤーフレームカンプを作る際かなり便利そうで、PDFファイルに書き出せるところがまた素敵です。PhotoShopとIllustratorからFirewoksへデータを持ってくる際、レイヤー構造しかり、オブジェクトがおかしなことにならず、ほぼそのまま持ってこれる印象でした。DreamWeaverはなんといってもコードナビゲーターがかなり魅力的に感じました。
ちょっと奮発してでもCS4ホスィなぁ。

あと最後にFlash Catalystの紹介とちょっとしたデモを見せていただいたのですが、衝撃的でした。何がってActionScriptを全く記述することなく、こんなに簡単にこんなことが出来ちゃって良いのだろうか！

FireFox3

  • Posted by: Caihua
  • 2008年6月23日 21:43
  • Web制作
6月18日午前2時に正式リリースされてから、少し遅れて23日ですが、インストールしてみました。（巷ではギネスに申請される程のものすごい、DL数だそうな、24時間以内に800万回以上！：Spread Firefoxさんより）FireFox3新機能はこちら。そのなかでもスマートロケーションバーはかなり便利だと感じました。しかし人によっては沢山選択肢が出すぎてしまう等々、Web上に記載されておりましたが、カスタマイズ方法が紹介されておりました。（Mozilla Re-Mixさん）　便利だ！レンダリングが早い！と快適に使用していたところ、、うぉ！WebDeveloperToolBar、FireBugが対応していない！とかなりあせりましたが、、世界中の1%の人々へ、蒲生トシヒロさんのBlogで紹介されていて一安心しました。

検索エンジンランキングチェッカー（まとめ）

調べてみたところ、モバイルのものも含めいろいろありました。
BROAD ENTRY
FC2 SEO対策 - 検索エンジンランキングチェッカー
Disital Studio 検索エンジンランキングチェッカー
検索キーワードチェックツールSEO対策
無料SEO1
SEOツールラボ
モバッチョ

エラスティックレイアウト

エラスティックレイアウトを知った時には、目から鱗でしたが、Webtech★Walkerさんの”エラスティックレイアウトは採用しない方がいいのでは”、というエントリーを一読させていただいたところ、納得させられてしまいました。（FireFox3もズーム機能を実装するとのこと）IE6からIE7へもユーザー選択のアップデートなので1年程たっても、10%ぐらいは残るんじゃないかなーという噂をよく聞きますので、あと2?3?年でエラスティックレイアウトので制作されたサイトは消滅してしまうのではないか？ということ考えると、px指定でカッチリとした制作がいいのかなーと考えてしまったりもします。
にしても移り変わりの激しさにはまいりますね・・・、ホント。

エラスティックレイアウトは画像の拡大が・・・と思っていたら
Web Design & Ajaxさんでこんなライブラリの紹介がされておりました。

小さい場合は？と考えていたらnesslogさんにこんなご紹介も。

ハック　パスフィルタ　（まとめ）

Caihua@blogのヘッダーが2段になっている！、フッターの横幅がビローンと長い！とご指摘を頂き、そういえば、IE7、FireFox2以外ではチェックをしていなかったので、この機会にいろいろとチェックをしてみました。
IE6未満はやめときます（笑、NetScapeは今年3月1日でしたっけ？開発が終わるのは、なので、こちらもやめときます。
IE6、Opera9、Safari(Win版 ver.3β)をみてみたところ、上記はIE6でのことだったので、ハックで修正。ハックはあまり使わないほうがと言われていますが、やはりお手軽ですから！

2月13日からのIE7の自動配布もユーザの選択なので、まだIE6はしばらく残りそうですね・・・。

以下ハックのまとめ

Win IE 6
* html セレクタ { ... }

Win IE 7（Win/Mac IE 5にも適応されるのでパスフィルタで呼び出すスタイルにもつける）
*:first-child+html セレクタ { ... }

Safari 2
html[xmlns*=""] body:last-child セレクタ { ... }

Safari 3
body:first-of-type セレクタ { ... }

Opera 9
;;body セレクタ { ... }

以下パスフィルタまとめ

Win IE 5.0
@media tty {
i{content:"¥";/*" "*/}}; @import 'ie50win.css'; {;}/*";}
}/* */

Win IE 5.5
@media tty {
i{content:"¥";/*" "*/}}@m; @import 'ie55win.css'; /*";}
}/* */

Win IE 5.0/5.5共用
@media tty {
i{content:"¥";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

Mac IE5
/*¥*//*/
@import "ie5mac.css";
/**/

favicon.ico

アップロードした画像かWeb上の画像のURLを指定し、範囲指定することで簡単にfavicon.icoを生成してくれるサイト。かなりお手軽で便利です。
favikon

HTML5 草案公開

  • Posted by: Caihua
  • 2008年1月25日 20:58
  • Web制作
HTML5の草案が公開されました。”「カスタム」HTML または XML で記述する、ひとつの言語仕様”とあるのですが、HTMLとXHTMLがHTML5として今後統合されていくのか？なんかよくわらかんです・・・。いろいろ時代に即したタグは増えそうでよさそうですが。

W3C報道発表
ミツエーリンクスさんによる翻訳記事

IE6とIE7の共存

evolt.orgさんのスタンドアローン版をインストールすることで共存ができます。
私はIEは7をメインで使用していますので、ie6eolas_nt.zipをDLしてインストール。しかし・・登録していたお気に入りのリンクをクリックするとなぜかプリンタの印刷設定の画面が表示されます・・・。直接URLを指定してブラウズするのは問題なく行えました。

IE7.js

  • Posted by: Caihua
  • 2008年1月15日 23:22
  • Web制作
IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。
より準拠というところが気になるところで、どこまで準拠してるのかしら。はやくβ版でなくなって欲しい。
GoogleCodeより提供され、反映するには↓を書くだけ
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js" type="text/javascript"></script>
<![endif]-->
2.0(beta)部分はバージョンアップした際に変更が必要
マイコミジャーナル、エンタープライズニュース

CSS関係まとめ

最近頭の中に整理した。CSS関係のまとめを個人的な備忘録としてエントリー。
すみません、個人的なエントリーの為PWがかかっています。
PDF

XHTML関係まとめ

最近頭の中に整理した。XHTML関係のまとめを個人的な備忘録としてエントリー。
すみません、個人的なエントリーの為PWがかかっています。
PDF

FireFoxアドオン

FireFoxアドオンがかなり増えていることに驚き。
開発者向けツールの
Firebug日本語版1.05
WebDeveloper1.1.2
これは必須
その他
Bookmarks LinkChecker 0.6.8.4
ColorZilla1.0
Text size toolbar
等をインストールしてみた。

Flash 8 INSPIRATION SCENE Summer Jam

  • Posted by: Caihua
  • 2006年9月 6日 22:29
  • Web制作
fla8-issj.jpg
Flash 8 INSPIRATION SCENE Summer Jamに行ってきました。数年前よりWebの第一線にはいない状況な為、よい刺激となりました。 初めてFlashを触ったのは4がでたてのときだったなーと懐かしく思いながら、 Flash8の新機能の説明やクリエイターの方々のTipsとクライアントワークのご紹介等盛り沢山でした。 しかし肝心な眼鏡を忘れてしまい、できるだけ前の席に着いたのですが、Action Scriptのソースは全く見えなかった・・・。 （Action Scriptほとんど忘れてしまっているから見えても同じか（笑）） Tシャツとコンテンツの入ったCD-ROMをいただきました。（↑写真）
Inspiration Sceneはこちらから

phpMyAdminでMySQLをバックアップ

  • Posted by: Caihua
  • 2006年6月 8日 23:22
  • Web制作

ブログのエントリーも増えてきたので、データベースのバックアップをとることにしました。phpMyAdminって便利ですな。
phpMyAdminにMovableTypeで使用している文字コードを選択しログイン後
1.左側のフレームからバックアップをとるデーターベースを選ぶ
2.エクスポートタブをクリック
3.全選択をクリック
4.”DROP TABLEを追加する”にチェック
5.”完全なINSERT文を作成する”にチェック
6.”ファイルで保存する”にチェック
7.Go（実行）ボタンをクリック
保存完了後、
秀丸で開くと一部エンコードされてないと表示がでてきたので、UTF-8で指定後ファイルをみたところ、ソースの<!--○○-->の○○部分が文字化けしてました。（うーむ、大丈夫なんだろか・・・。）
TeraPadで開いたところ、文字化けはなくなっていますがNull文字を含むファイルです。Null文字は半角スペースへ変換しました。 [はい]で編集可能な状態になりますが・・・うんぬん。とイマイチ意味がわかりません・・・。

DW アクセシビリティJIS対応版

  • Posted by: Caihua
  • 2005年7月 2日 01:44
  • Web制作
Dreamweaver MX2004アクセシビリティJIS対応版が拡張機能としてDLできるようになりました。
CSSで制作していないと、かなり引っかかります（笑

Index of all entries

Home > Web制作 Archive

Tag Cloud
Caihua@twitter
Categories
Archives
Recent Comments
  • Caihua: すべてのファイルを再 read more
  • shu: 私も時々このお店にい read more
  • takujiro: こんなプレスリリース read more
  • hima: 私も最近ネットでの評 read more
  • Caihua: やりました！デコーダ read more
  • Caihua: グラフィックボードを read more
  • daichi: 私も時々通っています read more
  • Caihua: 全てのエントリーは元 read more
  • 東松原の人: 冬は味噌煮込みうどん read more
  • Namo: 聞いたところによると read more

トラックバック

Search
カスタム検索
GoogleAdsense
あわせて読みたいブログパーツ

Return to page top