HTML/CSS

WEBサイト作成には必須の言語

プログラマーやコーダーでなくても、ECサイト(ネットショップ)の担当や自社サイトの編集を行う立場になったのであれば最低限知っておきたいのがHTMLとCSSです。

サイトのパーツを作るHTMLと設計図にあたるCSS。どちらも年々進化しており完全に理解しようとすると非常に困難なのですが、最低限の知識を持っておくだけで見栄えの良さ、或いはSEOに対しても非常に優位を持つことができます。また既存テンプレートのカスタマイズにも大きく役に立ちます。

記事数はそこまで多くありませんが、極力サンプルを多用して噛み砕いた説明記事にしてあります。

HTML・CSS初心者の方の助けとなれれば幸いです。

SVGを使わずにcssで区切り線を作ってみる

1カラム型のページが増えて、増えてというか主流になってきて、各セクションをSVGで区切るサイトをしょっちゅう見かけるようになりました。セクションの背景を斜めにカットしたりカーブさせたりして区切るあれです。かくいう私もよく […]

ARIR属性をCSSスタイリングに利用する

これまでなかなか使う機会が無かったのですが、ARIA属性を利用してCSSをスタイリングする機会があったので書き残しておきます。 WAI-ARIAとアクセシビリティ まず簡単にWAI-ARIAについて。 WAI-ARIAは […]

住所からシンプルなGoogleMapを生成する

入力された住所からGoogleMapを表示させようと思い、どうすれば一番楽かなと調べてみるとapiを使った方法ばかり出てきたのですが、今回は単純に地図を表示させたいだけなのでもっとシンプルでいいんだよと作りましたので備忘 […]

最近使ったIE対応まとめ

個人的にはIE対応なんて最低限で良い(多少の違いが出るのは仕方ない。だってIEだもの)派なのですが、”他のモダンブラウザ同様の動きでないといけない”とする案件があったので色々と調べました。 絶対忘れると思うので備忘録にま […]

mix-blend-modeプロパティ

個人的にはあまり使うことのないプロパティですが、知っていて損はないmix-blend-modeプロパティについてまとめておきます。 mix-blend-modeは、2つの要素が重なり合ったとき色をどのように表示するかを指 […]

z-indexに頼らない。HTML要素の重なり方を再確認する

cssの記事アクセス数を眺めているとstickyやz-indexなどの重なり系トラブルに関する記事が多いので、その辺りに関する基本をまとめておこうかと思います。 重なり系のトラブルといえば、たとえば「固定ヘッダーがスクロ […]