続きを読む

• codepen.io
• アニメとゲーム

I just wanted to diable the elastic scrolling/bounce effect in Safari (OSX Lion). I found the solution to set overflow: hidden for body in css, but as expected it only disables the scrollbar, so if the website is "longer" than the screen you ... 続きを読む

• stackoverflow.com
• テクノロジー

Pixate enables you to create beautiful native mobile apps styled with CSS. 続きを読む

• www.pixate.com
• テクノロジー

まずは、歴史をみてみよう。 初期 * { margin:0; padding:0; border:none; } table レイアウトから CSS レイアウトへの移行期に考案された。すべてゼロにするというコードで、実装者が書いたコードのみが適用できるという手法。弊害として input 要素の枠線など... 続きを読む

• yomotsu.net
• テクノロジー

Download! Latest Build: holmes.css v1.0 or view the github repo Drag this to your bookmarks toolbar or onto any page to apply holmes.css -Holmes.css Bookmarklet This is experimental, if anyone knows a better hosting service for this let me kn... 続きを読む

• www.red-root.com
• テクノロジー

Sass、Less、StylusなどCSS Preprocessorに関するAdvent Calendarです。 CSS Preprocessor Advent Calendar 2012  パフォーマンスの勉強ができてなおかつSass/Compassのお勉強にもなるお得なシリーズまさかの2回目。Adventにぶつけてきた！ややもするとシリーズ... 続きを読む

• t32k.me
• テクノロジー

2回も続いてないのにまさかの番外編！ここぞ変化球！キエル消える魔球！！ ってことで、最近Androidの相手ばかりしていて、「IE… そんな女もいたよね」って感じでしたが、ちょっとハマったので忘備録。グラデーションを使ったデザインをCSSで再現しようとした... 続きを読む

• t32k.me
• テクノロジー

タイトルは釣り、かつ第2回以降は未定ですがコンチワ！t32kです。メモがてら残していこうと思います。 Sassとかいろんな機能ありますよね、でもぶっちゃけそんなにいっぱい機能あっても使わないし( ･´ω･｀)　案外、//ダブスラでコメントアウトできるのが一番嬉... 続きを読む

• t32k.me
• テクノロジー

Performance Calendar » CSS Selector Performance has changed! (For the better)にWebkitでCSSのマッチングの最適化が進んでいるという話が掲載されていて、下記の4つ最適化方法について紹介しています（via * { box-sizing: border-box } FTW « Paul Irish）... 続きを読む

• memolog.org
• テクノロジー

ASCII.jp：30分でできる！Webサイトを高速化する6大原則 高速化する6大原則として『4.CSS セレクターは短く最適化せよ！』とこの記事では挙げられているのですが、原則というのはちょっと言い過ぎではないかと。少なくとも『3.HTTPリクエストは最小にせよ！』な... 続きを読む

• t32k.me
• テクノロジー

GitHubのCSSのパフォーマンス改善について、2012年ホノルルで行われた「CSS Dev Conference」のスライドが公開されていたので、紹介します。 続きを読む

• coliss.com
• テクノロジー

Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

CSSファイルをクライアントサイドだけで動的なURLつけて非同期読み込みしたい場合、単純に以下のようなコードを書くと同期読み込みになって読み込み完了まで他のファイルの読み込みがブロックされる。 (function () { var href = 'style sheet url'; var link =... 続きを読む

• 0-9.tumblr.com
• テクノロジー

ブラウザのスタイルを初期化するCSSリセットの2012年に人気のあったものと、どのCSSリセットを使えばいいのか判断するポイント、CSSリセットを上手に使うポイントを紹介します。 CSS Reset 下記は各ポイントを意訳したものです。 2012年人気のあったCSSリセット... 続きを読む

• coliss.com
• テクノロジー

#c0ffee色の飲み物が着色料を使わず簡単に作れます。徹夜のweb作業からくる眼精疲労に、アントシアニンが効くよ。 続きを読む

• cookpad.com
• 暮らし

こんにちは、デザイナーの王です。いいものはみんなで共有しましょう！ ということで、今日も素敵なツールを紹介しちゃいます！ とりあえず、こんな風に使います↓ （動画中に一瞬出てきたあのクールなエディターを現在布教中ですので、SublimeTextの記事をぜひ... 続きを読む

• liginc.co.jp
• テクノロジー

toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は... 続きを読む

• kojika17.com
• テクノロジー

html5一見、コピーできるように見えますが、ペーストしてみると・・・。ツイートする 続きを読む

• tech.nitoyon.com
• おもしろ

テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 画像置換：-9999px 改善したテクニック 画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようにな... 続きを読む

• coliss.com
• テクノロジー

久々にこの手のネタ書いた気がしますけども... ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS... 続きを読む

• hyper-text.org
• テクノロジー