タグ Stylus
人気順 10 users 50 users 100 users 500 users 1000 users[CSS]レスポンシブ対応、フォントに適切なサイズをビューポートに基づいて自動計算して適用するスタイルシート | コリス
フォントに適切なサイズをブラウザのビューポートのサイズに基づいて、自動的に計算して適用するスタイルシート「RFS(Responsive Font Size)」を紹介します。 Sass, Less, Stylus, PostCSSなどのプリプロセッサやポストプロセッサ対応です。 RFS(Responsive Font Size) -GitHub RFS(Responsive Font Size)の特徴 RFS(R... 続きを読む
PostCSSさわってみた - sekaie engineers' blog
2015-12-01 PostCSSさわってみた セカイエブログをご覧のみなさまこんにちは。 Webフロントエンド担当の富坂です。 今日はセカイエアドベントカレンダー1日目ということで PostCSSについて少し書いていきます。 最近ではもう当たり前のようにSassやLess、StylusなどのaltCSSを使った開発がデファクトスタンダードになってます。 最近ではちらほら聞こえ始めた「PostC... 続きを読む
cssnextでみる次世代CSSとPostCSS | Yucchiy's blog
22 April, 2015 cssnextでみる次世代CSSとPostCSS 今日ではSassやStylusなどaltCSSを用いたウェブデザインは主流になりつつあるが, 一方で, 次世代CSSではaltCSSで実装されているような様々な機能追加が検討されている. そこで次世代CSSを先取りするcssnextと次世代CSSで足りない機能をPostCSSのプラグインを用いて補う方法について紹介する... 続きを読む
gulp.jsを使ってフロントエンドのビルドをする【webpack, stylus】 - yutaponのブログ
2014-12-06 gulp.jsを使ってフロントエンドのビルドをする【webpack, stylus】 gulp.js この記事はIwate Developers Advent Calendar 2014の6日目の記事です。 Iwate Developers Advent Calendar 2014 - Qiita Iwate Developers Advent Calendar 2014 -... 続きを読む
Tokyo Otaku ModeがStylusを使う理由 | Tokyo Otaku Mode Tech Blog
Здравствуйте! Tokyo Otaku Modeでフロント周りを担当している今吉です。 社内でロシア人という設定を付けられていますが、ロシア語は挨拶くらいしかできません。 Webサイトを作るのに避けて通れないのがCSSだと思います。エンジニアも多かれ少なかれCSSを書く事があるかと思います。 しかし、CSSを書くのはとても面倒くさいです。出来る限り楽をしたいと常々思っています。そこで、... 続きを読む
Sublime Text 2でStylus + Nibのコードをビルドする | REFLECTDESIGN
SassにはCompassというアツいライブラリがありますが、Stylusにも「nib」というライブラリがあります。このNibを使ったコードをSublime Textからビルドする方法です。 (1) Stylus + Nibのインストール 以下のコマンドでインストールします。要Node.js(npm)。 グローバルインストールしてますが、-g無しのローカルインストールでもどっちでもお好みな方で。 ... 続きを読む
Prepros :: Compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live browser refresh.
Compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live browser refresh.Compile with easePrepros can compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown. ... 続きを読む
Stylusのように舞い、HamlのようにSass
デザイン力とかCSS力が足りないので今年はそこら辺を強化しようとおもっているんだが、CSS拡張メタ言語のいいところは、先人の知恵をライブラリとして取り込んでコモディティ化できることかなと思っている。 既にhail2u.netでも書かれていた 様々なところで公開されているCSSのエッセンスを取り込んだ自分なりのCSS製作環境を構築するというような利用の仕方もできる。つまりはこれこそが必要とされていた... 続きを読む
昔のCSSをLessとかSassにしたいの | WP-D
昔のCSSをLessとかSassにしたいの ども、白です。ホワイトデーは来月です(はい)。 さて、いろんなデバイスを対象にしたり、ちょっと規模の大きいサイトを作っていくとなるとCSSを書くのも大変です。そんな時は「素のCSSなんて書いてられっか、バカヤロー!(ガラガラガッシャーン)」ってなるので、最近話題の「Less」や「Sass(+Compass)」「Stylus」といったCSSプリプロセッサを... 続きを読む
Sass と Stylus の比較 CSS Preprocessor Advent Calendar 2012|Web Design KOJIKA17
CSS Preprocessor Advent Calendar 2012 19日目の記事です。 CSS Preprocessorは、CSSに拡張機能を持たせるメタ言語と呼ばれるものです。 CSS Preprocessorでよく耳にするものに、SassやLessがあります。 私も以前からSassを使用していましたが、最近Stylusを使い始めたので、SassとStylusの比較を行ってみます。 拡... 続きを読む
LESS/Sass+Compass/Stylusなどをコンパイルするアレコレ | A Memorandum
知ってる限りでちょっとまとめておきました。LESSやSass+Compass、Stylusをコンパイルできる各種ツールです(それらのMixins集なんかは入れていません)。中には、HTMLのテンプレートエンジンなんかもあわせてコンパイルできるのも含まれています。何かのご参考になれば。 GUIでどうにかしたいあなたへ 1. CodeKit CodeKitは、有償のアプリケーションでOS Xでしか使え... 続きを読む
スマートフォン版AmebaのCSSについて|1 pixel|サイバーエージェント公式クリエイターズブログ
はじめまして。こんにちは。 スマートフォン版Amebaプラットフォームでフロントエンドの開発を担当している遠藤と申します。 今回は、新しくなったAmebaのCSSに関するお話を簡単にさせていただこうと思います。 Stylus最近多く聞くようになったCSSメタ言語は、SassやLESSが有名ですが、今回はStylusというものを採用しました。 新しいAmebaはnode.jsを採用しており、当初HT... 続きを読む
本物の絵筆やブラシのようにiPadで自由自在に絵が描ける「Sensu Brush」 - GIGAZINE
iPadで絵を描くときに指で操作するとうまくいかず、悔しい思いをすることがありますが、そんな時のためのiPad用絵筆が「Sensu Brush」です。書き味を本物に近づけるため世界中のメーカーの絵筆を研究し、最終的に日本の化粧品産業のブラシ技術を取り入れることによって完成したという、ハイクオリティな絵筆「Sensu Brush」は以下から。 Sensu Artist Brush & Stylus ... 続きを読む