ズルいデザインを使った Rails 用 gem "zurui-sass-rails" の使って、実際にデザインの作り方を体験できるハンズオンです。 体験用レポジトリ https://github.com/prog4designer/zurui-hands-on zurui-sass-rai…
タグ
- すべて
- jQuery (4)
- あとで読む (3)
- まとめ (5)
- ネタ (21)
- (*´Д`） (3)
- (´；ω；｀)ﾌﾞﾜｯ (5)
- ( ﾟ∀ﾟ)o彡° (26)
- 2ch (30)
- 3d (27)
- 3ds (4)
- AV (3)
- AWS (27)
- AppEngine (8)
- AudioDataAPI (3)
- BI (3)
- CG (4)
- CI (7)
- CM (3)
- CSS3 (33)
- Cassandra (3)
- CloudFoundry (4)
- FF14 (6)
- Google+ (7)
- IDE (5)
- IndexedDB (4)
- MongoDB (17)
- Node (11)
- OAuth (14)
- R (6)
- SF (5)
- SIM (9)
- SONY (4)
- SSL (7)
- Scala (4)
- TBS (4)
- Unicode (5)
- WebRTC (4)
- aa (29)
- actionscript (6)
- adsense (5)
- air (7)
- ajax (10)
- amazon (26)
- analytics (10)
- android (26)
- apache (8)
- api (59)
- app (8)
- apple (29)
- audio (6)
- bash (12)
- bootstrap (4)
- business (5)
- calendar (4)
- canvas (13)
- chart (6)
- chrome (49)
- coffeescript (11)
- css (102)
- db (17)
- design (4)
- dns (4)
- ec2 (20)
- eclipse (7)
- enchant.js (8)
- event (5)
- evernote (6)
- express (6)
- extension (10)
- facebook (44)
- firefox (11)
- flash (28)
- fluentd (7)
- font (12)
- gae (41)
- git (57)
- github (27)
- gmail (10)
- go (9)
- golang (4)
- google (188)
- greasemonkey (9)
- grunt (4)
- ha (4)
- hack (5)
- hadoop (9)
- html (7)
- html5 (98)
- http (7)
- iOS (22)
- iPad (18)
- ie (6)
- illustrator (7)
- iphone (233)
- ipv6 (6)
- itunes (12)
- jailbreak (12)
- java (22)
- javascript (248)
- jenkins (8)
- jquery (94)
- jsdo.it (4)
- json (9)
- kernel (5)
- kinect (7)
- librahack (6)
- library (10)
- life (8)
- lifehack (16)
- linux (24)
- mac (48)
- map (16)
- mapreduce (7)
- memcached (6)
- mixi (9)
- mmd (4)
- mobile (10)
- mocha (9)
- mp3 (6)
- mysql (12)
- nginx (12)
- nhk (16)
- node.js (159)
- nodejs (4)
- nosql (7)
- npm (14)
- objective-c (7)
- ogp (4)
- opencv (5)
- openid (6)
- paypal (8)
- pdf (5)
- perl (16)
- photoshop (11)
- php (34)
- plugin (21)
- postgresql (6)
- privacy (4)
- ps3 (4)
- python (20)
- rails (9)
- redis (5)
- rfc (4)
- ruby (18)
- s3 (8)
- sass (5)
- screen (4)
- sdk (5)
- security (36)
- seo (32)
- server (4)
- sex (6)
- slim3 (5)
- sns (4)
- socket.io (13)
- softbank (5)
- sound (5)
- ssd (4)
- subversion (4)
- test (24)
- tips (91)
- titanium (12)
- tool (9)
- tutorial (11)
- twitter (83)
- ui (42)
- unity (7)
- vim (28)
- vimrc (4)
- vip (11)
- vocaloid (7)
- vps (7)
- wave (8)
- web (6)
- webgl (9)
- webkit (5)
- websocket (19)
- webサービス (323)
- webデザイン (153)
- web制作 (34)
- wii (7)
- windows (16)
- windows8 (4)
- winny (4)
- xml (5)
- yahoo (17)
- youtube (10)
- あとで保存する (66)
- あとで試す (275)
- あとで読む (821)
- あるある (9)
- いい話 (31)
- いじめ (7)
- おっぱい (57)
- おもしろ (5)
- おもしろい (60)
- お役立ち (9)
- かわいい (16)
- けしからん (6)
- これはすごい (447)
- これはひどい (962)
- これはエロい (15)
- これは便利 (20)
- どうしてこうなった (10)
- ぬこ (31)
- ね、簡単でしょう？ (4)
- ねこ (4)
- はてな (34)
- はてブ (21)
- ひろゆき (5)
- まとめ (295)
- まどか☆マギカ (12)
- まんが (4)
- やる夫 (10)
- アイコン (16)
- アイデア (8)
- アクセス解析 (5)
- アサヒる (5)
- アニメ (64)
- アニメーション (6)
- アフィリエイト (22)
- アプリ (32)
- アルゴリズム (25)
- アート (7)
- イベント (5)
- イラスト (19)
- インタビュー (17)
- インターネット (8)
- インフラ (5)
- エネルギー (16)
- エロ (146)
- オナニー (4)
- オンラインストレージ (4)
- オープンソース (5)
- ガジェット (39)
- キチガイ (24)
- クラウド (14)
- グラフ (6)
- グロ (10)
- ケータイ (4)
- ゲーム (149)
- コスプレ (12)
- コピペ (10)
- コミュニケーション (135)
- サイエンス (14)
- サーバ (14)
- サーバ管理 (6)
- システム開発 (4)
- システム障害 (5)
- ジェネレータ (14)
- ジョジョ (5)
- スクレイピング (5)
- ストレージ (15)
- スポーツ (6)
- スマートフォン (13)
- セキュリティ (139)
- セックス (24)
- ソフトウェア (10)
- ソフトバンク (10)
- ソーシャルゲーム (6)
- タバコ (12)
- ダイエット (7)
- チュートリアル (15)
- チューニング (9)
- ツール (115)
- テスト (27)
- テンプレート (10)
- デザイン (87)
- デマ (4)
- デモ (6)
- トラブル (6)
- トレーニング (4)
- トンデモ (30)
- ドメイン (4)
- ナンパ (5)
- ニコニコ動画 (20)
- ニコニコ技術部 (6)
- ニセ医療 (6)
- ニセ科学 (24)
- ネタ (467)
- ネット (8)
- ネットワーク (6)
- ハードウェア (7)
- バイク (4)
- バカ (10)
- バージョン管理 (5)
- パスワード (9)
- パチンコ (4)
- ビジネス (97)
- ファッション (5)
- フォント (33)
- フジテレビ (13)
- フリーソフト (4)
- フレームワーク (8)
- ブックマークレット (5)
- ブラウザ (4)
- ブログ (4)
- プライバシー (9)
- プラグイン (8)
- プログラミング (29)
- プロジェクト管理 (5)
- ベンチマーク (8)
- ホメオパシー (12)
- ボタン (5)
- ポイント (4)
- マジコン (9)
- マスコミ (31)
- マスゴミ (98)
- マネジメント (6)
- マンガ (15)
- マーケティング (27)
- メディア (17)
- メール (10)
- モバイル (40)
- ユーザビリティ (7)
- ライフハック (22)
- ライブラリ (18)
- ラブプラス (6)
- リテラシー (11)
- レシピ (29)
- レビュー (4)
- 中国 (56)
- 事件 (42)
- 事故 (26)
- 交通 (4)
- 人権 (4)
- 人物 (5)
- 人生 (108)
- 仕事 (69)
- 仕事術 (10)
- 仕様 (5)
- 仕様書 (4)
- 仙谷由人 (4)
- 仮想化 (4)
- 任天堂 (7)
- 位置情報 (4)
- 作ってみた (6)
- 便利 (8)
- 便利ツール (5)
- 保険 (9)
- 借金 (4)
- 健康 (23)
- 児童ポルノ (16)
- 写真 (41)
- 冤罪 (6)
- 出版 (6)
- 出産 (4)
- 初音ミク (4)
- 労働 (12)
- 勉強 (17)
- 動物 (24)
- 動画 (112)
- 北朝鮮 (4)
- 医療 (43)
- 原発 (14)
- 口蹄疫 (19)
- 可視化 (6)
- 司法 (7)
- 同人 (6)
- 名言 (12)
- 図書館 (7)
- 国際 (45)
- 在日 (5)
- 地デジ (6)
- 地図 (6)
- 地震 (6)
- 報道 (7)
- 増田 (7)
- 壁紙 (23)
- 外交 (16)
- 失敗 (4)
- 子供 (6)
- 子育て (12)
- 学校 (4)
- 学習 (4)
- 宇宙 (19)
- 安価 (5)
- 宗教 (10)
- 家族 (7)
- 小沢一郎 (12)
- 尖閣諸島 (5)
- 就職 (4)
- 差別 (14)
- 年金 (16)
- 広告 (4)
- 心理 (46)
- 性 (11)
- 恋愛 (29)
- 技術 (61)
- 捏造 (4)
- 揉め事 (4)
- 携帯 (15)
- 政治 (60)
- 教育 (150)
- 数学 (14)
- 文化 (46)
- 文字コード (11)
- 旅行 (11)
- 日本 (73)
- 日本人 (8)
- 日本語 (14)
- 映画 (6)
- 書籍 (4)
- 本 (26)
- 東北地方太平洋沖地震 (10)
- 検索 (5)
- 楽天 (20)
- 橋下徹 (5)
- 歴史 (30)
- 死ねばいいのに (5)
- 比較 (5)
- 民主党 (248)
- 決済 (11)
- 法律 (23)
- 流通 (4)
- 海外 (10)
- 漫画 (139)
- 災害 (25)
- 炎上 (5)
- 物理 (8)
- 犯罪 (39)
- 環境 (12)
- 生活 (25)
- 生活保護 (20)
- 生物 (15)
- 男女 (28)
- 画像 (319)
- 画像処理 (4)
- 石原慎太郎 (7)
- 研究 (6)
- 社会 (117)
- 福祉 (8)
- 科学 (67)
- 税金 (18)
- 素材 (85)
- 経済 (30)
- 結婚 (21)
- 統計 (25)
- 絵文字 (7)
- 翻訳 (6)
- 老害 (13)
- 考え方 (25)
- 育児 (25)
- 脳 (10)
- 自殺 (5)
- 自民党 (7)
- 色 (7)
- 英語 (21)
- 菅直人 (13)
- 著作権 (37)
- 行政 (61)
- 表現 (5)
- 表現の自由 (34)
- 表現規制 (20)
- 裁判 (5)
- 裁判員制度 (4)
- 規制 (14)
- 言葉 (37)
- 言語 (5)
- 言論統制 (4)
- 訃報 (7)
- 設計 (8)
- 読みもの (6)
- 読み物 (124)
- 課金 (6)
- 警察 (25)
- 負荷分散 (8)
- 資料 (45)
- 起業 (14)
- 運用 (6)
- 選挙 (7)
- 長過ぎて読めない (13)
- 開発 (91)
- 障害者 (4)
- 雑学 (11)
- 電子マネー (5)
- 電子書籍 (10)
- 面接 (4)
- 韓国 (25)
- 音 (4)
- 音楽 (26)
- 食 (15)
- 高速化 (4)
- 鳩山由紀夫 (30)
- 麻生太郎 (6)
- これはひどい (962)
- あとで読む (821)
- ネタ (467)
- これはすごい (447)
- webサービス (323)
- 画像 (319)
- まとめ (295)
- あとで試す (275)
- javascript (248)
- 民主党 (248)
sassに関するy-kawazのブックマーク (6)
-
y-kawaz 2013/06/03
- デザイン
- CSS
- sass
リンク -
SassとCompassでSprite画像を作る
やっべぇ、これ便利！って思ったので即共有！これまでSprite画像作る時って皆さんはどうしてましたか？僕はCSS Sprite Generatorというサイトを使って画像を生成していました！ しかし、さっき見てた記事でなんと、Compassを使ってSprite画像を生成する方法が紹介されていて、今さっき試したら結構ツボにハマったので、まずはこの興奮のまま皆さんともシェアさせて貰えれば嬉しいです！ 参考にさせて頂いた記事は以下なんですが、結構詳しくCompassで作るCSS Sprite画像の作り方が紹介されています。まずは僕も試してみた簡単な概要部分をちょっとご紹介させて頂きましょう！SassとCompassの基本的な使い方はググって頂ければ嬉しいです＞＜ How to automatically generate CSS sprites with Sass and Compass | C
-
半歩先いくかっこいいエフェクトだけでなく実装にもこだわったCSSのフレームワーク -Maxmertkit
単独でも素敵なかっこいいエフェクトで十分なのに、それらが全部まとまって、更に実装方法にもこだわったオープンソースのCSSのフレームワークを紹介します。 ドラッグ&ドロップでさまざまなエレメントを表示します。 Maxmertkitの特徴 Maxmertkitのデモ：スタティック Maxmertkitのデモ：CSS3アニメーション Maxmertkitのデモ：ソーシャルメディア てっとり早くワクワクしたい人は、3つ目の「Maxmertkitのデモ：CSS3アニメーション」をご覧ください。 Maxmertkitの特徴 SASSベースのオープンソースのフレームワーク CSS3アニメーションを使った演出効果 他のフレームワークとかぶらないネームスペース デザイン（カラー・サイズ）変更はテーマで簡単 Creed Creed（主義）のページではMaxmertの主な特徴が解説されています。例えばコードの簡
-
-
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
-
Sass: Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx