カテゴリー
Webサイト制作まとめ

いままでまとめたHTML5の勉強をしたさいに作成したまとめ ~HTML5の新要素の説明からマークアップの基本まで~

今回は僕がHTML5を勉強するにあたり「HTML5でサイトをつくろう」でまとめたページをまとめました。初めて作るならここからやるといいかなとおもったHTML5の新要素、コンテンツモデルやアウトラインについて、xhtmlとHTML5で同じフォーマットをマークアップして違いを比べたりしました。

現在WEB制作で仕事をしながら勉強している人やゼロからやってみようと思う人に仕様書を全部読む前でもまずはここからやってみると良いかなと範囲をまとめてみました。初めのきっかけに参考にしていただけれたらうれしいです。

iPhone・iPadでも動画コンテンツを見れるようにするHTML5 Video Player集めました。

一昔前はPCで動画というとFlashで作成されたプレイヤーが主流でした。(今でもPCサイトの動画はフラッシュの動画が多いですが)

しかしiPhone、iPadなどがFlashプレイヤーを搭載しなかったことと、昨今の携帯がスマートフォンが主流になってきたことから各企業もiPhone、iPadでも動画が見れるようにという要望が多くなってきました。

そこで話題のHTML5のVIDEO要素などがありますがブラウザによって動画のファイル形式を変えなければならないとちょっと便利ではありません。

PCサイトとiPhone、iPadで動画を見るためにどのようなことが考えられるかというとこのような形になるのかとおもいます。

今回はVIDEOを見せるためのいろいろなHTML5 Video Playerを集めてみました。

いままで集めたFacebook関連のまとめ ~Facebookページ作成方法から企業のFBページのまとめ~

企業から個人まで爆発的に増えたFacebookページですがただウォールだけ作るのもよいですが、他のと差別化として「TOPをオリジナルのデザインにしたい」「SSLが使えない環境でもFacebookページを作りたい」「ブログなどにFacebookのいいねをつけたい」と思っている人は多いとおもいます。

そこでもう一つのブログ『HTML5でサイトをつくろう』でいままでまとめたFacebookページの作成方法や企業のFacebookページのまとめを一つにまとめてみました。

僕がWEB製作の仕事やブログの記事をまとめる際に情報収集している方法をまとめました

僕の仕事はWEB製作の企画制作、WEBスクールでの講師、セミナーや記事執筆などしておりますが、WEBの世界は技術の変化が激しいので常に勉強ということで、今なにが行われているか追っていかないとすぐに仕事にならなくなってしまいます。
特に変わったことはしていませんがWEB製作の仕事やブログの記事をまとめる際に情報収集している方法をまとめました。あとONETOPIというサービスのキュレーターをさせていただいたのですが、ONETOPIが情報収集に便利でしたのでご紹介します。

CSS3のWebフォントを使用して作られたWebサイトあつめました

Webフォントを使用サイトサイトも多くはないですが最近目にするようになってきました。 フォントの表現が広がると、サイトの雰囲気も変わりますね! ライセンスの問題もありますのですべてのフォントが自由に使えるということではあ […]