HTML／CSSサンプルコード集

記事中のテキストに以下のようなマーカーで線を引いたような下線をひきたいと思ったことはないでしょうか？今ならポイント１０倍線がテキストの後ろに回りこむような形の表現がいいですよね。下線と言えば、text-decara […]

Bootstrap（ブートストラップ）とは Bootstrapと聞くと開発者の方は、OS起動時に実行されるプログラムを連想する方も少なくないかと思いますが、今回紹介するのはTwitter社が開発したCSSのフレームワーク […]

スマートフォン対応をしているレスポンシブデザインのウェブサイトにおいて、YouTube動画を綺麗に埋め込むというのは実はなかなか難しかったりします。通常のYouTube動画の埋め込みタグでは、iframeのwidth・ […]

今回はワードプレステーマ「Twenty Seventeen」でヘッダー画像上に重ねてキャプションを設置する方法について解説したいと思います。「Twenty Seventeen」は１ページ構成のサイトを作成するのに大変重 […]

今回はWordPress（ワードプレス）の公式テーマである「Twenty Seventeen」でおすすめのCSSカスタマイズをご紹介します。「Twenty Seventeen」の問題点「Twenty S […]

はじめに大きな画像の下に、小さなサムネイル画像のリストがあり、サムネイル画像のマウスを乗せると大きな画像がそのサムネイル画像に切り替わる。ショッピングサイトなんかでよく見る仕様です。省スペースで多くの商品画像を見せ […]

イベントトラッキングとは Googleアナリティクスのイベントトラッキング機能は、主にリンクやボタンをクリックした回数を計測できる機能です。 Googleアナリティクスは、アナリティクスコードが設置された同 […]

格好良く見せようとすると意外と難しいCSSリストデザイン。今回は、「シンプル」「機能的」「オシャレ」の3条件を満たすCSSリストデザインに挑戦してみたいと思います。 ul liのタグを使ったデザインは、結構素っ気ない感じ […]

はじめに今回は、Ajaxを利用した画像アップロード機能付きフォームのサンプルを作成します。画像ファイルをアップロードするだけのサンプルは複数見つかったのですが、画像ファイル以外のテキスト情報も一緒に取り扱っているサン […]

ウェブサイトのコーディングを行うとき、ひな形となるテンプレートを毎回探していませんか？作る度に異なるテンプレートを適用して、「これでほんとにいいのかな？」「古いHTMLの記述が残っているのでは？」と不安を覚えながらもコ […]