fugashiのブックマーク - はてなブックマーク

CSSフレームワークBourbon超速入門 - Qiita
はじめにやあ（´・ω・｀) 今回Bourbon（バーボン）というcssフレームワークを初めて触ってみました。特長やら何やらをざっとまとめてみましたので、興味のある方の参考にでもなれば幸いです。なお説明はすべてバージョン4.2.4を想定しています（2015/08/31最新）目次 Bourbon（バーボン）とは Bourbonに依存するフレームワークの紹介機能の紹介使い方 Bourbon（バーボン）とは sass用のmixin/functionsをまとめたcssのフレームワークです。基本@includeやfuncName()のように使うので、htmlに依存しません。まぁcompassと同じようなものかと思います。公式サイト http://bourbon.io/ 特長軽量でシンプル Neat, Bittersといったcssフレームワークの基になるコンポーネントやモジュールといっ
fugashi 2016/09/12
CSS

bourbon

framework

Sass
リンク
ソースコードを美しくデザインする - Qiita
はじめに以前こんな記事を投稿しました。ノンデザイナー・デザイン初心者向け、デザイン虎の巻上記記事では、デザインという漠然とした問いに対して、キモとなりそうな点をツラツラと挙げています。その中でレイアウトを知るという項目があります。これはプログラミングにおいても役に立つ重要な知識ではないかと思いました。そこでレイアウトという1デザインメソッドをベースに、ソースコードの整形について具体的に考えてみました。もし何かの参考になれば幸いです。前提条件ここでのデザインとは設計のような上流・大きなものではなく、コードの見た目に関すること、表面的で単純なものです名前やコメントの整形もある意味デザインとしても考えられますが、ここではレイアウトのみを取り上げたいと思いますサンプルコードはJavaScriptになります（考え方なので他言語でも応用できるかと思います）目次デザインのおさらい良い
fugashi 2016/01/28
javascript

programming
リンク
gulp-ruby-sassでfont-awesomeをコンパイルしたら文字化けした件 - Qiita
はじめに gulp-ruby-sassでfont-awesomeをコンパイルした時に、出力されるcssで文字化けするという現象に遭遇しました。現象とその対処法をまとめてみたので、何かの役に立てば幸いです。なお普通のsassでのコンパイルでも同様に再現しました。対処法はスマートではない気もするので、もっとよい方法があればご教授ください！遭遇した環境は以下になります - windows7 - gulp-ruby-sass": "^2.0.5", - sass 3.4.4 なお既にissuesに上がっているようです https://github.com/sass/sass/issues/1395 何をしようとして、何が起こったのか font-awesomeを使ったmixin()を作成しようと以下のようなコードを書いていました @mixin bgFontAwesome($content) {
fugashi 2016/01/26
sass

FontAwesome
リンク
1