CSSの圧縮では極限まで小さくすると、font-familyのダブルクォーテーション(")を削除します。
これがAMPではエラーになります。以前はそんなことなかったんですが仕様が変わったらしい。
続きを読むCSSは、HTMLで定義されたウェブコンテンツに装飾を付ける技術です。
スマホやタブレットなどいろいろなデバイスに対応する(レスポンシブデザイン)ことが必須になっていることで、ますます専門性・重要性が高まっています。
いま、CSSはレベル3まで策定・勧告されています。そのCSS3について情報を発信します。
自分で情報を探しながらやっても、なかなかスムーズに答えにたどりつかない人向けです。
経験が足りないだけで、遅かったり、失敗しても自信をなくさなくていいです。いまは大きくなるために、技術を知って試す時期なので。
むしろたくさん悩んで、フリーズして、失敗してください。気がついたら最適な答えを出す力が自然と身についているでしょう。
CSSの圧縮では極限まで小さくすると、font-familyのダブルクォーテーション(")を削除します。
これがAMPではエラーになります。以前はそんなことなかったんですが仕様が変わったらしい。
続きを読むリンクをクリックしてサイト内をジャンプするとき、キュルキュルーって動きながら移動するのを見ます。
スムーズスクロールといいます。CSSの1行追加でできるようになりました。
いま一番かんたんな実装方法です。ただひとこと言いたいのは『頼むぜ。Apple!』。
続きを読む::before, ::afterはCSSの疑似要素で一番使います。CSSで新たに要素を追加します。HTMLに書くまでもない要素を作るときに使います。
それについて、かんたんに誰でも分かるようにサンプルコードを使いながら解説します。
(ここでしか使えないcontentプロパティも説明します。)
続きを読むマルチ言語サイトで、同じスタイルをそれぞれ用意するのではなく、同じものを使いたいときがあります。でも、CSSに文字列を書いてある場合どうしたらいいのでしょうか?
CSSでは、サイトの言語別に分けてスタイルを適用させる方法があります。サンプルコードを使って、かんたんに誰でも分かるように解説します。
続きを読むCSS3のフレックスは、コンポーネントの配置を変える便利な機能です。
アイテムのサイズや余白サイズが自動で配分されるので、アイテムサイズと余白の操作はとても重要です。
今回はアイテムの余白を操作します。いま、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って解説します。
続きを読むCSS3のフレックスは、コンポーネントの配置を変える便利な機能です。
アイテムのサイズや余白サイズが自動で配分されるので、アイテムサイズと余白の操作はとても重要です。
今回はアイテムサイズの操作方法です。いま、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って説明します。
続きを読む