HTML/CSS

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

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

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

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

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

HTML/CSS

cssで作るイメージギャラリー

htmlとcssしか自由に編集できない環境でLightBox風のイメージギャラリーを作りたい。となったとき、これまでは :target疑似クラスを使用していた...
HTML/CSS

iPhoneでaタグが動作しない不具合が予想外の方法で直った話

何かと独特な不具合が出がちなiOS。 今回、サイト製作中に起きたのが、「ナビゲーションメニューのリンクが全く反応しない(ただしiPhoneに限る)」とい...
HTML/CSS

abbrタグとrubyタグ

自分の無知を晒す話ですが、今の今まで< abbr >タグの意味を二重に取り違えていたので、反省の意味を込めて正しい意味と使い方をまとめておきます。利用頻...
HTML/CSS

WebP画像の使い方 HTML / CSS

の制作をしていると、どうやらwebP(ウェッピー)画像もアップロードできるらしい(1ファイル10MB以内なら多分何でもアップロードできる)と気付いたので、商品...
HTML/CSS

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

CSSでセクションを区切ってみる 1カラム型のページが増えて、増えてというか主流になってきて、各セクションをSVGで区切るサイトをしょっちゅう見かけ...
HTML/CSS

トグルボタンを使ったメニューの開閉をaria-hiddenで統一したら楽になった

ナビゲーションメニューやタブパネルの切り替えによるアイテムの表示・非表示をaria-hiddenで統一したら 管理がずいぶん楽になったので今後のために記録して...
HTML/CSS

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

これまでなかなか使う機会が無かったのですが、ARIA属性を利用してCSSをスタイリングする機会があったので書き残しておきます。 WAI-ARIAとアクセ...
HTML/CSS

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

入力された住所からGoogleMapを表示させようと思い、どうすれば一番楽かなと調べてみるとapiを使った方法ばかり出てきたのですが、今回は単純に地図を表示さ...
HTML/CSS

最近使ったIE対応まとめ

個人的にはIE対応なんて最低限で良い(多少の違いが出るのは仕方ない。だってIEだもの)派なのですが、”他のモダンブラウザ同様の動きでないといけない”とする案件...
HTML/CSS

mix-blend-modeプロパティ

CSS mix-blend-mode 個人的にはあまり使うことのないプロパティですが、知っていて損はないmix-blend-modeプロパティについ...
HTML/CSS

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

要素の重なり方を再確認 cssの記事アクセス数を眺めているとstickyやz-indexなどの重なり系トラブルに関する記事が多いので、その辺りに関す...
HTML/CSS

floatの存在意義を考える

暇つぶしのような記事ですので暇なときに読んでいただくことを推奨します。得られるものはほとんどありません。 古いサイトの改修をしていた関係で、float:...
タイトルとURLをコピーしました