HTML/CSS

HTML/CSS

checkboxとflexを使った可変ボックス

カラーミーSEO+テンプレートを作るにあたり、極力jsを使わずにhtmlとcssだけで作ってしまおうと決めていたのでドロワーメニューやアイコンの変形など...
HTML/CSS

CSSの色編集いろいろ

SEO+のカスタマイズページで「パーツごとの色変更」という項目を作ったのですが、これまでCSSに無縁だった人には説明不足だなと感じたので、CSSで色を...
HTML/CSS

FontAwesomeの必要なアイコンだけを使いたい

FontAwesomeは汎用性の高いアイコンが豊富で非常に使い勝手も良いのですが、そのままダウンロードして使うとやりとりするデータ量が大きくなるのが難点...
HTML/CSS

CSSを知らなくても自動で作れるボタンカスタマイズ

今すぐチェック! とか 商品の在庫をみる など、特にランディングページでよく使用されているオリジナルのクリックボタン。 大体の場...
HTML/CSS

h1タグの扱いについて

当ブログの検索キーワードにしばしば「h1タグ」が入っています。おそらく、ネットショップを運営していたり、ブログサイトを運営していたりする人でしょう。h1...
HTML/CSS

font awesomeの使い方

無料で多種多様のアイコンフォントを利用することのできるfont awesome 新しく作っているサイトで使おうと思ったら、以前とバージョンが変わり若干...
HTML/CSS

[エックスサーバー ] htmlサイトにphpファイルを読み込む

すっかり忘れていたので今後のためにメモ。 静的サイトの共通部分をphpでつくる エックスサーバーで静的サイト(htmlサイト)を構築する際、ヘッダーやフッタ...
HTML/CSS

formの送信ボタンをオンマウスで切り替える

ご無沙汰していてすっかり忘れてしまっていたので備忘録に。 お問い合わせフォームなど<form>の送信ボタンを画像にしているとき、ホバー時(ボ...
HTML/CSS

JSON-LDで商品ページのリッチスニペットを表示させる

ネットショップを運営しているなら見落とすわけにはいかないリッチスニペット。リッチスニペットには構造化データが必要となり最初は少し手間がかかりますが、未...
HTML/CSS

アウトラインを意識したページ作成

この記事を書くきっかけになったのはショップサーブのカスタムテンプレートがなかなかとっ散らかったアウトラインになっていたことなのですが、ネットショップだけでなく...
タイトルとURLをコピーしました