CSSの背景画像でSVG要素を使う場合にIEにも対応させる書き方

記事修正日

記事投稿日

AMP HTMLを使っているとamp-carouselの左右のボタンなんかがそうなんですが、background-imageにSVGのコードをベタッと貼り付ける場面があったりします。そのときにIEの対応まで考えるとdata URI自体をパーセントエンコードする必要が出てきます。ということでIEにも対応した、背景画像にdata URIスキームを使う際の注意点を書きました。... 続きを読む

2015年も暮れようとようとしているのにいまだにCSSを外部ファイルとして読み込んでるの?

記事修正日

記事投稿日

釣りっぽいタイトルの記事を書いてみたかったのでやってみました。内容としてはCSSファイルを<link rel=stylesheet...で外部スタイルシートとして読み込むんじゃなくて、style要素にベタ書きしようよという話です。AMP (Accelerated Mobile Pages)の話につながります。... 続きを読む

Google PageSpeed InsightsやGTmetrixでの点数を上げる方法を書いてみた

記事修正日

記事投稿日

最近はブロードバンドが普及して、PCでWebページを閲覧するときに回線速度を特に意識しなくてもいいくらい快適な環境になってきました。一方のモバイル端末ではPCでの閲覧とは状況が異なっていて、特に速度制限なんかを受けたときのWebページの読み込み速度は結構イライラさせられたりします。ここではWebページの読み込み速度を少しでも上げてPageSpeed InsightsやGTmetrixでの点数を上げる方法をまとめてみました。... 続きを読む

初心者向け:HTML/CSS/JavaScriptでコーディングする上でやるべきこと・知っておくべきこと・気をつけるべきことを書いてみた

記事修正日

記事投稿日

思いつく限り書いてみました。できるだけ小さなかたまりに分けて書いているので、内容的にかぶるものもあると思います。新しい内容があればその都度更新していきます。... 続きを読む

HamlだのMarkdownだのSlimだのJadeだのSassだのSCSSだのLESSだのStylusだのCoffeeScriptだのLiveScriptだのTraceurだの一体なんなのよ!?

記事修正日

記事投稿日

長いタイトルですがつまりそういうことです。主にCODEPENで使えるHTML/CSS/JavaScriptのテンプレートエンジンとかプリプロセッサとか軽量プログラミング言語とかをまとめてみました。後半尻すぼみになってる感は否めません。... 続きを読む