html・cssに関する記事をまとめています。 cssについては姉妹サイト「CSS逆引き辞典」により詳しくまとめていますので、合せてご利用ください。

HTML/CSS

2020年にsmartyの記事を書くとは思いませんでしたが、ネットショップASPではsmartyを使っているところもあるから仕方ないのです。SEO+テンプレート作成中にちょっと引っかかったので備忘録と ...

HTML/CSS

私、htmlとcssは完全独学で覚えたのですが、一番理解に苦しんだのが「z軸」という謎の言葉。 主に変形(transform)プロパティの説明で出てきますが、数学は中学で終わった私にとって、X(横・水 ...

HTML/CSS

サイトを和のテイストに仕上げたいとき、ピンポイントで縦書きを使いたいときがままあります。 そんなとき使うのがcssのwriting-modeプロパティ。 writing-mode自体は10年前ぐらいか ...

HTML/CSS

枠線(border)にグラデーションをつける ミフネWEBネットショップのトップページにも使っていますが、cssのborde-imageに linear-gradientをつかってグラデーション枠をつ ...

HTML/CSS

つい先程「PayPayのネットショッピング対応まとめ」を書いたときに引っかかったので同じ問題につまずいた人の為に残しておきます。 疑似要素に指定したfont awesomeが表示されない 普段は自分が ...

HTML/CSS

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

HTML/CSS

カラーミーテンプレートのSEO+のカスタマイズページで「パーツごとの色変更」という項目を作ったのですが、これまでCSSに無縁だった人には説明不足だなと感じたので、CSSで色を指定する方法を簡単にまとめ ...

HTML/CSS

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

HTML/CSS

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

HTML/CSS

当ブログの検索キーワードにしばしば「h1タグ」が入っています。おそらく、ネットショップを運営していたり、ブログサイトを運営していたりする人でしょう。h1タグの扱いころころ変わりますもんね。お気持ち分か ...