ネットで話題のニュースを紹介

SVGファイルを初めて設定する時につまずきやすいポイント!リンクの設定とカラーの変更方法

SVGファイルイメージ
画像ファイルと言えば、JPEGやPNG(ビットマップデータ)を扱う機会が多いと思いますが、高解像度ディスプレイで見るとぼやけてしまう欠点があります。 そのため、スマートフォンの普及もあり、今ではSVGなどベクターデータを使う方が都合いいことが多くなりました。SVGは軽くて画質の劣化がな...
続きを読む

スマートフォン端末で電話発信するa要素「tel」をPC版で無効にする方法

新機種が出るたびに増えるスマートフォン
a要素に[href="tel:電話番号"]を指定すると、電話発信用のリンクを設定することができます。スマートフォンなどではタップするだけで直接電話をかけることが可能になるため、非常に便利な機能です。 しかし、レスポンシブWebデザインでサイトを構築している場合、パソコンで見ると[hre...
続きを読む

https(SSL)通信の環境下でjavascriptが動かなくなる場合の原因と解決方法

先輩への質問の返答が、全部「ググレカス」
ローカルやデモ環境で問題なく動作確認したファイルを本番環境にアップしたら、javascriptが動かない…こんな経験ないでしょうか? その本番環境が「https(SSL)」で通信している場合は、スクリプトの記述方法に原因があるかもしれません。今回は、https通信下でjavascrip...
続きを読む

ヘッダを[position:fixed]で固定した際、ページ内リンクの位置がずれるのを解消する方法

ノートパソコンで作業中
当ブログもそうですが、最近はヘッダ部を固定して表示するページが非常に増えました。 しかし、[position:fixed]でヘッダを固定している場合、ページ内リンクの位置がヘッダの高さ分ずれてしまいます。今回はその場合の対処方法を紹介します。 ページ内リンクの位置ずれを解...
続きを読む

【SEO対策】ブログを常時SSL化(HTTPS対応)しました!Googleの検索結果にも影響あり

パソコンのセキュリティ
当ブログで利用しているサーバー「wpXクラウド」に独自SSL(https)の機能が追加されたので、WeberNoteでも常時SSL化に対応することにしました。 SSLとはインターネット上で通信を暗号化する技術です。SSLを利用してパソコンとサーバ間の通信データを暗号化することで、第三者...
続きを読む

TwitterやFacebookなどの「公式SNSボタン」をオリジナルデザインにする方法

SNSボタン
Twitterの仕様変更により、近日中にTwitterボタンのツイート数カウントが表示されなくなります。10月1日から実施されると噂されていましたが、まだ大丈夫なようです。 まだ利用できるとはいえ、仕様変更は確定事項。FacebookやGoogle+でも同じような仕様変更は過去にあり、...
続きを読む

HP担当者は必見!サイトの修正が反映されない…ページを更新してキャッシュをクリアする方法

決裁権が誰にもない
ホームページ制作の現場に携わってから、何度も何度もクライアントとやり取りしているこの会話…「ページ更新しました」→「いや変わってないけど?」 だからそれはページのキャッシュって言ってるだろー!更新ボタン押せって何回言わせれば気が済むんじゃー!…と失礼(笑)とにかくWebデザイナーだった...
続きを読む