[CSS]レスポンシブ対応、フォントに適切なサイズをビューポートに基づいて自動計算して適用するスタイルシート | コリス

2019/02/18 91 users ビューポート コリス RFS プリプロセッサ 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 19 users PostCSS デファクトスタンダード Sass less

2015-12-01 PostCSSさわってみた セカイエブログをご覧のみなさまこんにちは。 Webフロントエンド担当の富坂です。 今日はセカイエアドベントカレンダー1日目ということで PostCSSについて少し書いていきます。 最近ではもう当たり前のようにSassやLess、StylusなどのaltCSSを使った開発がデファクトスタンダードになってます。 最近ではちらほら聞こえ始めた「PostC... 続きを読む

cssnextでみる次世代CSSとPostCSS | Yucchiy's blog

2015/04/22 85 users PostCSS cssnext Sass ウェブデザイン 主流

22 April, 2015 cssnextでみる次世代CSSとPostCSS 今日ではSassやStylusなどaltCSSを用いたウェブデザインは主流になりつつあるが, 一方で, 次世代CSSではaltCSSで実装されているような様々な機能追加が検討されている. そこで次世代CSSを先取りするcssnextと次世代CSSで足りない機能をPostCSSのプラグインを用いて補う方法について紹介する... 続きを読む

gulp.jsを使ってフロントエンドのビルドをする【webpack, stylus】 - yutaponのブログ

2014/12/06 158 users Webpack yutapon ビルド Gulp.js ブログ

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

2014/09/04 51 users CSS エンジニア 挨拶 フロント周り ロシア語

Здравствуйте! Tokyo Otaku Modeでフロント周りを担当している今吉です。 社内でロシア人という設定を付けられていますが、ロシア語は挨拶くらいしかできません。 Webサイトを作るのに避けて通れないのがCSSだと思います。エンジニアも多かれ少なかれCSSを書く事があるかと思います。 しかし、CSSを書くのはとても面倒くさいです。出来る限り楽をしたいと常々思っています。そこで、... 続きを読む

Sublime Text 2でStylus + Nibのコードをビルドする | REFLECTDESIGN

2013/05/24 11 users REFLECTDESIGN Nib Sass npm コマンド

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.

2013/05/20 145 users Jade SCSS Sass CoffeeScript

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

2013/03/04 15 users Haml Sass

デザイン力とかCSS力が足りないので今年はそこら辺を強化しようとおもっているんだが、CSS拡張メタ言語のいいところは、先人の知恵をライブラリとして取り込んでコモディティ化できることかなと思っている。 既にhail2u.netでも書かれていた 様々なところで公開されているCSSのエッセンスを取り込んだ自分なりのCSS製作環境を構築するというような利用の仕方もできる。つまりはこれこそが必要とされていた... 続きを読む

昔のCSSをLessとかSassにしたいの | WP-D

2013/02/15 55 users Sass less バカヤロー WP-D CSS

昔のCSSをLessとかSassにしたいの ども、白です。ホワイトデーは来月です（はい）。 さて、いろんなデバイスを対象にしたり、ちょっと規模の大きいサイトを作っていくとなるとCSSを書くのも大変です。そんな時は「素のCSSなんて書いてられっか、バカヤロー！（ガラガラガッシャーン）」ってなるので、最近話題の「Less」や「Sass（+Compass）」「Stylus」といったCSSプリプロセッサを... 続きを読む

Sass と Stylus の比較 CSS Preprocessor Advent Calendar 2012｜Web Design KOJIKA17

2012/12/19 36 users Sass less CSS メタ言語 拡張機能

CSS Preprocessor Advent Calendar 2012　19日目の記事です。 CSS Preprocessorは、CSSに拡張機能を持たせるメタ言語と呼ばれるものです。 CSS Preprocessorでよく耳にするものに、SassやLessがあります。 私も以前からSassを使用していましたが、最近Stylusを使い始めたので、SassとStylusの比較を行ってみます。 拡... 続きを読む

LESS/Sass+Compass/Stylusなどをコンパイルするアレコレ | A Memorandum

2012/11/20 52 users テンプレートエンジン less GUI あれこれ 有償

知ってる限りでちょっとまとめておきました。LESSやSass+Compass、Stylusをコンパイルできる各種ツールです（それらのMixins集なんかは入れていません）。中には、HTMLのテンプレートエンジンなんかもあわせてコンパイルできるのも含まれています。何かのご参考になれば。 GUIでどうにかしたいあなたへ 1. CodeKit CodeKitは、有償のアプリケーションでOS Xでしか使え... 続きを読む

スマートフォン版AmebaのCSSについて｜1 pixel｜サイバーエージェント公式クリエイターズブログ

2012/08/29 51 users Pixel less Ameba Sass CSS

はじめまして。こんにちは。 スマートフォン版Amebaプラットフォームでフロントエンドの開発を担当している遠藤と申します。 今回は、新しくなったAmebaのCSSに関するお話を簡単にさせていただこうと思います。 Stylus最近多く聞くようになったCSSメタ言語は、SassやLESSが有名ですが、今回はStylusというものを採用しました。 新しいAmebaはnode.jsを採用しており、当初HT... 続きを読む

本物の絵筆やブラシのようにiPadで自由自在に絵が描ける「Sensu Brush」 - GIGAZINE

2012/05/09 75 users GIGAZINE 絵筆 Sensu Brush ブラシ 本物

iPadで絵を描くときに指で操作するとうまくいかず、悔しい思いをすることがありますが、そんな時のためのiPad用絵筆が「Sensu Brush」です。書き味を本物に近づけるため世界中のメーカーの絵筆を研究し、最終的に日本の化粧品産業のブラシ技術を取り入れることによって完成したという、ハイクオリティな絵筆「Sensu Brush」は以下から。 Sensu Artist Brush & Stylus ... 続きを読む