当ブログを常時SSL化しました。記事のコメントに関してこのブログはあくまで個人用の覚書ですので、詳しいWebプログラミング知識はお答えできないことがあります。管理人多忙につき、コメントをされても返信が遅くなることがありますのでご了承ください。Mine当ブログを常時SSL化しました。Encrypt」)が使えるようになりまして、独自ドメインをなんと無料でSSL化できてしまうのです!なので、運営しているサイトをこつこつ常時SSL対応しています。シグナルに使用します」と発表してからは、ウェブサイトのHTTPS化(常時SSL)が推奨されはじめているので本当にありがたいっ。SSLとは、インターネットなどのTCP/IPネットワークでデータを暗号化して送受信するプロトコル(通信手順)の一つ。公的機関などセキュリティの信頼性を明示したい場合は、シマンテックやジオトラストといった知名度の高い有料SSLがいいかと思います。https://example.com)、やる事が多々出てきます。・内部リンクのURL変更(画像URLパス含む)・外部連携サービスの再登録orURL変更また外部で利用しているプログラムがSSL対応していないと、動作しないものも出てくる可能性も...長く運営しているサイトでコンテンツ量も多いと他にもいろいろとやる事があるかもしれません。ウェブ制作当ブログを常時SSL化しました。́∀`)WP4.7から一気にWP4.9へアップグレードさせたので少々不安だったのですが、特に問題なく動作してます。PHPバージョンも7に切替レンタルサーバーがPHP7をリリースしているので、5系から7.1に切替ました。PHP7は、以前のバージョンに比べパフォーマンスがかなり高いそうでWP高速化に期待が持てます。※但し古いバージョンのPHPだと動かなくなるのでご注意ください。あとはMySQLデータベース5.0→5.5への移行!...なんですが、別サイトでエラーが出たので腰が重い。時間に余裕があるときにやろうかと思います。コメントを残すicomoonのアイコンフォントをIE7・IE6にも表示させる「icomoon」というサイトで作成したアイコンフォントが、IE7以下で表示できなくてハマリまくった。しょう~もないミスでしたが、忘れてしまいそうなのでメモ。(アイコンフォントの作成方法はすっとばしますのでご了承ください)まず、「icomoon」にてIE7/IE6対応のファイルもダウンロードできるよう設定。WEBフォントをダウンロードすると「ie7」というフォルダ(ie7.jsとie7.cssが入っている)も一緒にダウンロードできる。当サイトのレンタルサーバーはエックスサーバーを使用しているんですが、mod_pagespeedが設定できるよとのメール案内があったので早速試してみました。このサイトに設定...なにか変な影響あるかな~・・・とドキドキでしたが、何の問題もなく動作♪体感速度は、かなり早くなった気がッGTmetrixで計測してみると・・・トップページがA台に突入...!※エックスサーバーは、「サーバーパネル」→「HOMEPAGE」メニューにある「mod_pagespeed設定」へ移動し、「ON」に変更するだけ。詳しくはコチラ→エックスサーバーマニュアルさらにもう一つ、画像が多くて重いサイトにもmod_pagespeedを設定。コメントを残す投稿されたタクソノミーターム名を表示する記事に投稿されているカスタム分類(タクソノミーターム)だけを表示するタグ。コメントを残すfirst-letter×letter-spacingでSafari4がクラッシュ?レスポンシブウェブサイトを制作中、MacのSafari4.1.3にてサイトを確認したらクラッシュする...。́;ω;`)なんでよ低スペックMacのせい?と思ったものの画像やソースの容量はかなり抑えたし、しかも他の重いサイトは表示される。これはソースに問題ありと見てエラー箇所の洗い出し。JSの動作、記述ミスなどチェックjqueryを幾つか設定しているのでまずはそこから確認。別ファイルでjqueryをセットし個別に動作確認JS・HTML・CSSの記述ミスがないか確認JS・HTML・CSSの文字コードを統一させるが、なんの問題もないし変わらない。何が便利かというと...リンクできる範囲がかなり広がった点。4/XHTMLまでは<a>要素はインライン要素であるため、ブロックレベル要素(p、div、ul、h1、h2...)などを囲んではいけなかった。class="box"><p><a>ブロックレベル要素を囲んではいけない</a></p></div>が、しかし!HTML5ならブロックレベル要素も囲んでいいのです。class="box"><p>html5からのa要素は、様々なタグや複数要素を囲むことができる。段落・リスト・表などのセクションに対しても、全体を<a>~</a>で囲んでリンクを指定できるようになっています。その中に他のリンクやフォームボタンなどのインタラクティブコンテンツが含まれる場合には、リンクを指定することはできません。<a>-HTML5タグリファレンスということなので、HTML5ならDIVやP全体にリンク範囲を広げたい...とかでCSSやJSをいじくりまわす必要もないわけです。ちなみに、SEO的にどうなのかはわからない。”文字にのみ”がいいのかもしれないが...構文的に問題ないわけだし、余計なソースも増やしたくないのでこれを推し進める(笑ただし以下のようなやり方はダメ。<p><a><h1>間違ったやり方</h1><p>html5からのa要素は、様々なタグや複数要素を囲むことができるが...</p></a></p><a>要素を削除してみるとわかりますが、<p>の中に<h1>があったり<p>があるのは間違っています。基本的な構文、正しいコンテンツ・モデルを意識したい。8件のコメントAndroidの標準ブラウザ、widthのバグ?Androidには標準ブラウザがある。その名も「ブラウザ」。スマホ操作をレクチャーしてもらったときには、二度聞きしてしまった。通常はChrome使いなものの、サイト制作時にこの「ブラウザ」でも確認しているんですが、IE以上のヤバイ子ちゃんッぽい。文字要素の幅がおかしなことにハマったのが、文字のレイアウト崩れ。スマホを縦から横に切り替えたときの動作を確認していたら、コンテンツ内容(たぶんP要素)が指定の幅に広がらず、狭まってしまう。