Sass を使うなら、Compass も使うと便利
あちこちで Sass のエントリーが増えてるので、私の環境も書いてみます。 Sass 使う時、より便利になる Compass というフレームワークを一緒に使っています。 Compass Home | Compass Documentation Compass って？ 便利だなと思う機能満載なフレームワークで、これも一緒に使うことで Sass がさらに簡単になったり使い勝手がパワーアップしたりします。具体的に例をあげたほうが分かりやすいと思うので、いくつか書いてみます。 Compass はいろいろな Mixin が含まれている @import “compass”; で呼び出して使えます。自分で書かなくていいから楽ちん。 @import "compass"; .ex1 { @include clearfix; } .ex2 { @include border-radius(5px); } .e
SassとCompassを使って楽しくCSSコーディング！ - develo.org
HTML、CSS、Javascript、デザイン、絵を描いたり。
howtohp.com - howtohp リソースおよび情報
Get a new domain registered at NameSilo.com. Find out who owns any domain name with the WHOIS tool. This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Sass: Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
本番機などで外部と余計な通信をしたくない時にbundlerを使う場合 - Qiita
privateなgithubリポジトリのgemを参照していたのだが、本番機に余計な秘密鍵を置きたくなかったので、 スマートにローカルから参照する方法を調べてみたところ、 bundlerの1.2.0からbundle package --allというものが使えるようになっていて、 gitのリポジトリやpathで参照しているgemもまとめてvendor/cacheにパッケージングしてくれるようになった。 つまり、こんな感じ。 # CIサーバー等 bundle package --all ## capistranoのcopy方式等で本番機側にアプリケーションをデプロイする。 ## capistranoのレシピ上で、以下の形でbundlerを実行させるようにする。 bundle install --deployment これで、vendor/cacheに入ってるgemを参照して、そこからインストール
無料で商用利用OKなタッチ操作のジェスチャー30種類を表したアイコン「Touch Gesture Icons」
スマートフォンやタブレットなどタッチスクリーンで操作する場合に使える操作のジェスチャー30種類を表したアイコンが「Touch Gesture Icons」。個人で使うだけでなく商用利用も可能、ファイル形式はPNG、PSD、EPSの3種類があります。 Touch Gesture Icons | Mobile Tuxedo http://www.mobiletuxedo.com/touch-gesture-icons/ シングルタップ ダブルタップ プレス＆ホールド ホールドタイマー 上へスワイプ 下へスワイプ 左へスワイプ 右へスワイプ ピンチアウト ピンチイン 2本指でタップ 2本指でダブルタップ 2本指でプレス＆ホールド 2本指でホールドタイマー 2本指で上へスワイプ 2本指で下へスワイプ 2本指で左へスワイプ 2本指で右へスワイプ 2本指で左に回転 2本指で右に回転 3本指で上へスワイ
最低限かつ十分なスタイル設定が特徴のCSSフレームワーク·Kube MOONGIFT
Kubeはプロフェッショナル向けのCSSフレームワークです。 見やすく、かつ様々なニーズに対して即座に答えられるようなデザインを考えるのはとても大変なことです。しかしその道のプロが作り出したスタイルシートフレームワークであるKubeを使えば実現しやすくなるかも知れません。 デモページです。リンクやサイドバーが並んでいます。 こちらはシンプルなベース表示。 iPhoneに対応。 全て一列になって表示されます。 タブレット向け。こちらも最適化されます。 横向きだとうまくいかず…残念。 こちらは表示例。Bootstrapのようなrowが使えます。 フォーム。 テーブル。 リンクの色変更も用意されています。 ボタン。 Kubeの特徴は優れたタイポグラフィ、グリッド表示、フォーム、テーブル、様々なクラスユーティリティ（.width-50とすれば半分になるなど）、ボタンなど最低限ながらも実用的なスタイ
【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜Compass基礎編 | DevelopersIO
はじめに 季節の変わりめで風邪をひいていませんか？僕は38度の熱で会社を休みました。ごめんなさい。 前回は「【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜基礎編」でGUIでSCSSを使えるScout.appのインストールからセットアップについて、またSCSSの4つの主な機能「変数」「宣言ブロックのネスト」「Mixins（関数）」「セレクタ継承」についてご紹介しました。 そこで、今回はGUIツールのScout.appに同梱されているCompassについて活用方法を紹介したいと思います。Compassは、SCSS使いなら必須の便利なフレームワークです。 Compass - CSS オーサリングフレームワークとは compassはSassを使ったオープンソースのCSSオーサリングフレームワークです。 compassを使うことで、Bender Prefix、CSS Spriteを自動
mochaとphantomJSとtravis-ciでフロントエンドJavaScriptのテスト - Webtech Walker
東京Node学園祭2012 アドベントカレンダーの9日目です。Node.jsとほとんど関係ないうえに内容がけっこう薄い感じなった気がするんですけど気にせずいこうと思います。 フロントエンドのJavaScriptをテストするとき最近はいつもmochaを使ってるんですが、やはりJenkinsとかtravis-ciを使って自動テストもしたいと思って試してみました。 hokaccha/mocha-phantom-travis-test ここではよくあるjQueryで画像のロールオーバーをするというプラグインを作ってそのライブラリに対してテストを書いています。ソースコードはこんな感じです。 $.fn.rollover = function() { return this.each(function() { var $img = $(this); var src = $img.attr('src');
Big Sky :: プログラマブルなプロキシライブラリ goproxy
« zen-coding for vim を pure vimscript だけで書いてみた。 | Main | Github Notification API が出たので通知を Growl するの書いた。 » 手軽に使える forward http proxy : stone, Tinyproxy - 酒日記 はてな支店 直接グローバルに繋がる経路をもたないホストから http アクセスしたいので http proxy を使いたい。Squidは定番ですが、もう少し手軽なのはなにかないかと思っていたところ twitter で教えていただきました。 http://d.hatena.ne.jp/sfujiwara/20121023/1350990163 本題からそれますが、go言語で小さいプロキシを使う場合に僕がお勧めしたいのが goproxy です。 elazarl/goproxy - Gi
手軽に使える forward http proxy : stone, Tinyproxy - 酒日記 はてな支店
直接グローバルに繋がる経路をもたないホストから http アクセスしたいので http proxy を使いたい。Squidは定番ですが、もう少し手軽なのはなにかないかと思っていたところ twitter で教えていただきました。ありがとうございます。 reverseじゃなくてforwardなhttp proxyでsquid以外って手軽なの何かないか。Apacheをそれだけのために動かすのはちょっと…てかんじ 2012-10-23 17:57:44 via YoruFukurou @fujiwara stone とか? 2012-10-23 18:03:07 via web to @fujiwara @fujiwara うちはtinyproxyつかってますよ。 2012-10-23 19:01:47 via Echofon to @fujiwara Stone Simple Repeater
ゆず屋: [フォント] 『ちはやふる』のロゴの謎
■ 『ちはやふる』のロゴの謎 「謎」なんていうとちょっと大げさですが、今日は『ちはやふる』のロゴに使われているフォントについて少し書きたいと思います。 末次 由紀さんの『ちはやふる』はTVアニメで知った作品なんですが、実はTVで放送されていたときからこのロゴがずっと気になっていました。 というのも、ぱっとみるかぎり何のフォントを使っているのかよく分からないからです。 （もちろん、既製のフォントでないという可能性もありますが） そこで、来年1月からアニメ第2期の放送も決まったことですし、ちょっと調べてみることにしました。 ■ 明朝体の仮名 ロゴに使われているのは、上の画像の通り明朝体の仮名のようです。 （「明朝体の仮名」っていう言い方は変なんですが、他に良い表現もないので……） （画像をクリックで拡大） もちろん、明朝体と一口に言ってもかなりの種類があります。 上に挙げたのはその一例です。
ファイルサイズ制限なしで巨大ファイルを直接相手に送信できるフリーソフト「zeZebra」
オンラインストレージなどにファイルを置くことなく安全に、制限なしのファイルサイズで、音楽・動画・文書などあらゆるファイルを暗号化して直接相手に送信できるフリーソフトが「zeZebra」です。WindowsとMacに対応しています。ダウンロード、インストール、ファイルの送信方法については以下から。 Limited Reach... Unlimited! http://www.zezebra.com/ Windowsにインストールするので、上記サイトの「Download zeZebra」をクリック。 ダウンロードしたEXEファイルを実行します。 チェックを入れて「Install」をクリック。 「Next」をクリック 「Finish」をクリック ユーザー名とメールアドレスを入力して「Save & Close」をクリック。ここで入力したユーザー名とメールアドレスはファイルのやり取りをする相手に通知
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
compass-style.org is almost here!
stack3.com is for sale | HugeDomains