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

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

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

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

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

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

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

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

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

「読み方のわからないHTMLタグとCSSプロパティ」ベスト5!正しい読み方は?

おれはデザイナーをやめるぞ
webには様々なHTMLタグやCSSプロパティがあります。ネットで調べれば使い方はすぐにわかりますが、読み方の書いてあるサイトは意外とありません。 そのため「このタグなんて読むんだろう?」という経験は、コーディングをしたことのある人なら一度はあると思います。私も間違った読み方で覚えてい...
続きを読む

CSSの「z-index」が効かない時の解決方法

MBAコマンドボタン
先日ブログのカテゴリメニューをページスクロールで追従するよう変更したのですが、一部のブラウザでメニューが記事の下に隠れてしまう現象にハマりました。 cssのz-indexが原因ということはすぐにわかりましたが、いくら数値を変えても変化なし。このような現象が起きた場合の解決方法を紹介しま...
続きを読む