サイトデザイン

WEBマーケティングBLOG『TeamSEEK』
YouTubeチャンネルの最新動画をサイト内に埋め込むコードの記述方法

YouTubeの最新動画を常にサイト内に表示させたいという時に使えるテクニック。 動画そのものを埋め込むのはYouTubeの動画埋め込みコードで簡単にできるが、常に最新動画を表示させておきたいという場合もあるだろう。 こ […]

続きを読む
WEBマーケティングBLOG『TeamSEEK』
iPhoneからのアクセスで郵便番号がリンクにならないように設定する方法

iPhoneなどiOSで採用されているSafariブラウザは、数字を電話番号だと勘違いしてリンクタグをつけてしまう。 もちろん郵便番号をタップしても電話はかけられない。 少々おせっかいな機能ではあるが、それをWeb管理者 […]

続きを読む
WEBマーケティングBLOG『TeamSEEK』
CSSでテキストに蛍光マーカーをひいて可読性をアップする方法!

記事内のテキストを強調して、可読性をアップしたい場合に便利な「蛍光マーカーでラインをひいたような」テキストにする場合に使うCSSです。 大昔にテスト勉強や参考書などに蛍光マーカーをひきまくってあたかも勉強したつもりになっ […]

続きを読む
WEBマーケティングBLOG『TeamSEEK』
ソースコードをハイライトする超軽量ライブラリー「google-code-prettify」の設置から使い方。

記事中に掲載するソースコードをハイライト表示するシンタックスハイライターは、数多くあります。これまで私が使っていたものは重く、サイト表示に支障をきたしておりましたので軽量のモノを探してみました。マイナーな言語の保管が必要 […]

続きを読む
WEBマーケティングBLOG『TeamSEEK』
Youtubeなどの埋め込みiframe動画をレスポンシブ対応にするCSSコード

サイトなどにYoutube動画のiframe要素をそのまま埋め込むとスマホなどでページにアクセスしても可変されない。 横スクロールが発生したり、動画のサイズに合わせて表示されその周りのフォントが縮小されたりする。 CSS […]

続きを読む