etianen's html5media at master

ほとんどのブラウザに対応しているので、重宝します。
ipadでも動画見られるようになりますよ。

最近、お客様からもHTML5について質問されたり、よく話題になるのでメモ。

米国appleのサイトではHTML5の技術を利用したサンプルが掲載されています。
http://www.apple.com/html5/
※各デモンストレーションはsafariでのみ閲覧可能なのでご注意を。

各ページとも、表示させたいコンテンツや内容によってHTML5によって新しく追加されるタグによりコーディングが簡素化されてます。

今まではFLASHの技術も取り入れて初めて閲覧可能となるコンテンツも、HTML5だとまったく使わなくても表現出来たりします。ウェブサイトの作り手としてもかなり効率良くなると思います。
動画なんかはすごく簡単にウェブページに掲載することができると思います！

もともとFLASHはオーサリングはもとより、利用する内容によっては表示されるまで時間がかかったり、HTMLに乗せるときのコーディングも面倒だったり、手間があれこれかかって効率重視の自分としてはあまり好きなほうではなかったのでHTML5は早く取り組んで行きたいです。
ただ全ユーザーがHTML5をサポートするブラウザに切り替わるのはいつになるんやろと思うわけです。

しかし、あと半年もすればさらにいろんなデモンストレーションが公開されるになって、活発になるんやろなぁ～。

Wordpress便利なプラグイン30選
└http://www.designwalker.com/2009/01/wp-plugins.html

絶対に欠かせない5つの「WordPress」プラグイン
└http://jp.blogherald.com/2009/05/01/5-wordpress-plugins-i-never-blog-without/

Wordpressの便利なプラグイン集
└http://coliss.com/articles/blog/wordpress/plugin/1532.html

WordPressで企業サイトを作る際によく使うプラグイン
└http://d.hatena.ne.jp/aratako0/20070707/p1

ダウンロード数の多い WordPressプラグインTOP18
└http://blog.creamu.com/mt/2009/05/wordpresstop18.html

これまでずーっとMT一派でしたが、Wordpressの軽快な動作に魅力を感じて、このサイトもWordpressにしてしまいたいと思う今日この頃でありました・・・。

・ボックスなどのボーダーラインの角部分を丸くしたい
・テキストにシャドーを入れたい
・ボックスにグローやシャドーを入れたい
・背景などのグラデーション
などなど･･･

現状ではPhotoshopなどで画像を作成したものをCSSで読み込んで・・・という工程がありますが、
CSS３を導入すればこれらの処理はCSS内で定義すれば可能となるわけです。

こちらのサイトでCSS3の事例がたくさん紹介されてます。
ちなみにTwitterとか有名なサイトもすでにCSS3で構築されてます。
参考サイト：Examples of CSS3 in the Wild

GoogleのAPIでテキストベースの文字が画像ベースの文字に変換されます。

一言すごいです！

WEBにおいて色々な表現やメリットが生まれると思います。

日本語はまだ対応してないですけど、対応されると色々なところで活用されると思います。

海の向こうでは賛否両論あるみたいですが・・・。

そうは言っても、われわれWEB制作会社としてはiPadにも準拠したWEBサイトを構築したりアプリを開発する技術も必要になってきます。

そういう意味で関わりのあるiPad。
近々購入しようと思います。

今日はその中の1つ「CSS Sprite」を紹介します。

詳しくはこちらを参照
http://www.designwalker.com/2008/02/css-sprite.html

簡単に言うとロゴやグローバルメニュー、ボタン的なものをすべて１枚の画像に納めて、CSSで制御するという方法です。

今まではスライスした画像を1つ1つimageタグなりCSSの背景なりにブラウザに読み込んでもらって表示するという形式でしたが、CSS Spriteを駆使するとすべてが1つの画像として読み込んでもらえるので表示速度がアップするという流れです。

ブログなどCSSライクのWEBサイトにはうってつけの手法です。

ただブラウザによっては印刷した時におかしな表示になったりするので、結局印刷用のCSSを用意したり２重の労が発生したり…。

色々な手法と比較すると一長一短かもしれませんが、適用したWEBサイトがウェブマスターツールなどでどんな効果となるかチェックしてみたいです。

[AUTHORITY SITE]
http://www.authority-site.com/2010/04/wordpress/27-wordpress-plugin.html

でも黄砂がすごくて出かける気力もないので、この前購入したIKEAのキャビネットを組み立てることにしました。

IKEAのキャビネットとか収納は組み立てがすごく簡単なので気に入ってます。

シンプルに記載してある図面を見ながら組み立てること2時間弱。

 ↓↓↓出来上がりました。↓↓↓

今日作ったキャビネットは洗面所で使います。たっぷりの収納力です。

さて、今お付き合いさせて頂いているクライアント様に「典型的な社長タイプの人やな～」と思う方がいます。

最近打合せなどで「Twitterってどうなんですか？」とよく質問を受けます。
なので実験的にTwitterにアカウントを設けてみました。

自分としては口コミ的な要素が強い印象があって、たくさんの方にフォローしてもらえればかなりの方にブログや自社サイトを閲覧してもらえるようになると思います。

頑張ってつぶやいていきます・・・・。

あらゆる分野のプラスチック製品の金型製作に携わる「協伸金型工業様（京都府久世郡久御山町）」のホームページ作成をお手伝いさせて頂きました。

詳しくは下記よりご覧ください。

制作事例：協伸金型工業様　ホームページ　新規開設
ホームページ：精密プラスチック金型の設計、製作 | 協伸金型工業

今年中にはページ表示速度もSEOの大きな要因になるということなので、
コーディングにおける軽量化はもちろん、一つ一つ画像のサイズから利用するJavascriptまで、細かく丹念に作りこむことが非常に重要になると思います。
そしてGoogleのウェブマスターツールでは、すで表示速度をスコアリングするサービスが展開されていて、ツールに登録したウェブサイトの表示速度を日々確認できるようになっています。

「速い」に越したことはないですが、「じゃ～遅い場合はどうすんねん」ということになります。

そこで、上記ウェブマスターツールには「Page Speed browser add-on」という、Firefoxの「Firebug」というアドインと連動したツールがすでに公表されていて、2つともFirefoxにインストールすると「どいうった要因で表示速度が遅くなっているか」を確認できます。

今日までのSEO対策も当然重要なのですが、それに加えてサーバーのポテンシャル、コーディングの制度、画像作成時の配慮などすべての要素が判断材料になるので、SEOに関してはより高度な技術が要求されるわけで、WEB屋さんの技術力が試される時代になりそうです。

創刊記念号に掲載するアンケートを取っているとのこと。

顔写真付きで掲載されるようなので、僕がアンケートを書いたかどうかは創刊記念号を見てくださいね。

お勧めのお店どこにしようかな～・・・。

京都・滋賀を楽しむタウン情報「left」