Category : Web開発用ツール

READ MORE

今やサイト設計の際に必ずと言っていいほど考慮しなくてはならないレスポンシブWebデザイン。実装する際には通常のPCサイトを制作するのに比べて設計部分でいろいろと考慮しなくてはいけない部分が多くなりますがそんなレスポンシブWebデザインのサイト設計の際に役立つWebサイトを2つほど紹介してみます。This Is Resp…

READ MORE

Webサイトを制作する際、現在ではPC画面のみならずスマートフォンやタブレットPCなどなどあらゆるデバイスできちんとレイアウトが保たれるように制作することが必要になります。それらのいろいろなデバイスで画面確認するための、あらゆる種類の画面解像度での表示をWebページ上で簡単に確認することができるツール「Screenfl…

READ MORE

CSSを構築する際、記述ミスや重複を防ぐためのチェックツールは以前(2年以上前ですが…)の記事「CSSチェックツールについて」で紹介したものや、それ以外でもいろいろあったりしますが、記述したCSSをWebサイト上で診断して最適化できるサービス「CSS Lint」が便利そうだったのでご紹介。CSS Lint≫CSS Li…

READ MORE

以前、HTMLソースのチェックツールを「HTMLチェックツール「Another HTML-lint gateway」」にて紹介しましたが、残念ながらいずれもHTML5にはまだちゃんと対応していない模様。現状では、「Quality Assurance tools for HTML5」で紹介されているHTML5用のチェック…

READ MORE

Webデザインをするにあたって、画面サイズは結構重要なもの。一般的と言われている1024×768の画面解像度に加えてモニターサイズのパターンはさまざま。そんな画面サイズをブラウザ上で一発で調整が可能になるツール「resizeMyBrowser」が結構使えそうだったのでご紹介。≫resizeMyBrowser - Web…

READ MORE

Webサイトを構築する際、HTMLの組み方やCSS/JSの構成などでページの表示するレンダリングスピードは変わってくるもの。ページを閲覧するユーザにとってレンダリングスピードをいかに早くするか、が重要だったりします。そんなページのレンダリングスピードを対決方式で比較することが出来るサイト「Which loads fas…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
Partner