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

HTML/CSS

最近コーディングするにあたり、WAI-ARIAを極力使うように個人的に気をつけています。先日更新したカラーミーSEO+テンプレートでも、WAI-ARIAをいくつか書き足しておきました。 WAI-ARI ...

HTML/CSS

最近以前作ったサイトの見直しをしていて、svgアイコンのアクセシビリティはこれで大丈夫なのか?と気になりました。 アクセシビリティとは何?という方に簡単に説明すると、視覚的ハンデ(盲目や弱視)等のため ...

HTML/CSS

はsmartyで作られており、公式が開示している独自タグ一覧を見れば大体の変数と中身がわかりますが、全てが開示されているわけではありません。   商品ページをごにょごにょしていて、produ ...

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で色を指定する方法を簡単にまとめ ...