とにかく最新のHTML5やJSを使用したサイトをたくさん見たい時に便利!国内外のWEBデザインサイトのタグリストをまとめました

リリースされる最新のHTML5やJavascriptを使用したサイトは常にチェックしたいですが、案件に必要な参考サイトを探している時に項目別に一気に見れたり比較ができればより便利です。

そんな時に、いつもチェックしているHTML5やCSS3、Javascriptといった国内外WEBデザインサイトのタグリスト別のデータサーチを紹介します。

先日ご紹介したWEBデザインを制作する際の参考にしているデザインまとめサイトをまとめました【2012年版】で紹介したサイトを中心に、便利なタグリスト機能があるものを参考にご紹介します。

WEBデザインまとめサイトのHTML5のタグリスト

国内サイト

I/0 3000 – HTML5

I/0 3000 - HTML5
http://io3000.com/tag/html5/

MUUUUU_CHANG – HTML5

MUUUUU_CHANG - HTML5
http://muuuuu.org/category/technique/html5

S5-Style – HTML5

S5-Style - HTML5
http://bm.s5-style.com/index.php/category/technic/html5

straightline bookmark – HTML5

straightline bookmark - HTML5
http://bm.straightline.jp/tag/html5

WONDER BOOKMARKS – HTML5

WONDER BOOKMARKS - HTML5
http://bm.wonderboxstudio.com/?cat=61

81-web.com – HTML5

81-web.com - HTML5
http://81-web.com/tag/t_html5

海外サイト

AWWWARDS – HTML5

AWWWARDS - HTML5
http://www.awwwards.com/tag/html5

BEST WEB GALLERY – HTML5

BEST WEB GALLERY - HTML5
http://bestwebgallery.com/category/html5/

WEBデザインまとめサイトのCSS3&CSSのタグリスト

国内サイト

I/0 3000 – CSS

I/0 3000 -  CSS
http://io3000.com/tag/css/

I/0 3000 – CSS3

I/0 3000 -  CSS3
http://io3000.com/tag/css3/

I/0 3000 – transition

I/0 3000 -  transition
http://io3000.com/tag/transition/

MUUUUU_CHANG – CSS

MUUUUU_CHANG - CSS
http://muuuuu.org/category/technique/css

S5-Style – CSS

S5-Style - CSS
http://bm.s5-style.com/index.php/category/technic/css

straightline bookmark – CSS

straightline bookmark- CSS
http://bm.straightline.jp/tag/css

WONDER BOOKMARKS – CSS

WONDER BOOKMARKS - CSS
http://bm.wonderboxstudio.com/?cat=59

海外サイト

AWWWARDS – CSS3

AWWWARDS - CSS3
http://www.awwwards.com/tag/css3

BEST WEB GALLERY – CSS

BEST WEB GALLERY - CSS
http://bestwebgallery.com/category/css/

WEBデザインまとめサイトのJS関連のタグリスト

国内サイト

I/0 3000 – Javascript

I/0 3000 -  Javascript
http://io3000.com/tag/javascript/

I/0 3000 – parallax

I/0 3000 -  parallax
http://io3000.com/tag/parallax/

MUUUUU_CHANG – TOPページにJS多用

MUUUUU_CHANG - TOPページにJS多用
http://muuuuu.org/category/taglist/topjs

MUUUUU_CHANG – 視差効果(パララックス)

MUUUUU_CHANG - 視差効果(パララックス)
http://muuuuu.org/category/taglist/parallax

S5-Style – JS

S5-Style - JS
http://bm.s5-style.com/index.php/category/technic/js

straightline bookmark – javascript

straightline bookmark - javascript
http://bm.straightline.jp/tag/javascript

81-web.com – javascript

81-web.com - javascript
http://81-web.com/tag/javascript

WONDER BOOKMARKS – JS

WONDER BOOKMARKS - JS
http://bm.wonderboxstudio.com/?cat=62

81-web.com – jQuery

81-web.com - jQuery
http://81-web.com/tag/t_j

海外サイト

AWWWARDS – jQuery

AWWWARDS - jQuery
http://www.awwwards.com/tag/jquery

AWWWARDS – Animation

AWWWARDS - Animation
http://www.awwwards.com/tag/animation

WEBデザインまとめサイトのモバイル・タブレット対応関連のタグリスト

国内サイト

I/0 3000 – responsive

I/0 3000  - responsive
http://io3000.com/tag/responsive/

MUUUUU_CHANG – レスポンシブwebデザイン

MUUUUU_CHANG - レスポンシブwebデザイン
http://muuuuu.org/category/taglist/responsive

海外サイト

CSSMania – Mobile/Tablet

CSSMania - Mobile/Tablet
http://www.cssmania.com/topics/web-tools/mobile/

CSSMania – Responsive Design

CSSMania - Responsive Design
http://www.cssmania.com/topics/web-tools/responsive-design/

Design Bombs – Responsive

Design Bombs - Responsive
http://www.designbombs.com/category/responsive/

TheFWA – MOBILE OF THE DAY

TheFWA - MOBILE OF THE DAY
http://www.thefwa.com/mobile

この記事を書いた人

著者 : ハヤシユタカ

2001年、有限会社ムーニーワークスを設立。WEB制作の他、書籍執筆、セミナー講演、企業研修などを行う。また、クリエイター育成機関デジタルハリウッドでは1999年より講師として本科WEBデザイナーコースやデジタルデザインコースを担当。 詳しいプロフィールはこちら

最近書いた記事

この記事に関連する記事