WEB STREET

どこまでも大きくなるOperaのロゴ。

kenji — Sun, 05 Sep 2010 23:30:50 +0000

どこまでも大きくなるOperaのロゴを見つけました。
誰が作ったのかは不明ですが、どうやらSVGで作られているようです。

ブラウザのサイズに合わせてどこまでも大きくなります。

→ 別ウィンドウで開く

さすがにOpera以外のブラウザだと作るのが大変なんだろうなぁ:b

WordPressが勝手にメンテナンスモードに！

kenji — Thu, 02 Sep 2010 17:43:16 +0000

WordPress3.0.1でプラグインをアップデート中に、間違ってページを切り替えてしまったらこんな画面が出て動かなくなってしまいました・・。

こんなときはエラーメッセージをそのまま検索！！

「予定に基づいたメンテナンスを行っているためしばらくの間ご利用できません。少し間をおいて再度確認してください。」
で検索したらすぐに見つかりました。

どうやら「.maintenance」というファイルを削除すれば良いみたい。

サーバに接続して確認してみると、WordPressをインストールしたフォルダ直下に「.maintenance」というファイルがあったので、削除したら無事動くようになりました！

あー。びっくりした。

Firefox 3.6にアップグレード

mike — Fri, 22 Jan 2010 18:15:50 +0000

Firefox3.6が1月22日に公開されたので早速アップグレードしてみました。

すでにFirefoxを使用している人は「ヘルプ＞ソフトウェアの更新を確認」からアップグレード。
Firefoxを使用していない人は、こちらからどうぞ→Firefox3.6

アップグレードファイルは約 10.6MB
※環境にもよりますがここまで約１分。完了後、再起動が必要です。

いくつか互換性のないアドオンもあるみたいです。

私が使っているアドオンで互換性のなかったものは

・IE Tab 1.5.20090525
・Live HTTP headers 0.15
・Window Resizer 1.0

の３つでした。
このアドオンに対しては無効化されるので、互換性のあるバージョンが公開され次第更新して有効化するようです。
Firebugは大丈夫みたいですね。

「Firefox史上最高のパフォーマンスを実現！」らしいのでちょっとSunSpider JavaScript BenchmarkでJavaScriptの実行速度を計ってみました。

Firefox3.6: 773.6ms +/- 0.4%

※以下の環境で実施
OS： WindowsXP SP3 32bit版
CPU： Intel Core2Duo 2.66 GHz
GPU： NVIDIA GeForce 9400M
メモリ： 4G（2.98GB認識）

ちなみに・・・

Firefox3.5.7: 948.8ms +/- 2.9%
IE6: 26790.2ms +/- 0.4%
IE7: 26196.6ms +/- 1.9%
Opera 10.10: 2773.6ms +/- 1.4%
Safari 4.0.4: 438.2ms +/- 3.9%
GoogleChrome: 432.6ms +/- 7.3%

うん。確かに早くなってる。
けど、GoogleChromeが今のところ一番早いみたいですね。。。

また、Firefox3.6は「着せ替えブラウザ」ってことで、新機能 Personasを使ってワンクリックでテーマのカスタマイズが可能で、4万種類以上のテーマがあります。
カテゴリーも「Film and TV」「Foxkeh」「Music」などのカテゴリーがありました。
ギャラリーはこちらから→Firefox3.6　ギャラリー

———–
Firefox3.6の主要機能
・Personasでテーマのカスタマイズが出来る。
・JavaScriptの実行速度やブラウザ全体の応答性が向上。

など、詳しくは→こちらから

———–
開発者向けの変更点
CSSについて
・-moz-linear-gradient と -moz-radial-gradient プロパティのサポートが追加
・background プロパティが複数の背景をサポート
・@font-face が新しい WOFF ウェブフォントファイルフォーマットをサポート
・CSS 3 Backgrounds and Borders 草案の background-size プロパティが -moz-background-size としてサポート

HTMLについて
・チェックボックスとラジオボタンが indeterminate 属性をサポート
・HTML5 video がポスター・フレームをサポート

JavaScriptについて
・Gecko 1.9.2 は JavaScript 1.8.2 を採用

などがありました。
詳しくは以下のリリースノートを参照してください。
Via：Firefox 3.6 for developers

この調子で今後もどんどん早くなって欲しいですね。

jQueryで親ウィンドウの要素を操作する

kenji — Mon, 04 Jan 2010 04:59:31 +0000

普通に window.opener の後に続けられるみたいですね。

// 親ウィンドウの要素の値を操作
window.opener.$('親ウィンドウのセレクタ').val('');

jQueryで手っ取り早く「全てチェック」を実装する

kenji — Sat, 28 Nov 2009 01:20:53 +0000

チェックボックスを複数選択して削除するようなところに、「全てチェック」という機能を付けることはよくありますよね。

