カテゴリー別アーカイブ: 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

ブラウザチェック用 App

HP制作では、色々な環境で動作チェックをする必要があります。
PC以外(スマホ、タブレット等)の画面サイズチェックは、以前 miyakawa が紹介していましたが、今回はOS毎の各ブラウザチェックに便利なアプリをご紹介します。

Sauce
Mac App Store で紹介されている無料アプリです。(全機能を使う場合は有料)
https://itunes.apple.com/jp/app/sauce/id564308477?mt=12

Sauce

閲覧したいURL、OS、ブラウザ、画面サイズを選択してNavigateをクリック!(画面はお試し使用時)

使い心地は…というと、上記URLのレビューにもある通り「重い」。
でも、画面チェックとしてはかなり使えると思います。
ちなみに、全機能を使うならユーザー登録(無料 or 有料)が必要みたいですが、IE6〜10なら登録をしない「お試し」でもチェック出来ました。
ちなみにNavigateボタンをクリックした後、「Connecting…」画面の画像が動かないため、一瞬「フリーズか!?」と焦りました(笑)

販売元: SAUCE LABS INC