カテゴリー別アーカイブ: HTML

HTMLチェッカー　エラー表示

HTML記述で開始タグや終了タグを発見してくれる便利なアプリ。
Googleエラーチェッカー　　<– これで検索
Google Chorme専用ですがシンプルで使いやすい。

2

インストール後は右上アイコンをONにした後、こんな感じで教えてくれます。
1

CotEditor マック用テキストエディター

222

MacOS X用のテキストエディターです。これはコード（HTML、PHP、JavaScript等）を書くのにとても使いやすいエディターです。
OS-X10.3から対応されています。見た目の色合いがとてもシンプルで見やすいです。
コードを書いたり調査する場合は見やすいというポイントはとても重要です。エラー入力を無くすのに貢献してくれます。

https://coteditor.com/

上のメニューでアーカイブから、通常（AppStoreを使用しない）のダウンロードが可能です。

22
2

HTMLコード、ISO数値コードで表示する特殊文字

HTMLコード ISO 数値コード
@ &#64;
= &#61;
© &copy; &#169;
® &reg; &#174;
™ &trade; &#153;
℃ &#8451;
℉ &#8457;
〒 &#12306;
〠 &#12320;
㎜ &#13212;
㎝ &#13213;
㎞ &#13214;
㎠ &#13216;
㎡ &#13217;
㎢ &#13218;
㎎ &#13198;
㎏ &#13199;
㏄ &#13252;
￥ &yen; &#x00A5;
① &#9312;
② &#9313;
③ &#9314;
④ &#9315;
⑤ &#9316;
⑥ &#9317;
⑦ &#9318;
⑧ &#9319;
⑨ &#9320;
⑩ &#9321;
⑪ &#9322;
⑫ &#9323;
⑬ &#9324;
⑭ &#9325;
⑮ &#9326;
⑯ &#9327;
⑰ &#9328;
⑱ &#9329;
⑲ &#9330;
⑳ &#9331;

フラットデザインに最適なカラーをアドバイス

最近多くなってきているフラットデザインで、ちょうどいい雰囲気のカラーを見つけるのに苦労していました。
普段は沢山の参考サイトをみて、気になった色をスポットカラーのようなもので色情報を調べ、制作しているサイトに入れてみて….と時間を掛けて調整しています。

今回紹介するのは、サクッとフラットデザインに最適なカラーをアドバイスしてくれるサイトです。あと、このサイトのファビコンがgifアニメーションになっていて「おぉ！色がランダムに動いている」こんなところにデザイナーの心意気を感じます。

使い方は簡単で気になった色を1クリックすると色情報をコピーしています。
それをHTML/CSSの色指定部分にペーストするだけです。

Flat UI Colors
http://flatuicolors.com/
flatui