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

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

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

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

たった1行で「IEの互換表示」を強制的に標準モードにする方法

Internet Explorer(IE)
先日、クライアントから「IE10でボタンが見えないパソコンがある」と問い合わせがありました。画像を背景で置換していたのでcss絡みかと思ったのですが、調べてみたところ原因はIEの互換表示でした。 互換表示とは、バージョンごとに異なるレンダリングを過去のモードで表示するIEの機能。IEの環境だけ表示やレイア...
続きを読む

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

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

【CSS】テキストや画像のオンマウスでポップアップメッセージを表示するサンプルコード

キーボードを打つ女性の手
テキストにマウスカーソルが合わさるとポップアップメッセージが出てくるCSSのサンプルコードを紹介。 jQueryなどのスクリプトは一切不要で、HTMLとCSSだけで実装できます。 サンプルデモ 下のテキストにマウスカーソルを合わせてみてください。 テキストがポップアップ表示されると思...
続きを読む

【テンプレート】Webサイト制作で必ず使うディレクトリ名・ファイル名の一覧まとめ

パソコンを見る男性
Webサイトを制作する際、ディレクトリ名(フォルダ名)・ファイル名を付ける作業は必ず発生します。ファイル名は半角英数字が基本なので、英語をネットで調べる方も多いかと思います。 私も間違えていたら恥ずかしいので、簡単な英語でも検索するようにしています。しかし、毎回調べるのも効率が悪いので、一般的なサイトによ...
続きを読む