ホームページ制作のことなら、ホームページの制作会社 リアライズにお任せ下さい

「HTML5で利用可能な<video>や<source>タグで簡単に動画を掲載したい・・・・。」
という時に便利なライブラリです。

etianen's html5media at master

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

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

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

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

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

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

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

最近Wordpressの案件がちょいちょい入ってくるので、メモ

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にしてしまいたいと思う今日この頃でありました・・・。

今のところCSS３はブラウザがサポートしている場合に限られますが、我々作り手からすると効率の良くなるメリットがたくさんあります。

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

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

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

まずはこちらのURLを
↓↓↓↓↓↓↓
http://code.google.com/webfonts/preview

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

一言すごいです！

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

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

いよいよiPadの予約が開始されましたね。

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

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

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

WEBページの読み込みスピードがSEOに絡んでくるということで、WEBサイトの軽量化の対策があれやこれやと話題に上がっていますね。

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

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

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

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

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

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

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

ウチの３歳の息子はトミカが大好きなんですが、ちょうど大阪で「トミカ博 in　ＯＳＡＫＡ」開催されていたのでゴールデンウィークを利用して行ってきました。
車で行くと大渋滞に巻き込まれるのが見え見えだったので、朝早くから家族で電車で出動です！
さすがに40周年のイベントだけあってすごい人でした。

さぶみっとさんのメルマガにwordpress構築時に必要なプラグインの紹介記事がリンクしてあったのでメモ。

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

久々の連休ですね。

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

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

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

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

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