HTML

コーディング

メールで共有するボタンをWebページに簡単に作る方法【HTML】

Webサイトに、そのページを共有する「メールでシェア」の機能を簡単に作る方法をご紹介。クリックしたらメーラーが起動して、メール本文にページのURLが書かれていて、宛先は空になっている状態です。
勉強・スクール

初心者はProgateとドットインストール、どっちがオススメ? Webデザイナーになる第一歩

無料でプログラミングが学べる「Progate」と「ドットインストール」。初心者向けでオススメなのは、Progateです。その理由を現役Webデザイナーの視点からまとめました。
コーディング

伸び縮みする矢印のアニメーションサンプル【CSSのみや、スクロールで発火】

コピペで簡単! HTMLとCSSのみで描画する、動く矢印のアニメーションサンプルです。スクロールして要素が出現してからアニメーションを開始させたい場合の、jQueryを使ったソースコードも載せています。
コーディング

WebP対応/非対応ブラウザで画像を表示させる方法2選。PC、スマホで切替も

WebP(ウェッピー)をサイトで表示させる時、SafariやIEなどの非対応ブラウザでは代替画像を表示させ、かつ画面幅によりさらに表示を切り替える方法をまとめました。
コーディング

videoタグのダウンロードボタンを消す方法【Chrome対応】

videoタグで埋め込んだ動画にコントロールバーを表示させたら、Chromeだとダウンロードボタンも表示されてしまいます。videoタグに属性を一つの付け足すだけで簡単に消せるので、気軽にダウンロードされたくないときに使いましょう。
コーディング

サイトのアドレスバーを好きな色に変更する方法【Android版Chrome】

スマホでインターネット検索をしていると、時々アドレスバーの色が変わっているサイトを見かけます。Androidスマホ限定ですが、たった1行のコードを追加するだけで、自分の好きな色に変更することができます。