そんな時は、jQueryで手っ取り早く「全てチェック」機能を作ることが出来ます。

これで class=”del” の全てのチェックボックスが上記のチェックボックスに合わせて toggle します。

簡単ですね！

WEB制作会社総覧2010

mike — Sat, 21 Nov 2009 05:49:24 +0000

先月から「Web creators」を定期購読にしました。

秋の定期購読キャンペーンで先着で「Web制作会社総覧2010」をプレゼント。
ずぅ～っと届いていなかったので諦めてたけど本日届きました～！

ここに掲載されるように頑張ろう！
自社コンテンツ開発もしていかないと。。。

web制作の参考になりるいいサイトがぎっしりです。
持ってて損はない１冊！！

（上の画像をクリックで商品詳細ページへ飛びます。セブンアンドワイのHP）

開発中IE9のAcid3スコアは32点

kenji — Fri, 20 Nov 2009 05:16:11 +0000

DOM と JavaScript をに関連したウェブ標準のテストが出来る Asid3 ですが、開発中の IE9 でのスコアは32だそうです。
IE8 の Asid3 スコアは 20 だったので、少しは改善していっているようですね。

ちなみに他のブラウザはこんな感じ。
・Firefox は 93点
・GoogleChrome は 100点
・Opera は 100点
・Safari は 100点

おまけに iPhod touch の mobile safari でも 97点らしいです。。

まぁ、まだまだ開発中なので、期待して待ちましょう！

HTML5ミニアイコン作りました。

kenji — Thu, 01 Oct 2009 10:48:20 +0000

HTML5のアイコン作りが流行ってるみたいですね。

ほんとは「42ｘ42のアイコンを作ろう！」ってなってるんですが、今回は個人的に欲しかった大きさのものを作ってみました。

よく見る感じのミニアイコンです。

配色はW3Cを意識したものになってますが、バリデーションで満点取りましたっていう意味のアイコンじゃないですよ。ただ、HTML5で書きましたっていう意味のアイコンです。

HTML5でサイトを作った際には、是非端っこの方にでも表示してあげて下さい。

そういえば、このブログも早くHTML5にしないと＞＜；

アイコンのライセンスは何でも良かったんですが、とりあえずクリエイティブ・コモンズにしておきます。商用可・改変自由で、ご自由にお使い下さい。

HTML5 POWOR by kenji nishimura is licensed under a Creative Commons 表示 2.1 日本 License.Permissions beyond the scope of this license may be available at http://webstreet.jp/.

IE6 No More

mike — Fri, 07 Aug 2009 14:22:31 +0000

「IE6　No More！」とはIE6をやめて新しいブラウザに変えよう！という運動。
IE6はW3Cが推奨するHTMLに対応しおらず、バグが出たりCSSがきちんと表示されなかったり・・・。
なので、IE6用の為のCSS記述したりとWEBデザイナーにとっては生産性でデメリットが多いブラウザですね。

そこで誕生したのがこの「IE6　No More！」。
配布されているコードを貼ると、IE6でアクセスされた場合アップデートを促してくれる警告をイメージと共に出してくれます。

英語だけではなく、フランス語・スペイン語・日本語などのコードも配布されています。
コードは以下のリンクからどうぞ。
Via：IE6　No More！コードサンプル

他にもIE6でアクセスすると他ブラウザへのリンクが表示される「ie6-upgrade-warning」。
そして、究極はIE6でのアクセスした場合の表示をブロックするという「IE 6 Blocker Script」というのもあるようです。
下のコードを書けばいいようです。

他のソースコードのダウンロードや詳細は以下のリンクからどうぞ。

Via：ie6-upgrade-warning
Via：IE 6 Blocker Script

HTML5

mike — Wed, 05 Aug 2009 13:54:44 +0000

そろそろHTML5について少しずつ勉強していこうと思ってます。
ノート代わりにここにメモを。。。

まずは、HTML5からはマークアップがかなり変わる。
XHTMLでの基本文章構造は以下の通り。


  ...
  ...
  
    
      ...
    
  
  ...
  ...

これがHTML5になると。。。


  ...
  ...
  
    
      ...
    
  
  ...
  ...

header: ヘッダー部分を表す。

nav: ナビゲーションの部分を表す。

section: 文書やアプリケーションなどのセクション。h1などを使って文書構造を表す。

article: ブログのエントリーや記事などの「section」内の独立した部分。

aside: ページの主題とあまり関係のない内容を表します。サイドバーなど。

footer: フッター部分を表す。作者に関する情報や著作権情報などを含めることが出来る。

また、DOCTYPE 宣言はと書く。
小文字と大文字は区別しない。
HTML5でのDOCTYPEはHTML 構文において標準モードを有効にする手段として必要となる。

何だかかなり書きやすくなってるような気がします。
DOCTYPEが簡単なのがいいな。