WeberNote

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

2017/05/18 Posted by Turkey サイト制作

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

2017/03/28 Posted by Turkey サイト制作

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

2017/03/14 Posted by Turkey サイト制作

ローカルやデモ環境で問題なく動作確認したファイルを本番環境にアップしたら、javascriptが動かない…こんな経験ないでしょうか？その本番環境が「https（SSL）」で通信している場合は、スクリプトの記述方法に原因があるかもしれません。今回は、https通信下でjavascrip...

2017/02/03 Posted by Turkey サイト制作

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

2017/01/12 Posted by Turkey サイト制作

フッタメニューやページングナビゲーションのコーディングで、liタグをfloatさせて横並びにすることはよくあると思います。しかし、そのリスト全体をセンタリングしようと「margin:0 auto;」や「text-align:center;」を使っても上手く中央に揃いません。そんな時は...

2016/08/25 Posted by Turkey サイト制作

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

2015/10/02 Posted by Turkey サイト制作

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

2015/09/17 Posted by Turkey サイト制作

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