Jmblog - jmblog.jp - jmblog.jp
General Information:
Latest News:
iPhoneで撮った写真を自動的にFlickrにバックアップするMac用ツール icloud-photo-backup-flickr 25 Jun 2013 | 01:26 pm
iPhone で撮った写真を、できるだけ手間を掛けずに Flickr にバックアップするためのツールを作ってみました。 https://github.com/jmblog/icloud-photo-backup-flickr ポイントは「できるだけ手間を掛けずに」。何も操作しなくても勝手にバックアップが取られる状態を目指しました。 必要なもの Mac OS X Node.js Flic...
Sass の if 関数 4 Dec 2012 | 08:20 pm
これは CSS Preprocessor Advent Calendar 2012 5日目の記事です。 今日はあまり知られていない（と思われる） Sass の if 関数について紹介したいと思います。 Sass には、条 [...]
highlight.js 用のテーマを公開しました 4 Dec 2012 | 02:42 pm
google-code-prettify 用のテーマに続けて、highlight.js 用のテーマも作ってみました。 » Color themes for highlight.js こちらも、google-c [...]
google-code-prettify 用のテーマを公開しました 4 Dec 2012 | 02:23 pm
google-code-prettify といえば、Webサイト上のソースコードをシンタックスハイライト表示するためのライブラリとして、最も有名なものの一つだと思います。（Twitter Bootstrap でも使われて [...]
続・Sass で 出力スタイルを compressed にするとカラーコードが3桁に短縮されて困った話 15 Nov 2012 | 08:00 am
「Sass で 出力スタイルを compressed にするとカラーコードが3桁に短縮されて困った話」で、IE の Filter で指定する色の形式が、意図したものにならないということを書いたのですが、解決策が見つかりま [...]
Sass で 出力スタイルを compressed にするとカラーコードが3桁に短縮されて困った話 12 Aug 2011 | 05:18 pm
CSS3 のグラデーション（linear-gradient）を以下のように Sass の mixin にして使っています。IEにも対応できるようにしたつもりだったのですが・・・ IE の filter で色を指定する場合、「# + 6桁（#cccccc）」である必要があるため、mixin の引数に「# + 3桁（#cccとか）」を指定した時を考慮して、6桁に変換したものを $ieTopColor...
続続・YUI の CSS Fonts を使う場合は SCSS を利用すると管理しやすいよ 12 May 2011 | 02:34 pm
@mixin を使ったやり方や、@function を使ったやり方を書きましたが、単純に変数を使えばいいんじゃね？というご指摘を Twitter で受けました。そうか。いや、まったくその通りです。 $yui-10px: 77%; $yui-11px: 85%; $yui-12px: 93%; $yui-13px: 100%; $yui-14px: 108%; $yui-15px: 11...
続・YUI の CSS Fonts を使う場合は SCSS を利用すると管理しやすいよ 12 May 2011 | 01:49 pm
「YUI の CSS Fonts を使う場合は SCSS を利用すると管理しやすいよ」というエントリーで、@mixin を使ったフォントサイズの指定方法を紹介したのですが、Sass 3.1.0 から追加された、@function ディレクティブを使ったほうが、管理しやすいんじゃないかと思い、関数を書いてみました。 使い方は以下のようになります。 body { font-size: -...
「The 1Kb CSS Grid」をSCSS化してみた 10 May 2011 | 03:00 pm
CSS フレームワークについて調べていたところ、「どんなCSSフレームワークがあるのか調べてみた一覧と感想 – ふじこのプログラミング奮闘記」で The 1Kb CSS Grid というフレームワークを見つけました。 他の多くのフレームワークには、レイアウトだけでなく、タイポグラフィーやフォーム要素のスタイルなども含まれていますが、The 1Kb CSS Grid はグリッドシステムのみ。コード...
YUI の CSS Fonts を使う場合は SCSS を利用すると管理しやすいよ 24 Apr 2011 | 09:40 pm
YUI 3のCSS Fontsを使っている場合のフォントサイズ対応表をCSSのコメントに書いておくと便利ですよね :: 5509 というエントリーを見て、最近 CSS Fonts を SCSS で管理するようになってすごく楽になったので、ご紹介。 _fonts.scss といったような名前で次のような mixin を追加した SCSS ファイルを用意します。 これを style.scss など...
