四コマ日記

アイコンをWebフォントで表示しよう！

Tue, 12 Jan 2016 17:40:26 +0900

サイト内で使うアイコンをWebフォントで対応するにあたって
備忘録です！

─────────────────────────────
【Font Awesome】
http://fontawesome.io/

※こちらのアイコンフォントがおすすめです。

─────────────────────────────
【All About】
アイコンをWebフォントで表示！ Font Awesomeの使い方
http://allabout.co.jp/gm/gc/402551/

※おすすめのWebフォントのアイコンや、HTMLでの表示の
仕方など、とても親切です。

─────────────────────────────
【Amiten】
アイコンフォントをphotoshopやillustraterで簡単に使う方法。
http://amiten.net/archives/390

※デザインで使う時には、こちらの方法で対応します。

─────────────────────────────

AirMacExpress謎の不具合

Fri, 26 Jun 2015 00:37:04 +0900

AirMacExpress、快適に使っていたのに、ある日突然インターネットにつながらなくなってしまった。･ﾟ･(つД｀)･ﾟ･
メインのMacは、ケーブルでつないでいるから問題ないけど、Wi-Fi接続の端末は、とりあえずWiMAXで利用。。。（WiMAXはWiMAXで、5月末頃から急に回線が遅くなって、あちこちで問題になってるし！）

そして、AirMacExpress。工場出荷状態に戻したりして、設定を繰り返しても、当初と同じ設定では、ステータスランプのオレンジ点滅が終わらないのです。
検索ワードを変えながら、ようやくたどり着いたのがこちらのサイト。ネットワーク関係に特化したブログです。おかげ様で、ようやく解決しました。
http://ezxnet.com/airmac/entry2549/

上流にひかり電話ルータがあれば、設定は超シンプルで良かったんですね。
→「インターネット」の接続方法は、「DHCP」
→「ネットワーク」は「切（ブリッジモード）」

※ちなみに、PPPoPで設定していました。

説明も丁寧で、なぜこの設定なのかが分かって良かったです。

そして、未だになぜ急につながらなくなったかは謎です。

AirMac Express

Fri, 10 Apr 2015 02:14:14 +0900

UFO型のAirMac（！？）が、ダメっぽくなって、AirMac Expressに！小さくなったなぁ〜と進歩を喜んだのもつかの間。PPPoE設定でやらかして、誰でも簡単に設定できるはずが、まさかのピンチ！
出荷状態に初期化して、設定しました。ε-(´∀｀*)ﾎｯ

お世話になったのはこちら。わかりやすいですよ！

初心者でもわかるように解説！
AirMac Express のPPPoE設定とWi-Fi 設定
http://nw-knowledge.blogspot.jp/2014/01/airmac-express-pppoe.html

「マルチアイコン生成ウェブアプリ」が便利！

Wed, 08 Apr 2015 11:40:24 +0900

久々の備忘録。Macを新しくしたら、スピードアップして気分いいです。Yosemiteだけど、慣れました。でも、まだ環境が充分でなかったりするけど、まぁ、いずれ。。。

ファビコンを作成するには、こちらのサイトが便利です。

１つの画像から多用途のアイコンファイルを一括生成！
マルチアイコン生成ウェブアプリ
http://kantaro-cgi.com/webappli/multiicon-maker/

ありがとう「カンタローCGI」さん、シェアしときますっ！（＾－＾）

フリーの日本語フォントがステキ

Sun, 05 Oct 2014 09:32:28 +0900

こちらの、フリーの日本語フォント、質が高くていいですね！

こころ明朝体
こども丸ゴシック
はんなり明朝

●Typing Art ／タイピングアート
http://typingart.net/

WEBツールが便利！

Sun, 24 Aug 2014 20:56:48 +0900

TECH-UNLIMITED
すぐに使える便利なWebツール
http://tech-unlimited.com/

WHOIS情報の検索
.htpasswordの生成
日本語URLのエンコードとデコード
Excel表をテーブルに一発変換（！）
HTML特殊文字変換ツール

・・・などなど、便利なツールがひとまとめになっています。
しかも、使いやすいです。

メールアドレス暗号化ツールが便利！

Wed, 20 Aug 2014 07:44:40 +0900

メールアドレス暗号化ツールがとっても便利です。
●メールアドレス暗号化
WEB上に公開しているメールアドレスをメールアドレス自動収集ロボットから保護する為の暗号化ツールです。
http://www.luft.co.jp/cgi/coding.php

１ページに複数記述する時には、以下の記述内の★の箇所に１とか２とか、入れて識別させる必要があります。（これで、２時間は作業が止まってしまった。。。素人って悲しい。。。）
〜〜function mail_to★(k_1,k_2)〜〜
〜〜document.write('<a href=JavaScript:mail_to★("","")>メールでのお問い合わせ<\/a>');〜〜〜

＊＊＊＊＊＊＊＊＊＊
その他、以下のツールがあって、便利です。
●.htpasswordファイル生成
●IPアドレス確認ツール
●文字数チェック
●パスワード生成ツール
●環境変数確認

Google Fonts

Sat, 25 Jan 2014 12:00:54 +0900

商用でも使える、Googleのwebフォントが便利です。 (*´ω｀* )

