HOME > 開発者向けBLOG >  2012 November

Technology Note 開発者向けBLOG

開発者向けBLOG アーカイブ November, 2012

CSSだけで画像に白い半透明のマウスオーバー

CSSだけで画像に白い半透明のマウスオーバーを実現する方法をご紹介いたします。 下記のCSSでは「.alpha」クラスのa要素がhoverする際のimgに対してスタイルが効くようにしています。 1行目の「opacity: 0.7;」でimgの透明度を変更しています。 2行目の「 filter: alpha(opacity=70);」はIE用の指定で、IEにも対応するようにしてい...

続きを読む

ブラウザでSassをデバッグ

ブラウザで簡単にですが、Sassをデバッグする方法をご紹介いたします。 対象ブラウザはFirefoxとChromeブラウザです。 FirefoxはアドオンからFirebugと FireSassをインストールします。 ChromeはWeb StoreからSASS Inspectorをインストールします。 インストールした後、「config.rb」に「sass_options = ...

続きを読む

Sencha Touch 2.1 のリリースと新しいチャートとツール

この記事は、US Sencha社ブログ "Sencha Touch 2.1 is Here with New Charting & Tools"を翻訳したものです。 今日Sencha プラットフォームは、記念すべき出来事をお祝いします。Sencha Touch 2.1の出荷版、Sencha Cmd 3.0ビルドツールの出荷版、Sencha Architectのアップデート、Se...

続きを読む

Sassで変数に設定した16進数の色値をカラーネームからカラーコードで出力

Sassで変数に設定した16進数の色値をカラーネームではなく、カラーコードで出力する方法をご紹介いたします。 Sassで「$color: #ffffff;」と変数に16進数のカラーコードを設定した場合、通常CSS側では「#ffffff」が「white」とカラーネームで変換されます。 カラーネームの方がカラーコードより文字列が長い場合があり、複数の色を設定するプロパティの場合、カ...

続きを読む

PAGETOP