フローティングバナー（追従バナー）とは フローティングバナーは、画面をスクロールしても常に特定の位置に表示されるバナーのことで、追従…
続きを読む 閉じるボタンで非表示にできるフローティング（追従）バナーの設置方法
タグ: CSS/HTML
マウスオーバーで画像を拡大ズームする方法
画像にカーソルを乗せて拡大させるのは、実務でも非常に良くある実装ですね。画像を表示させるには「imgタグ」と「background-…
続きを読む マウスオーバーで画像を拡大ズームする方法
WEBサイトオープン
ロクスターのホームページを制作しました。 サイトはこちら↓https://rokustar.com 見る人にとってわかりやすいよう構…
続きを読む WEBサイトオープン
wordpressをカスタマイズして記事ページの横幅を変更したい
ロクブログは、MagBookというテーマを使わせていただいますが、ずっとカスタマイズできるなら直したいと思っている箇所がありました。…
続きを読む wordpressをカスタマイズして記事ページの横幅を変更したい
コピペOK!スクロールすると出現するトップへ戻るボタンの設置方法／jQuery
いまやトップへ戻るボタンは必ず設置されている欠かせない機能のひとつですね。HTMLの授業を習い始めの頃はアンカーでトップへジャンプさ…
続きを読む コピペOK!スクロールすると出現するトップへ戻るボタンの設置方法／jQuery
Adobe XDがアプリ一覧から消えた！？
2023年1月下旬、「Adobeのすべての製品一覧」からAdobe XDが消滅していることが確認されました。 日本語版のAdobe …
続きを読む Adobe XDがアプリ一覧から消えた！？
コピペOK！疑似要素でテキストの前後に画像を表示する方法／CSS
テキストの前後やリストに添えるアイコンに「画像」を表示させるのをよくみますね、これは単純に画像を貼っているだけだと思っていたのですが…
続きを読む コピペOK！疑似要素でテキストの前後に画像を表示する方法／CSS
コピペOK！画像の上に画像やテキストをのせる方法／CSS
HTMLとCSSで画像の上にオシャレに文字やアイコン、ボタンなどをのせる方法をメモします。よく使うコードなので是非とも覚えておきたい…
続きを読む コピペOK！画像の上に画像やテキストをのせる方法／CSS
WordPressでソースコードの埋め込み用プラグインを導入してみる
職業訓練校でCSS/HTMLの授業がはじまりました。教科書に印刷されているコードを見ながらエディターに入力していますが、写すことに夢…
続きを読む WordPressでソースコードの埋め込み用プラグインを導入してみる