HTML– tag –

Webサイトに、そのページをLINEやTwitterなどで共有する機能を作ることがありますが、「LINEとか使ってないから他の手段も作って」と言われることもあると思います。 「メールでシェアする」「メールで共有する」のようなボタンを作って、 クリックしたら...

HTMLとCSSのみで描画する、動く矢印のアニメーションサンプルです。随時追加予定。 スクロールして要素が出現してからアニメーションを開始させたいときは、jQueryも追加します（後半に記載）。 【棒線のみのスタイリッシュな矢印（文字つき）】 See the P...

次世代フォーマットの画像の1つであるWebP（ウェッピー）をサイトで表示させ、SafariやIEなどの非対応ブラウザでは代替画像を表示させる方法をまとめました。現在主流の書き方は、大きく分けて2つあります。 【方法1 pictureタグで柔軟に切り替える】 <...

サイトにvideoタグで動画を埋め込み、かつコントロールバーを表示させたとき、Chromeで見ると右下にダウンロードのボタンが表示されます。 「ダウンロードを推奨するつもりじゃないし、消したいな…」と思ったら、videoタグに「controlslist="nodownload"」...

スマホでインターネット検索をしていると、時々アドレスバーの色が変わっているサイトを見かけますよね。 「このサイト、こってるなぁ」と思ってもらえたり、サイトのイメージカラーが記憶に残りやすいので、ブランディングにも役立ちます。 実はたった１...