Zend Framework 2 performance
--->Setup specs --->Host --->VirtualBox machine --->How I benchmark --->Zend Framework 1 --->Zend Framework 2 --->ApacheBench --->Benchmark results --->Graph results --->Conclusion A few days ago I read an article that compared some frameworks. Amongst others, both Zend Framework 1 and Zend Framework 2 were included. What struck me was that ZF2 was 5 times slower then ZF1. I know, it’s in beta, no
【Sassを覚えよう！】もくじ的なのと参考リンク
需要が有るのか無いのかも分からず、半分以上は勢いで書いてたSassを覚えようシリーズですが、少しでも利用する人が増えるきっかけになれば幸いです。 カテゴリ一覧から全部見れますけど、一応【Sassを覚えよう！】の全記事一覧です。 【Sassを覚えよう！Vol.1】はじめに 【Sassを覚えよう！Vol.2】何がすごいの？プログラムが出来なくても使える？効率がホントに上がるの？ 【Sassを覚えよう！Vol.3】一番カンタンな環境構築（Scout編） 【Sassを覚えよう！Vol.4】Sassの基本的な記述方法 【Sassを覚えよう！Vol.5】環境構築（黒い画面編） 【Sassを覚えよう！Vol.6】黒い画面での実際の運用に関して 【Sassを覚えよう！Vol.6.5】バッチファイルを使ってカンタンに黒い画面でSassを利用する 【Sassを覚えよう！Vol.7】ファイルを分割して管理を楽に
Debugging CSS Media Queries · Johan Brook
In Responsive Web Design we’re working with different states, widths, and viewport sizes. Fluidity and adaptive behavior is a hot subject nowadays, and it’s perfectly justified when looking at today’s mobile browser landscape. We achieve this with CSS’s Media Queries. But sometimes it can be messy – I’m gonna share a quick tip for indicating (with pure CSS) which media query that has actually kick
Sass の @extend はどこがすごいのか
この記事では Less & Sass Advent calendar 2011 の 16 日目として、Sass の @extend 機能について書いてみます。が、諸事情により締め切りを過ぎてからあわてて書いており、かなりとっ散らかったものになるであろうことをあらかじめお断りしておきます。 さて、まずは @extend の基本的な機能についてざっとおさらい。@extend される側として一連のスタイルを定義したセレクタがあり、そのセレクタを @extend で継承しつつプロパティを追加したりして、新しいセレクタを作ります: // SCSS // 継承元のセレクタ .button { display: inline-block; border: 1px solid gray; background-color: silver; &:hover { border-color: black; }
Sass の @import ルール
Sass の @import ルール は CSS ファイルだけではなく Sass ファイルもインポートできる。この機能は地味に見えるが、実際に使ってみるとものすごく便利。とくに、ミックスインをモジュールとしてファイルに分割しておき、必要に応じて呼び出すような場面でその便利さを痛感する。 例として、opacity プロパティのクロスブラウザ対応コードのミックスインを考えてみる。まず以下のようなコード片を _opacity.scss というファイル名で用意しておく: // _opacity.scss @mixin opacity($alphavalue) { opacity: $alphavalue; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{ $alphavalue * 100 })"; // for IE
スマートフォン向けサイト作成時のSass活用法
この投稿はLess & Sass Advent calendar 2011の５日目の投稿です。このポストでLess & Sass Advent calendar 2011を知ったという方は一日目の投稿から読むことをお勧めします。 ここまでの４日間のAdvent calendarでSassに興味を持ち、導入意欲も湧いてきたかと思いますが、この辺りで実際に実務でどのように使っているかをスマートフォン向けサイトを例に紹介したいと思います。 ベンダープレフィックスの面倒さを解消スマートフォン向けサイト（以下スマホサイト）構築時のCSS記述の面倒さに「ベンダープレフィックス（接頭辞）」をつけることにあると思います。 Sassを使えば簡単に記述できます。 わかりやすいようにベンダープレフィックスをたくさん書いていますが、対応するブラウザが少ない場合は少なくて構いません。 .scss@mixin bor
Sass: Documentation
Sass is a stylesheet language that’s compiled to CSS. It allows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes it easy to share design within and across projects. If you’re looking for an introduction to Sass, check out the tutorial. If you want to look up a built-in Sass function,
Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
hamashun me : Windows PC に Ruby と Sass を導入する方法
Sugamo.cssでちょっと前に話題になったのが、CSSのメタ言語（って言い方でいいのかな）であるSassです。 Sassを使うと、CSSをクールに記述する事ができます。 Sass自体についての解説はググると詳しいものがいくつかあります。 この記事では、Windows PC（XPとVistaで試しました）にSassを導入する手順を紹介します。 Rubyのインストール SassはRubyで動いているので、まずはRubyをインストールします。 RubyInstaller for Windows を使えば、何度かクリックするだけで完了します。 インストールが終了したらコマンドプロンプトを起動して、次のコマンドを入力してエンターをッターンと叩いてください。 ruby -v ruby 1.9 1p430(2010-08-16 revision 28998) みたいのが出たらgemのアップデートに進
どんだけマッチョじゃないと起業できないんだ、日本は。 - My Life After MIT Sloan
人材の流動化と企業に関するエントリは、私の考えも尽きたので、何か動きがあるまで、 前回の記事（「一流企業の正社員」も流動化が出来る社会へ－My life in MIT Sloan） を以っていったん寝かせておこうかと思ったんだけど、 Willyさんが面白い記事を書いてくれたんで、ご紹介がてら。 だって彼、最近はChikirinさんにご執心みたいで、最近全然あたしのところに来てくれなくて、寂しいんだもの。 （と売れないホステスみたいなことを言ってみる。） 起業したい若者に対する大人の本音－統計学＋ε：米国留学・研究生活 Willyさんは、読売新聞が運営している「発言小町」という、半ば人生相談質問サイトになっているところで、 就職活動をやめて、自分で起業しようと思っている大学3年生になりきって、投稿をした。 質問の内容は、不確実な時代なので食品業界がいいと思っている。 しかし、食品業界の大企業
New Freebie: WPZOOM Developer Icon Set (154 free icons) - WPZOOM
Several months ago we launched our first set of icons. Enjoying the success of that set, we decided to continue working with designer David Ferreira to offer you another great set of free icons. Considering that first set contained social icons, we decided that the second one should be a set for developers, especially for applications development. So, please meet our new icon set: WPZOOM Developer
facebookアプリの作り方(PHP編) » SHINGOLOG
facebookアプリとは、ブラウザで動くゲームやツールなどのソフト。既に35万以上ものアプリが存在するようです。これらは、利用者は無料で使うことが出来るんですが、Flashベースのゲームだったり、診断・占い系、他SNSと連動するもの、コミュニケーションツール…など、無数にあります。今回はこのfacebookアプリの作り方を解説します。 基本的な仕組み facebookアプリといっても、アプリのプログラム自体は自社サーバー内でに設置します。作ったファイルをfacebook内でiframeで読み込んで使うことになります。なので、言語等の縛りもありません。だからこそ、自由性が高く、色んなアプリがあるのだと思います。 facebookアプリは、facebook内で動くものや、サイトの一部に連携しているものもあります。サイトで使用する場合は、例えばログインさせて個別の情報を扱いたい時に使うケース
Web Icon Fonts | chibatch.jp
Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - hail2u/scss-partials: SCSS partials
http://atnd.org/events/21919
JSONView