月曜日, 3月 2nd, 2009
本屋さんで見つけました。
｢Ｗｅｂデザイン知らないと困る現場の新常識１００｣
早速お買い上げです。
Webデザインは日々進化を続けてます。
XHTML・CSSデザイン・JavaScriptについての今更聞けない！という常識からよくあるトラブルについてや企画から運用、制作全般の常識などが100項目載っています。
Web制作の現場に１冊あるといいですね。
私もこの本をしっかり読んで勉強しないとっ！
---------------------------------------------------------------------------
｢Ｗｅｂデザイン知らないと困る現場の新常識１００｣
2009年2月27日（金）発売
出版社：MdN
価格：￥2,415 (税込)
※本の詳細については上の画像をクリックしてください。
---------------------------------------------------------------------------
Posted in 書籍 | No Comments »
土曜日, 10月 18th, 2008
JavaScriptをデバッグするとき、alertを使っている人は多いのではないでしょうか。
表示したい内容を手っ取り早く画面に表示できるので便利な反面、「履歴を表示出来ない」「処理を止めてしまう」など、デメリットもたくさんあります。今日紹介するBlackbirdは、alertの代わりに使えるデバッグ用JavaScriptライブラリです。
特徴
特徴は以下のとおり。
メッセージの履歴を確認できる。
アイコン表示でメッセージの内容を認識しやすい。
履歴をアイコン別に表示が出来る。
ショートカットで操作出来る。
ちょっとオシャレ。
Posted in ライブラリ | No Comments »
日曜日, 7月 6th, 2008
たまには技術者向けの記事も書こうかなと思ったので、今日は自分で作ったブックマークレットを公開しようと思います。
ブックマークレットとは、JavaScriptを使って開いているページに対していろんな操作を行うもので、通常のブックマークのURLの代わりに「javascript:」から始まるJavaScriptを登録しておいて、ブックマークを開くようにブックマークレットを実行します。
このブックマークレットは、HTMLタグのidやclassなどのタグ要素の属性を画面上に表示するブックマークレットで、IE6, IE7, Firefox3.0, Opera9.5.0, Safari3.1.1 (for Win) で動作確認済みです。
下のリンクを右クリックして「お気に入りに追加」からブックマークに登録してください。
ブックマークレット
ソースはこんな感じです。
[source:js]
javascript:
(
function(){
var p,d,a,l,s,e,i,n,c;
p=prompt('','id');
if(!!p){
d=document;
a=d.getElementsByTagName('*');
l=d.createElement('span');
l.appendChild(d.createTextNode(' '));
s=l.style;
s.backgroundColor='#ff9';
s.border='1px solid';
s.fontSize='12px';
s.padding='2px 4px';
s.margin='2px';
e=/*@cc_on!@*/!1;
for(i=0;i
Posted in ブックマークレット | No Comments »
木曜日, 7月 3rd, 2008
Firefox3が「24時間で最も多くダウンロードされたソフト」としてギネスに挑戦したのは記憶に新しいと思います。この挑戦でFirefox3は、24時間で800万回以上ダウンロードされ現在はギネス認定待ちだそうです。先ほどダウンロードカウンターを見てみると、ダウンロード開始から現在まで28,327,864回もダウンロードされていました。
しかし、最先端のブラウザはFirefox3だけではありません。
Firefox3の他にもOpera9.5、Safari4 (developer preview)、Internet Explorer8 beta1などがあります。今日紹介するのは、最先端のブラウザとそれらに対応するJavaScript、CSS、HTMLなどのデバッグツールです。
Firefox3 + Firebug1.2
Firefox3に対応する開発者向けツールは、このサイトでも一度紹介したことのあるFirebugです。
[sitethumb://mozilla.jp/firefox/] ← Firefox3 のダウンロードはこちら
[sitethumb://addons.mozilla.org/ja/firefox/addon/1843] ← Firebug1.2のダウンロードはこちら
Internet Explorer8 beta1 + Developer Tools
Internet Explorer8 beta1には標準でDeveloper Toolsという開発者向けツールがバンドルされています。
[sitethumb://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx] ← Internet Explorer8 beta1のダウンロードはこちら
Opera9.5 + Dragonfly
Opera9.5には標準でDragonflyという開発者向けツールがバンドルされています。
[sitethumb://jp.opera.com/] ← Opera9.5のダウンロードはこちら
Safari4 + Web Inspector
ADC(Apple Developer Connection)メンバー向けにSafariの次期バージョンのプレビュー版がダウンロード可能です。ADCメンバーでない場合はこちらから無料のADCに加入する必要があります。
Safari4には標準でWeb Inspectorという開発者向けツールがバンドルされています。
[sitethumb://developer.apple.com/jp/] ← ADCメンバー登録とSafari4ダウンロードはこちら
via : Cutting Edge Browsers and Their Development Tools
Posted in ブラウザ | No Comments »
水曜日, 6月 4th, 2008
FirebugはHTML，CSS，JavaScriptのための開発ツールを提供するFirefoxアドオンです。
HTML要素のサイズやスタイルをリアルタイムに確認することができたり、JavaScriptをステップ実行しながら結果を確認出来たり、変数の値を見れたり、ページを開いた時の各アイテムの読み込み時間を測定出来たりもします。
Firefoxではbeta 4以降，Firebugの対応が追いついていませんでしたが、ようやく最新のFirefoxに対応するFirebugがリリースされました。
[sitethumb://www.getfirebug.com/releases/] Firebugは左のサイトからインストールすることが出来ます。
最新のブラウザと、最新の開発ツールを使い、最先端を追いかけていきたいですね。
Posted in ブラウザ | 1 Comment »
