HTML・CSS

本日AMPに対応させようとWordPressサイトのコードを見直していたのですが、リンク切れがあったりHTML5の仕様が微妙に変わっていたりと修正をあれこれ行ったのでメモしたいと思います。

ちなみに、3月末まで仕事が忙しく、サイトのHTMLを見直すのは実に3年ぶりくらいです(笑) 続きを読む

CSSをコーディングするとき、横幅や縦幅のサイズを計算で指定できたらいいのになーと思ったことはありませんか？

それCSS3のcalc()ファンクションを使えば実装可能です。

最近時間に余裕ができたのでこれまで放置していたサイトのデザイン周りに手を入れているのですが、不要なコードやマーキングルールに沿っていないものが多数あることに気づきました。

例えば、HTML5の黎明期には（確か）header要素にバナーを含めるときはバナーロール属性「role=”banner”」が必要と言われていたのに実は不要になってたり、h1タグは1ページに複数あっていいという話だったのに1つしかダメだったり・・・

そして一番不要になったものが「ベンダープレフィックス」でした。

リダイレクトの方法には、PHPでリダイレクトする方法と、apacheの「.htaccess」でリダイレクトする方法がありますが、PHPや「.htaccess」が使えない環境では、メタタグで対応します。

続きを読む

インラインフレームを使えば、あるページに別のページを表示させることができます。

このとき、

• インラインフレーム内にあるリンクをクリックして別サイトにアクセスした場合、参照元（リファラ）はどうなるのか？
• インラインフレームで他サイトのページを表示させた場合、参照元はどうなるのか？

が気になったので実験してみました。

続きを読む