ホームページ制作に役立つサイトまとめ(その他)
ホームページ制作にお世話になっているサイトをまとめていきます。
■ホームページ等に使える写真やイラスト等の素材まとめはこちら
https://matome.eternalcollegest.com/post-2141403120142755301
■CSSを使ったグラデーションや角丸等を作るためのスタイルシートに関するまとめはこちら
https://matome.eternalcollegest.com/post-2141231488641486301
■ちょこっとしたプログラムを作りたい!そんな時はjavascriptを使いましょう!
https://matome.eternalcollegest.com/post-2141413972853811701
PC・スマホサイト制作どっちにもお役立ち
迷惑メール対策に
ホームページにメールアドレスを載せているとロボットが勝手に読み込んで自サイトのアドレスが勝手に取得されてしまうということが昔からあります。
なので対策のためにHTMLのエンティティ化というものをしましょう。
そうすれば少しは減るかもしれません。
HTMLのエンティティ化については以下を参考にしてください。
ホームページに e-mail アドレスを公開すると、メールアドレス収集ソフト などに簡単に収集されてしまい、ジャンクメールがどんどん届くようになります。
ウェブページにアドレスを公開する場合、アドレス収集ソフト対策の一つとして、 e-mail アドレスをエンティティコードに変換したものをウェブページに載せる方法があります。 変換したアドレスをウェブページに記載すると、 実際に見ている人にとっては普通に表示されますが、 メールアドレスの自動収集プログラムなどからは収集されにくくなります。
Encode E-mail Address
メールアドレスのHTMLをエンティティ化してくれるサイト
メールアドレスのHTMLをエンティティ化してくれるサイトです。
スマホサイト制作にお役立ち
スマホサイトの容量はどれくらいがいいの?
海外と日本では全然容量が違うことを比較しています。
Amazonが4.703秒に対して、ディノスは130.938秒と約28倍も違います。同じ場所でほぼ同時刻に計測して、どうしてこれだけの差が出るのでしょうか? Total Bytes Downloadの数値を見てください。
Amazonが75.51KBに対して、ディノスは771.27KBと約10倍です。欧米のスマホサイトは1ページあたりの容量を100KB前後で収めているのに対して、日本のスマホサイトは1ページあたりの容量が500KB以上、酷いところになると1MBを超えます。原因は、1ページあたりのサイズの差と考えられます。
ASCII.jp:遅すぎる日本のスマホサイトの原因を探る (3/4)|本気で取り組むスマホサイト高速化
ASCII公式サイト
ということは1ページあたり100kbで抑えてあげると喜ばれる?
レスポンシブデザインについては以下を参考
スマホサイトの画像の最適化(レスポンシブデザイン・コーディング)について
スマホサイトで画像をレスポンシブに変更する方法を参考にさせていただきました。
スマホサイトの作成の基本

http://www.webdlab.com/guide/sp-site/
スマホサイトを作るときの基本を参考にさせていただきました。

http://kana-lier.com/web/smartphone_work_beginner/
スマホサイトを作るうえで気をつけることを参考にさせていただきました。

http://kotori-blog.com/iphone/ipad_viewport/
iPadやiPhone等で確認したらサイトの右側が切れている…。
そんな時にはこれを設定してみてはどうでしょうか?