Google Fonts http://www.google.com/fonts

HTML5 CSS 各ブラウザの対応状況

Sat, 05 Oct 2013 12:59:04 +0900

＊備忘録＊

IEの対応の遅れは、尋常ではないです。

http://fmbip.com/litmus/

とくに、IE8以下では、当たり前の事が再現されずに
苦労するひとも多いようです。
【自分が困った事例】
●背景画像がレイヤー重ねできない。
（CSS 3より背景画像は、レイヤーにすることができます。）
●ロールオーバー効果で切り替わるボタンの半透明部分（ping)が、マウスオーバーで黒くなる。（例：ボタンのドロップシャドウなど／JSでの切り替えもCSSの半透明効果でも、発生）
●レイアウトがおかしくなる。（原因は、不要なタグがあったため）

日本では、IE8のシェアが高め（2013年9月現在13.5%）ですので、まだまだ対応が必要かもしれません。
http://gs.statcounter.com/#browser_version-JP-monthly-201209-201309-bar

ブラウザシェア／モニター解像度

Sat, 05 Oct 2013 10:25:35 +0900

＊備忘録です＊

プルダウンメニューで、項目（ブラウザやモニター解像度）を切り替え、さらに国毎の表示もできます。
表示は、折れ線グラフ・棒グラフに切り替えでき、とても分かりやすいです。

http://gs.statcounter.com/

●ブラウザのシェア（Browsers）
世界では、Chromeが主流、日本では、ダントツでIEが主流です。

●モニター解像度（Screen Resolutions）
【世界の順位】
1366×768
1024×768
1280×800
1920×1080
1280×1024

【日本の順位】
1366×768
1920×1080
1280×800
1024×768
1280×1024

日本では、解像度の高いモニターが使われている印象です。

クリッカブルマップを使ったロールオーバーイメージ

Wed, 02 Oct 2013 09:06:13 +0900

＊備忘録＊
クリッカブルマップを使ったロールオーバーイメージ
ここ、分かりやすい！(*´ω｀* )

http://www.webcreator-net.com/tips_memo/javascript/20120209220347.html

１ページに複数ある場合はどうしたら良いのか調べていたら・・・。

Σ(ﾟдﾟ) ｴｯ!?　JSを使わなくてもできるんですか！？

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1457035334

追記：
２つ目は、JSファイルを外に持たないってことですね、きっと。
１つ目の方法を基本に、2つめの、複数の場合の方法を見て、対応できました。
JS分からないけど、見よう見まねで何とかなってよかった・・・。
(〃´o｀)=3 ﾌｩ
基本を勉強しておかなくっちゃ！です。

サイト診断ツールが便利！

Mon, 26 Aug 2013 09:34:26 +0900

オンラインで、無料で使える、サイト診断ツールが便利です。
ウィルスチェックとか、マルウェアチェックとか、サイト内の情報の解析とかしてくれます。

↓こちらに、診断ツールのリンク集があって、超便利でした。ありがとうございます。

●オンラインリンクスキャンでＵＲＬ指定のウイルスチェック
http://lhsp.s206.xrea.com/misc/linkscan.html

※備忘録でした。

フローティングバナーとFlashの重なり

Sat, 24 Aug 2013 20:03:57 +0900

フローティングバナーとFlashの重なりで苦労したので備忘録。

Google Chromeで、Flashの下にフローティングバナーが隠れてしまう現象が発生。

Flashの表示スクリプトに、
; so.addParam("wmode", "transparent")
を追加することで解決できました。

<script type="text/javascript"> var so = new SWFObject("swf/XXX.swf", "swfContent", "960", "300", "9", "#FFFFFF"); so.addParam("wmode", "transparent"); so.write("flash_area");</script>

ちなみに、上記の記述の「flash_area」は、代替画像を置いているdiv。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
こちら様の情報が参考になりました。ありがとうございます。
●Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す
http://www.koikikukan.com/archives/2006/03/17-021717.php#
●Flash コンテンツが z-index を無視して覆い被さってしまう件
http://www.drk7.jp/MT/archives/001434.html
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

しかし、透明設定すると、何故解決するのかは、謎です。
JSはよく分かりません。今回は、HTML支給だったので、それを加工してやりくりしました。問題解決まで、丸一日かかってしまったような…。コーダーさんやプログラマーさんには、笑われてしまいそうです。ヾ(´ε｀*)ゝｴﾍﾍ

Macで、CPUの使用状況をチェック

Sun, 11 Aug 2013 13:53:10 +0900

最近、アレなFlashですが、ウェブ以外の需要もあったりします。
で、SWF再生時の負荷状況をチェックする必要があり、Macの「アクティビティモニタ」（Windowsでいうところの「タスクマネージャー」）を利用しました。
アプリケーション＞ユーティリティ＞アクティビティモニタ
にあります。

こちらのブログを参考にさせていただきました。(_ _)
http://blog.livedoor.jp/mac1st/archives/1067341.html

兼好さん

Mon, 08 Jul 2013 20:56:27 +0900

徒然草の現代語訳をぽつぽつ読んでいますが、兼好さんが素敵すぎます。勢いでマンガにしてみました。
左上から読んでくださいませ。（分かりづらくてすみません。今後、改善予定〜。）