お世話になったサイト他

HTMLでお世話になったリソース

逆引きサイトHTMLクイックリファレンス

HTMLクイックリファレンスとは、知名度が高い(と思う)HTMLの早見表サイト。

基本的にこれで調べればほとんど分かるので割とオススメ！

項目別に分けられているので、似た要素についても教養を深めることができる。

CSSでお世話になったリソース

実用的なサンプルが特徴のブログNxWorld

NxWorldとは、Webデザインについて書かれているブログ。

様々なサンプルを用意していることが8割方で、非常にためになるサイト。

今回はCSSのhoverについて大変お世話になったが、jQueryやWord Pressの記事なども取り揃えている。

色で迷ったときの必須アイテム！Coolors

Coolorsとは、色をランダムに抽出してくれるサイト。

このサイトは、色を選ぶセンスのない 私のような人に非常にオススメ！

スペースキーを押すと、カラーパレットが変化して様々な色の組み合わせを作ってくれます。

(精神的に疲れている時に、一心不乱にスペースキーを押したりすることがあるのは内緒……)

jQueryでお世話になったリソース

逆引きサイトjQuery 日本語リファレンス

jQuery 日本語リファレンスとは、jQueryの逆引きサイト。

jQueryの解説をしているサイトのコードを読んでいる時に、わからないものが出てきた時に使います。

サンプルコードが一つはあるので、理解の手助けになるという素晴らしい仕様である。

因みに、未だに「ヌー」と言っているキャラクターの名前を知らない……

広い範囲の情報が集まっているサイトBuild Insider

Build Insiderとは、Webやデバイス情報をまとめて記事として取り上げているサイト。

記事形式になっている上に、解説もしてくれているのでわかりやすく素晴らしいサイトだと思う。

更新ペースも悪くないので、毎日見ることでいいことがあるかも……

読みやすいよねWebpark

Webparkとは、ウェブサイト作成に役立つ情報をまとめてくれているサイト。

コンテンツの更新頻度は多くないものの、デモページの豊富さとイラストを用いた解説は「素晴らしい」の一言に尽きる。

お世話になったツール

エディタBrackets

Bracketsは、Adobe Systemsが提供するオープンソースのウェブ制作用テキストエディタである。らしい……wikipedia参照

個人的には、このエディタが一番使いやすいと思っている。

このBracketsについて素晴らしいところをまとめたページも作成してみたので、もし良かったら見てみてくださいね!

私がBracketsをオススメする3つの理由

ツールChromeデベロッパーツール

このChromeデベロッパーツールは、控えめに言って最高のツール！

一番役に立ったのは、CSSが上手く作用しない時でした。

余白や、タグに掛かっている要素が可視化されているので、見やすくわかりやすいです。