元画像群からSprite画像とCSSを生成·Sprite Factory MOONGIFT
小さなアイコン画像などを一つにまとめて表示はCSSで切り出して行うのがCSS Spriteです。用意する手間があるため二の足を踏むケースも多いのですが、Sprite Factoryを使えばごく手軽に運用ができそうです。 インストールします。Rubygemsでインストール可能です。 実行はsfコマンドで。ディレクトリを引数としてそれ以下にある画像を全てまとめてくれます。 生成されるのはimg.cssとimg.pngです（カスタマイズ可能）。 生成されたCSSです。img.pngのSprite指定になっています。 生成された画像です。全て横につながった画像になっています。 生成された画像と元ディレクトリです。 オプションです。パスやSass形式での出力などに対応しています。 Sprite Factoryはクラス名に元のファイル名がつけられるので、Sprite画像は見ずともクラス名の指定がしやす
Sassで行こう！
Translation of: Getting Started with Sass - A List Apart CSSの持つその簡明さは欠かせない特徴の一つで、それは最も歓迎されている点でした。CSSによるスタイルシートは、セレクターといくつかの適用したいスタイル情報を含むルールを羅列したものに過ぎません。しかし、WebサイトやWebアプリケーションが巨大に、そして複雑になり、様々なデバイスや画面サイズに対応せざるを得なくなった現在、この簡明さという特徴―fontタグやテーブル・レイアウトの淘汰に大いに役にたったもの―が大きな足かせになっています。 簡単な計算機能や変数を追加するなどといったCSSの修正案が過去に提示されましたが、どれもブラウザー・ベンダーには採用されませんでした。仮にこういった新しく素晴らしい拡張されたCSSがあるブラウザーに実装されたとしても、それが実用に耐える程度に
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
//paulofierro.com - Icons and splash screens for iOS web apps - retina displays also welcome
Posted on Wednesday, August 31, 2011 @ 10:28 CET When creating web apps that are targeting iOS devices Apple provides a few hooks to allow things such as custom home-screen icons and splash screens for when people add them to their home screen. For icons you simply add the following to the <head> tag: <link rel="apple-touch-icon" href="icon.png" /> If you want an icon without the default gloss you
hamashun me : Sassのサンプルコード
使いまわしそうなSassのコードをメモっておいたら、（自分が）便利かなあとか思ったので載せておくテスト。 // =============================== // Variables // =============================== $red: #f00; $blue: blue; // =============================== // Mixins (Include) // =============================== @mixin link { color: #00f; } @mixin link_h { color: #fff; background: #00f; } @mixin link_v { color: #600; } @mixin min-height($px) { min-height: $px
Mobile Boilerplate: A best practice baseline for your mobile web app
★ Analytics, icons, and moreA lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icons; and several mobile-focused tools and helpers. ★ Normalize.css and helpersIncludes Normalize.css v3 — a modern, HTML5-ready alternative to CSS resets — and further base styles, utilities, and media queries.
「小さなチーム、大きな仕事: 37シグナルズ成功の法則」を読み終えて - アインシュタインの電話番号
他の人がさんざん褒めているので自分が改めて言う必要は無いのだけど、これは素晴らしい良書。何度も読み返したい本。さすがDHH、さすが37signals。さすがRails。本書の中でRailsについてはほとんど触れられていないけど、この本に書かれている思想や行動によって作られたんだなぁと思えば納得がいく。 小さなチーム、大きな仕事: 37シグナルズ成功の法則 また、気に入った箇所を抜き出すために、全体的に読み返していて思ったのだけれど、今回の大震災のような時にも通じるセンテンスがけっこうあることに驚いた。ビジネスも生活も人間の活動という大きな枠組みの中では同じなのだと気付かされた。 あと、日本語版には載ってなくて残念なんだけど、原書である英語版に収録されているイラストがセンスの良い分かりやすいものばかりで、Flickrの以下のページでまとめられているので一見の価値あり。 REWORK Illu
スーパーマリオはソーシャルゲームやゲーミフィケーションに影響を与えた（1/2）- ＠IT
スーパーマリオはソーシャルゲーム やゲーミフィケーションに影響を与えた Cloudforce 2011セッションレポート＆インタビュー 柴田克己 2012/1/11 2011年12月14～15日、都内のホテルで開催されたセールスフォース・ドットコムのプライベートイベント「Cloudforce 2011 JAPAN」では、同社の従来のコアコンピタンスである「クラウド」に加え、TwitterやFacebookといった、ソーシャルメディアの持つダイナミズムを企業活動の中で積極的に活用していく「ソーシャルエンタープライズ」の実現が大きなテーマとなった。 ソーシャルエンタープライズの実現に当たり、1つのカギとして注目を集めているのが「ゲーミフィケーション」の手法だ。今回のCloudforceでは、ソーシャルゲームの持つ「ゲーム的」な要素を、企業の活動に適用することで、顧客や従業員の参加意識やモチベー
ネットレイティングス、「スマートフォンメディア利用実態レポート」で、女性の比率が急速に拡大 | Web担当者Forum
インターネット調査のネットレイティングスは、スマートフォンによるメディア接触状況の実態調査を実施。調査をまとめた「スマートフォンメディア利用実態レポートVol.3」を12月14日発売した。初めてスマートフォンを利用した時期を2008年10月以前としたユーザーのうち女性の割合は17％なのに対し、2011年5月以降としたユーザーは48％が女性であり、30ポイント増加していることが分かった。また、2010年11月～2011年4月に利用を開始したユーザーにおける女性の割合は42％であり、直近6ヵ月間とそれ以前の6ヵ月を比較しても6ポイント増加していた。調査は11月2～7日に、全国の13～69歳の男女でスマートフォンを個人契約しているユーザーに対しインターネットを利用して実施。対象者数は約3000だった。 初めてスマートフォンを利用した時期に関する質問で、2011年5月以降と答えたのは13～19歳が
チャットモンチー徳島時代の未音源化曲ライブ映像も収録、ベスト盤DVDの内容判明 | CINRA
2月15日にリリースされるチャットモンチーのベスト盤『チャットモンチー BEST～2005-2011～』初回盤に付属するDVDの内容が明らかになった。 初回盤のDVDには、2005年から2011年に記録されたライブ映像から厳選した17本を収録。デビュー前の徳島時代でのみ演奏されていた未発表曲“さいた”や、2011年9月29日に行われた高橋久美子（Dr）のラストライブの模様も収められるなど、初めてパッケージされるレアな映像集となっている。 『チャットモンチー BEST～2005-2011～』は、メジャーデビューから現在までに発表された全シングル表題曲と、アルバムやミニアルバムのリード曲を網羅した全17曲を収録。高橋在籍時の活動を総括する内容になっており、全曲がリマスタリングされているほか、36ページのブックレットにはライナーノーツやライブデータも掲載されている。 チャットモンチー 『チャット
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
