This domain may be for sale!
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません! はじめに結論を言うと、CompassでCSSを書くと 早い! 見やすい! メンテしやすい! コード量がぐっと減る! 一度使い出したら最後、もう元には戻れない! 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず! 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください! Compassとは? Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
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.
Googleを世界で二番目にあいしてる! どうも、するぷ( @isloop )です。 今更ながらですが、ほんとGoogleって便利ですよねー。 だってキーワードを打ち込むだけで、全世界から、それに関連した情報をリストアップしてくれるんですよ!もうみんな当たり前に使ってるんでしょうけど、これってかなりヤバくないっすか!? こんなん僕がPCを使い始めた、14年前には考えられなかったことです。いやー技術の進歩って凄い。Googleって凄い。Googleまじイケメン。Googleまじ水樹奈々。 もう、Googleがなかった時代に帰るなんてどうしても考えられないですよ・・・。ほんとGoogleまいしてる・・・。 そんな、スーパー便利なGoogle検索なわけですが、もっとスーパー便利につかう方法があります。 それは、検索コマンドや検索演算子などの検索技を使うこと。 これを使いこなせば、通常の3倍じゃ効
Vincent Driessenさんの "A successful Git branching model" を翻訳しました。 元記事はこちら: http://nvie.com/posts/a-successful-git-branching-model/ (翻訳の公開と画像の利用は本人より許諾済みです) このブランチモデルの導入を補助してくれる、git-flowというGit用プラグインがあるそうです。 翻訳の間違い等があれば遠慮なくご指摘ください。 A successful Git branching model この記事では、私のいくつかのプロジェクト(仕事でもプライベートでも)で約一年ほど導入して、とてもうまくいくことがわかった開発モデルを紹介する。しばらく前からこれについて書くつもりだったんだが、今まですっかりその時間を見つけられずにいた。ここでは私のプロジェクトの詳細については書
C:\Documents and Settings\[username]\Local Settings\Application Data\Mozilla\Firefox\Profiles\[profilename]\Cache\
はじめに (Introduction) Anki は 物事を憶えるのを楽にするプログラムです。伝統的な学習法と比べて Anki は ずっと効率的なので、あなたは 学習時間を大幅に節約したり 身につける知識量を大幅に増やしたりできます。 毎日の生活のなかで 物事を憶えなければならない人すべてに Anki が役立ちます。Anki は コンテンツから独立しており、画像・音声・動画・科学マークアップ (LaTeXを使う) をサポートするので、可能性は無限です。例えば: 外国語を学ぶ 医学や法律の試験に向けて勉強する 人の名前と顔を記憶する 地理に詳しくなる 長い詩を暗唱する ギターコードを練習するのにも! Anki の背景には 2つのシンプルなコンセプトがあります: 能動的に思い出すテスト (active recall testing) と 間隔をあけた復習 (spaced repetition)
どうぶつの森に行きたいminamiです。 Sublime Text2 、いいエディタですよね。僕も使ってから日が浅いのですが、毎日なにかしらの発見があります!便利なショートカットがたくさんあるので備忘的にあげてみました。操作はWindows版です。 Ctrl+P 候補のファイル名を入力していくと該当するファイルを開くことができます。 Ctrl+R JavaScriptなどでメソッドを設定していると候補を表示して移動できます。 Ctrl+L 行選択。続けて入力すると次の行も選択されます。 Ctrl+G 指定行にジャンプします。 Ctrl+D 選択範囲の文字列を一度にまとめて編集できます。 また、文字列を選択してCtrl+Dを実行するごとに、同じ文字列が選択され、そのまま内容を変更できます! Ctrl+Shift+↑↓ 行をまるごと上下に移動できます。複数行選択しても同様です。 Ctrl+Sh
jQuery イベント・メソッド イベント・メソッドは、マッチする全ての要素のイベントに関数を起動するかバインドします。 トリガーの例: $("button").click() - ボタン要素のクリックイベントを起動する。 バインドの例: $("button").click(function(){$("img").hide()}) - クリックイベントに関数をバインドする。 次の表に、イベント処理に使用する全メソッドをリストしています。 メソッド 説明
Selectors/API/jQuery 基本 #id 指定されたidを持つ要素を選択する。 element 指定されたタグ名の要素を選択する。 .class 指定されたクラスを持つ要素を選択する。 * 全ての要素を選択する。 selector1, selector2, ..., selectorN 複数のセレクターを指定して集合要素を選択する。 階層 ancestor descendant ancestorを先祖に持つdescendantを選択する。 parent > child 親子関係を指定して要素を選択する。 prev + next 前後関係を指定して要素を選択する。 prev ~ siblings prev以降の兄弟関係にある要素を選択する。 基本フィルタ :first 先頭の要素を選択する。 :last 末尾の要素を選択する。 :not(selector) 指定したセレクターを
リファレンス CSS3 Layout Typography Box Shadow ブロック要素(block element)に対してinset(内側)あるいはdrop(ドロップ; 外側)の影をつけることができる。 デモ(このサイト) | デモ(compass内) 設定可能なデフォルト値 (Configurable Variables) $default-box-shadow-color: #333333影の色 $default-box-shadow-h-offset: 0水平方向の位置(px)。プラスで右方向 $default-box-shadow-v-offset: 0垂直方向の位置(px)。プラスで下方向 $default-box-shadow-blur: 5px影のぼやけ・にじみ具合の半径サイズ。マイナスは不可 $default-box-shadow-spread: 0影の輪郭を広げ
The compass configuration file is a ruby file, which means that we can do some clever things if we want to. But don’t let it frighten you; it’s really quite easy to set up your project. Basic format Most configuration properties are a simple assignment to a configuration property. For example: css_dir = "stylesheets" Most configuration properties have a value that is a “basic” type. There are thre
CSSのメタ言語、Sassベースで作られた便利なフレームワーク、それがCompass。 Compassの設定ファイルはRubyファイルです。 これはRubyを知っていれば色々なことが出来るということなんですが、逆にRubyを知らないと取っつきにくさがあると思います。 それで損をしてしまうのはあまりに勿体無いので、オレオレリファレンスを書いてみました! ※この記事は完全な和訳ではありません。 基本的な書き方 コメント Windowsユーザー向けの注意 設定項目 動作に影響するもの URL関連 Sprite画像の自動生成用 コマンドラインでのオーバーライド コマンドライン経由で渡される設定の検査 Compass 用プラグインの読み込み コンフィグ関数 add_import_path asset_host asset_cache_buster watch コールバック on_sprite_sav
background …… 背景に関する指定をまとめて行う background-attachment・・・背景画像の固定・移動を指定する background-color …… 背景色を指定する background-image …… 背景画像を指定する background-position …… 背景画像の表示開始位置を指定する background-position-x …… 背景画像の横位置を指定する(IE独自の仕様) background-position-y …… 背景画像の縦位置を指定する(IE独自の仕様) background-repeat …… 背景画像のリピートの仕方を指定する behavior …… 外部スクリプトを適用する(IE独自の仕様) border …… ボーダーのスタイル・太さ・色を指定する border-bottom …… 下ボーダーのスタイル・太さ・色
このサイトについて jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました。 2012.12.02 jQueryの似ているAPIまとめ 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、本家サイトでは1つのAPIが複数のカテゴリーに所属していますが、 このリファレンスでは分かりやすさを重視して1つのカテゴリーに絞っています。 また、一部本家サイトのカテゴリーを削り、別のカテゴリーに所属させているAPIがありますので、 予めご了承ください。 Ajax Ajaxに関する処理 Attri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く