こんにちは。デザイナーのはるえです。 レスポンシブWebサイトを作成する際に重宝されているCSSフレームワークですが、「自由度が低い」「使わないUIパーツは邪魔になる」「カスタマイズするのに手間がかかる」「結果CSSファイルが肥大化してしまう」など、利用するうえでのデメリットも多々ありました。 実際フレームワークって、レスポンシブの大枠ができちゃってるし、コンポーネントが充実してる分あまり作り込む必要がないんで楽っちゃ楽なんですが、テンプレートに束縛されちゃデザイナーとしては面白くないしあまり頼りたくないってのも正直なところ。似たりよったりになるし。。 過去にCSSフレームワークの代表的存在「Bootstrap」を利用しましたが、柔軟性の低さに苦しめられたのを覚えています。 ですが最近はCompassのようにSassファイルが収められたシンプルでカスタマイズ性の高いCSSフレームワークが増
If you’re a WordPress theme builder and a Sass/Compass user, first, yay you are awesome! Second, there is this little issue that will probably crop up for you regarding compile locations, so let’s solve it now. There are two very important things regarding CSS and WordPress themes: There absolutely must be a “style.css” file in the theme folder. That file absolutely must start with a comment block
SCSSはコンパイル時に出力スタイルのオプションをつけることで、出力を制御できます。 これはコメントの出力にも影響があるので、違いをまとめてみました。 基本的には 単一行コメントはすべて取り除かれ、複数行は圧縮指定(--style compressed)しないかぎりは出力されます。 公式にサポートされているコメントスタイル //単一行コメント /* * 複数行コメント */ これに加えて、どのオプションでも削除されないコメント行も指定できます。 ライセンス表記などに向いてるので、ライブラリをインポートする場合に最適だと思います。 /*! * エスケープされる複数行コメント */ ただしドキュメントには記載がなかったので将来にわたって使用できる方法か分かりません。 (執筆時のSassのバージョンは 3.1.10) 出力スタイルの指定 次のSCSSを基本に各オプションで出力した違いを紹介します
Leave a Reply Your email address will not be published. Required fields are marked * Name * Email * Website To create code blocks or other preformatted text, indent by four spaces: This will be displayed in a monospaced font. The first four spaces will be stripped off, but all other whitespace will be preserved. Markdown is turned off in code blocks: [This is not a link](http://example.com) To
Gumby – A Flexible, Responsive CSS Framework – Powered by Sass こんにちは。ECプロデュース部の岡本です。 みなさまはレスポンシブサイトを作る時、どのようなフレームワークを使用されていますでしょうか? 有名ドコロであれば「Twitter Bootstrap」や「Foundation」などがよく利用されているのではないかと思います。 特にBoostrapはナビゲーションなどの「コンポーネント」が非常に豊富で、モックアップなどを作成する際には非常に重宝されている様です。 しかし一方でカスタマイズするには束縛されるポイントも多く、実際のコーディングに使うには少し工夫が必要となります。 今回はBootstrap並にコンポーネントが多いのに、カスタマイズ性が非常に高いフレームワーク「Gumby」をご紹介いたします。 特徴1:柔軟なグリッド
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く