[HTML5] HTML5 Bookmarks – HTML5関連のブックマークブログ
HTML5関連の情報を紹介するブログ。日ごとに分けて関連情報が紹介されてます。間接的にHTML5に関連する内容も多く、SVGとかCSS3がらみの話題も多いようです。また右カラムではカテゴリごとに情報が整理されていて、フレームワークが欲しい時やジェネレーターを探す際に役立ちそうです。
Tag Archives: HTML5
[HTML Template] HTML5 Up! Responsive HTML5 and CSS3 Site Templates – HTML5, CSS3でコーディングされたWebテンプレート
HTML5 / CSS3でコーディングされたWebテンプレートが無料で配布されているサイト。いくつかの作例があり、「Free Donwload」ボタンからファイル一式をダウンロードする事ができます。ダウンロードされるのはHTML, CSS, imagesなどの一式。PSDなどの素材は含まれていません。またどれもレスポンシブレイアウトで作られているので、新規にサイト制作する際の素体としても便利そうです。
[Generator] 50 time saving HTML and CSS tools – 生産性を上げるためのオンラインツール
Web制作の生産性を上げるためのオンラインツールまとめ。HTMLとCSSに関するオンラインジェネレーターが50サイトも紹介されてます。なかなかの数です。適当にピックアップすると、ボタン、グラデーション、CSS3全般、CSS圧縮、角丸、ボックスやテキストシャドウ、フォーム装飾、プログレスバー、リボン、CSSスプライト、HTML5テンプレート、Bootstrap関連ツール、デバッグツール、レイアウト生成、ドロップダウンメニュー生成・・・あーなんかめんどくさくなってきたｗ ようするにだいたいのジェネレーターは揃ってます。しかしまぁたくさんありますな。こういうのって便利ではあるんだけど、あんまし頼り過ぎちゃうのもアレかもなぁとたまに思います。
[Web Design] HTML5 & CSS3 Tools and Tutorials – HTML5とCSS3のオンラインジェネレーター
HTML5とCSS3の各種指定を行えるオンラインジェネレーター。この手のジェネレーターって、例えばボックスシャドウだったりグラデーションだったり、ひとつの物に対して指定できるものが多いんだけど、このサイトでは多くの指定がここだけで行えます。できる事はHTML5ではVideoやAudio、Canvasなどの指定。CSS3に関してはテキスト、ボックス、グラデーション、角丸、2Dと3Dのトランスフォーム、アニメーションの各種指定ができます。さらにページ左下にあるArticles欄内では、様々な考察や作例が掲載されてます。オンラインジェネレーターとしてはかなり多機能で、ここだけで色々指定できます。CSS3書き慣れてない人にとっては入り口としてちょうどイイかも。
[Material] Agiledesigners – Webデザイナーのためのリソースまとめサイト
Webデザイナーのためのリソースまとめサイト。どのようなリソースかというと、アイコン、テクスチャ、ブラシ、フォント、ワイヤーフレーム、ECサイトツール、Webアプリケーション、フォトショッププラグイン、オンラインのコーディングツール、フレームワーク、ローカルソフトウェア、CMS、サイト解析ツール、オンライン共有ツール、マーケティングツール、プロジェクトマネージメントツール、そのたブログなどの情報リソースへのリンクなどがその内容。いやー盛りだくさんです。情報量が多く、広く浅くという感じのまとめサイト。けどなかなかイイですわこれ。役に立ちそうです。
[Web Cording] 8 Code Snippets for New Website Projects – 新規Webサイト立ち上げ時にあると便利なコードスニペット
新規Webサイトを立ち上げる際にあると便利なコードスニペットのまとめ。ベーシックなHTML5ページの基礎テンプレート、Clearfix、CSS初期化、CSS3のグラデーションやトランスフォームプロパティの指定、@font-faceによるカスタムフォント、レスポンシブレイアウトをする際のメタタグ、HTML5での動画読み込みに関してのコードスニペットが紹介されてます。いやこれいいですね。わりとモダンなコーディングスタイルで作業を開始する際のテンプレートとして使えそうです。とってもナイス。
[WordPress] Blank & Bare WordPress HTML5 Frameworks – HTML5でワードプレス用テーマを作成する際のフレームワークまとめ
WordPressでHTML5ベースのテーマ制作をする際に使えるフレームワークのまとめ記事。フレームワークとは言ってもWordpress用なので、普通のテーマと同じ形式でダウンロードできます。ただ丁寧に装飾された一般のテーマに比べると、簡素というかベーシックなレイアウト＆装飾のものが多い印象です。動きが凝ってるものやマルチデバイス対応を売りにするもの、Twitter Bootstrapをベースにしたものなど、それぞれに個性があります。このブログそろそろ新しいテーマに作り直そうと思ってるんですが、次はHTML5にするかもしれません。
[HTML5] HMTL5 Video Tag Builder – HTML5の動画タグを自動生成してくれるジェネレーター
HTML5の動画タグを自動生成してくれるジェネレーター。再生したい動画のサイズやID、プリロードの有無などの基礎情報を入力し、オンライン上にある動画ソースのURLを入力するだけで、Video.jsの利用を前提としたタグを吐き出してくれます。いやこれ便利ですね。まぁもともと特別面倒なタグ記述でもないんですが、ソース入れるだけでサクっと生成してくれるのはナイスです。まぁもちろん事前のJS導入が必要と言えば必要なんですが。