CSSのセレクタ数を調べる
気になったので調べたら、いくつかの方法があった。 JavaScripthttps://gist.github.com/psebborn/1885511/そのままコンソールに打ち込んだり、ブックマークレットとかにして調べるのも良さそう。Grunthttps://github.com/xzyfer/ie9-selector-counterhttps://github.com/xzyfer/grunt-ie9-selector-counter試してみたけど、ちょっと出力の仕方が微妙な気がする…PHPhttp://snippet.bevey.com/css/selectorCount.php調べたいCSSをアップロード、もしくはそのURLを入力して送信bashhttp://alias.sh/count-number-selectors-css-filebashrcとかに書いて、$cat style
LayoutIt! - Interface Builder for CSS Grid and Bootstrap
LayoutIt! helps you make your frontend coding easier without needing to be an expert in JavaScript, HTML5 or CSS3 Bootstrap Builder Drag-and-drop the same Bootstrap components to your own design. Easy to integrate with any programming language, you just download the HTML and start coding the design into it. Grid Generator Start creating your own CSS Grid Layouts simply and easily with this magic t
ページ途中にあるグローバルナビなどをスクロール時にトップに固定するjQuery - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
ページ途中にあるグローバルナビなどをスクロール時にトップに固定するjQuery タグを指定して、ページ途中にある要素がスクロールしてトップの位置に来た時に固定するjqueryを紹介します。 ページ最上部を固定するならposition:fixed;でも対応できると思いますが、それ以外の中段にある要素（タグ）で固定したい場合に使ってみてはいかがでしょうか。 今回ご紹介するのは、○○PXスクロールしたらという物ではなく、この要素の位置に来たら固定するというものです。 応用すれば、サイドバーなども固定出来ますので、使い勝手は良いと思います。 まず、CSSとjQuery本体を読み込ませ、スクリプトを記述します。 （今回はグローバルナビで説明） HTML記述例（HEAD部） <html> <head> ・ ・ <link href="style.css" type="text/css" rel="st
フロントエンドチューニングの箇条殴り書き
普段気をつけてるよリスト "モバイルで、WebViewとブラウザのコンパチで、特にセオリー化されていないデザインモジュールのなか、装飾画像もふんだんに使うぞ系サービス開発" の文脈における、パフォーマンス確保のため気をつけてるよリスト。 よく、パフォーマンス「向上」とか「確保」とか申しますが、メンテナンスコストなどと天秤にかけて、「必要十分」のラインを狙うのが重要だと思う次第。 画像リソース 画像リソースを揃えるときのセオリ。圧縮率とか最適化とか細かいチューニングはあれど、大雑把に下記を守る。そしてImage Optim（or 相当の処理）。 JPEGはプログレッシブで画質60くらい（オレ目安） PNGは差し支えない範囲で色数をきちんと削る 50px未満のサムネイルは@2.0xなリソースにしない 案外、Androidあわせの@1.5xや@1.0xでも大丈夫なことすらある GIFアニメを入れ
Swipebox | A touchable jQuery lightbox
What is Swipebox ? Swipebox is a jQuery "lightbox" plugin for desktop, mobile and tablet. Main Features Swipe gestures for mobile Keyboard Navigation for desktop CSS transitions with jQuery fallback Retina support for UI icons Easy CSS customization Basic Usage Javascript Include jquery and the swipebox script in your head tags or right before your body closing tag. <script src="lib/jquery-2.0.3.j
Capybara - Venombytes
Two steps for faster browser specs March 11, 2013Posted by Tom Meier Keeping specs fast is a never ending battle for the average Rails developer. There are 2 quick lines of javascript that can make excellent and stable improvements to spec speed performance. Most people are aware of JQuery giving the option to disable animations (see – fx.off), we can disable this in test mode making all browser b
[IE][CSS]IEで透過PNGを扱う為のまとめ | 技術雑記
透過PNG と IE と IE7 まとめ IE6以前では透過PNG（背景部分が透けてるPNG）の扱いが不適切なままでおかしな画像になります。 IE7ではある程度直ってるみたいですが。 ソレを回避する為のテクニックが色々ネット上に散らばってたので、まとめて見ました。 まぁいまさらな感はありますが、自分がWebサービスの開発中にこの問題に今頃直面したってことで（^^） ポイントはIE6のフィルタ機能のAlphaImageLoaderという機能を使うようです。 IEと透過PNG http://amenti.usamimi.info/ie6png.html こちらは色々なパターンでAlphaImageLoaderの使い方がのってます。 ただソースの書き方に一工夫がいるのでこのサイトの方法だと既存のサイトに適用するのは少々手直しがいるので手間が要りそうです。 ウノウラボ Unoh Labs: IE6
![[IE][CSS]IEで透過PNGを扱う為のまとめ | 技術雑記](https://cdn-ak-scissors.b.st-hatena.com/image/square/e3e2b8417b06f5eecc47c2291e3afbee04a4454b/height=288;version=1;width=512/http%3A%2F%2Fmozshot.nemui.org%2Fshot%3Fhttp%3A%2F%2Fblog.l-xs.com%2Fyungsang%2F2007%2F02%2Fpng_ie_ie7.html)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - kawasima/jagrid: Japanese-styled grid framework.
Flatis
もっと使おうPhoneGap／Cordova 2.0.0 記事一覧 | gihyo.jp
CODEPREP
オープンソースのWebアプリ開発向けコードエディター「Brackets」Sprint 23が公開
Rails – Asset Pipelineとは » Tamrable
HTML5.JP - 次世代HTML標準 HTML5情報サイト