みんな大好き、あるいは大嫌いなCSS設計。そんな言葉が生まれてから久しく、JavaScriptフレームワーク(以後JSフレームワーク)を始めとする技術が提供するスコープ付きのコンポーネント環境の登場によって、そのなりを潜めている気がしなくもない。そんなCSS設計とは何だったのか、をちょっと小難しく振り返ってみます。
みんな大好き、あるいは大嫌いなCSS設計。そんな言葉が生まれてから久しく、JavaScriptフレームワーク(以後JSフレームワーク)を始めとする技術が提供するスコープ付きのコンポーネント環境の登場によって、そのなりを潜めている気がしなくもない。そんなCSS設計とは何だったのか、をちょっと小難しく振り返ってみます。
When working with creative designers on web page designs, it’s fairly common to receive multiple Sketch or Photoshop artboards/layouts, one for each breakpoint. In this article, Jake Wilson is going to examine how to create scalable, fluid typography across multiple breakpoints and predefined font sizes using well-supported browser features and some basic algebra. The best part is that you can aut
インターネット経由で直接攻撃してくるタイプのサイバー攻撃が社会問題になっています。 「自診くん」は持ち出しパソコンやネットに直接接続されているパソコンが大丈夫かを当該パソコンの利用者自身が自己診断(自診)できるサービスです。 利用規約を必ずお読みください。 利用規約に同意される場合は、「利用規約に同意して診断する」にチェックを入れて「次へ進む」ボタンを押してください。 診断項目を選択します。診断したい内容にチェックを入れて「次へ進む」ボタンを押してください。 診断項目を確認し「診断スタート」ボタンを押して、お進みください。 診断結果が表示されます。 利用規約 株式会社ラック(以下「当社」といいます)は、セキュリティ診断サービス「自診くん」(以下「本サービス」といいます)及び本サービスを提供するウェブサイト(以下「本サイト」といいます)を、このセキュリティ診断サービスの利用規約(以下「本規約
CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcalc()関数のように数字やキーワードを使って、要素の最小値と最大値を指定でき、簡単なCSSの記述でレスポンシブ対応の高度なレイアウトを作成できます。 下記のレスポンシブ対応のグリッドはたった2行のCSSで、プロパティも2つだけです。 How the minmax() Function Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 minmax()の基本的な使い方 minmax()を使うと、Media Queries無しでレスポンシブデザインができる サポートブラウザ minmax()の基本的な使い方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く