Jimdo、グーペなどのホームページ作成サービス、SEOにまつわる情報など、自分でホームページを作る、または管理している場合に有効と思われる情報を並べています。

ホームページ制作業者の評判を知りたい・見積もりを知りたい場合はホームページ制作.jpをおすすめしています

評判の良いホームページ制作業者のみをピックアップしたサイトで、無料の一括見積りを利用することもできます

HTML/CSS

7月7日、七夕に構造化データテストツールの後継型であるリッチリザルトテストツール(ベータ版)が公開されました。→ リッチリザルトテスト(β版) Googleのオフィシャルブログにも構造化データテストツ ...

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を多用しました。   ...