The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
![The Blog | Welcome to Adobe Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/384feb49f19024293f218545a6a4175e78ec5e35/height=288;version=1;width=512/https%3A%2F%2Fblog.adobe.com%2Fdefault-meta-image.png%3Fwidth%3D1200%26format%3Dpjpg%26optimize%3Dmedium)
Inspired by Mark Otto's tour of GitHub's CSS and Ian Feather's tour of Lonely Planet's CSS, I thought I would join the party and talk about how we do CSS at CodePen. Overview [1] We use SCSS. [2] We use Autoprefixer. [3] We use the Rails Asset Pipeline. [4] The SCSS file that represents the CSS file that actually gets loaded is just a table of contents. [5] We have a style, but mostly just because
レスポンシブなサイトを作っている時に、メディアクエリの指定を毎回書くのがめんどくさいなと思ったので、Sassを使ってシンプルに出来る方法をメモしておきます。 変数でブレイクポイントを設定する SCSSを新規作成し、何px以上で表示が切り替わるかを変数で指定していきます。今回はcssフレームワーク「Pure」を参考に、以下のようにしてみました。 $widthXL: 1280px; //PC大 $widthLG: 1024px; //PC小 $widthMD: 768px; //タブレット $widthSM: 568px; //スマートフォン @mixin設定 上で設定した変数を使いながら、簡単に呼び出せるようにmixinとして設定していきます。 @mixin mqXL { //$widthXL(1280px)以上の場合 @media (min-width: $widthXL) { @cont
An opinionated styleguide for writing sane, maintainable and scalable Sass. The Sass Guidelines project has been translated into several languages by generous contributors. Open the options panel to switch. About the authorMy name is Kitty Giraudel, I am a French front-end developer, based in Berlin (Germany) since 2015, currently working at Cofenster. I have been writing Sass for several years no
Less & Sass Advent calendar 2011 の 2 日目を書きます。ウェブページを作るときのアプローチに触れた後で、アドベントカレンダーのテーマである LESS や Sass が、ウェブページ制作者にとってどのように役に立つものなのかを紹介したいと思います。 あなたが HTML や CSS を書くことになったら HTML も CSS も自分で書く HTML テンプレートスキンを使う CSS フレームワークを使う CSS フレームワークの紹介 メタ CSS 言語 CSS の構成要素 CSS の仕様ではできないこと CSS のメタ言語を使う Sass 3 系の登場 他のメタ CSS 言語 終わりに あなたが HTML や CSS を書くことになったら 個人や団体のウェブサイトを作りたいとき 個人で使っているブログなどの CMS をカスタマイズしたいとき 仕事でウェブアプリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く