Sass/Compass ってよく聞くけど、なんか難しそう…って思っている主にデザイナー/HTMLコーダーさん向けの勉強会で利用したスライドです。勉強会にはハンズオンが組み込まれていたので、この資料には中途半端な部分がありますがご容赦ください。 (*'-'*) 内容的には、基礎的な事柄を、活用のための考え方を添えて解説しています。何かの参考になれば幸いです。Read less
タグ
- すべて
- ネタ (19)
- 組織 (2)
- 読み物 (9)
- *firefox (1)
- *lifehacks (3)
- *rails (2)
- *seo (2)
- *tips (1)
- *webサービス (5)
- *webデザイン (4)
- *web制作 (16)
- *あとで読む (25)
- *まとめ (4)
- *ネタ (3)
- *プログラミング (18)
- *仕事術 (3)
- 1981 (2)
- 2ch (169)
- @it (4)
- AI (2)
- Amazon Web Services (1)
- Apple (1)
- Athena (1)
- Aurora (3)
- AutoLayout (3)
- BaaS (1)
- Bedrock (1)
- Bloomberg (1)
- CMS (6)
- CNET Japan (20)
- Capistrano (2)
- CodeDeploy (2)
- CodeIgniter (1)
- DIY (1)
- EC2 (4)
- ER図 (5)
- Elasticsearch (2)
- Fargate (5)
- Finatext (3)
- Firebase (1)
- Google Tag Manager (1)
- HTML (7)
- HTML5 (5)
- Itamae (1)
- JPA (2)
- JWT (2)
- LLVM (1)
- Livlis (1)
- MMORPG (2)
- NAVER (3)
- NUMBER GIRL (2)
- OAuth2 (1)
- Objective-C (1)
- PGP (1)
- PHP (152)
- Photoshop (3)
- Play framework 2.2 (2)
- Pマーク (1)
- QuickSight (1)
- RDS (2)
- REST (3)
- ReactNative (2)
- Redash (1)
- RubyMine (1)
- SF (1)
- SNS (1)
- Scrum (1)
- SimpleXML (1)
- Slack (3)
- Sublime Text (1)
- Subversion (2)
- Swagger (1)
- TOEIC (2)
- Togetter (1)
- UML (1)
- UNIX (5)
- VMware (1)
- VSCode (1)
- Webpack (1)
- Webサーバ (1)
- Windows8 (1)
- YouTube (19)
- actionscript (15)
- active_admin (1)
- aerial (1)
- agile2008 (1)
- air (3)
- airflow (1)
- ajax (8)
- akka (2)
- amazon (9)
- android (67)
- angular.js (1)
- angularjs (5)
- angulerjs (1)
- anime (1)
- apache (4)
- api (24)
- aria (1)
- aws (55)
- aws-sdk-go (1)
- book (1)
- bootstrap (7)
- builder (1)
- cakephp (112)
- camera (1)
- centos (6)
- chef (2)
- chrome (3)
- clojure (1)
- cnet (6)
- coaching (1)
- codezine (2)
- coffeescript (2)
- comet (1)
- comic (2)
- command (1)
- compass (1)
- cookie (1)
- cookpad (1)
- crontab (1)
- css (25)
- dankogai (5)
- db (15)
- debug (1)
- deploy (1)
- design (1)
- devops (1)
- docker (7)
- docomo (1)
- dreamwaver (1)
- dynamodb (4)
- ec (1)
- eccube (2)
- eclipse (7)
- ecs (4)
- eks (3)
- excel (6)
- facebook (6)
- fastladder (1)
- ffmpeg (1)
- firefox (4)
- flash (14)
- flex (5)
- flutter (3)
- fon (3)
- framework (2)
- frocessing (1)
- gadget (1)
- gem (3)
- generator (1)
- gigazine (8)
- git (8)
- github (4)
- gitlab (1)
- gnupg (1)
- go (41)
- golang (6)
- google (55)
- googleappengine (4)
- grails (1)
- grpc (2)
- hadoop (4)
- heroku (4)
- higepon (1)
- http (3)
- hubot (1)
- illustrator (1)
- internet (1)
- ios (26)
- ios7 (1)
- iphone (4)
- ipod (1)
- irc (4)
- itmedia (4)
- itunes (1)
- it業界 (8)
- jane (1)
- java (24)
- javascript (160)
- joomla (4)
- jquery (75)
- json (4)
- keyboard (1)
- kindle (3)
- kinesis (2)
- kotoriko (3)
- kubernetes (3)
- lambda (6)
- libedoorブログ (1)
- linux (15)
- lithium (1)
- llfuture (2)
- mac (4)
- memcached (4)
- mhp2 (1)
- mhp2g (2)
- mhp3 (1)
- minecraft (2)
- mobile (1)
- movie (16)
- music (3)
- mvc (1)
- mysql (30)
- neta (1)
- network (1)
- node.js (3)
- oauth (2)
- online (1)
- openid (2)
- opensocial (2)
- openx (1)
- paginate (1)
- pdf (4)
- perl (2)
- phpcon2008 (2)
- play2 (2)
- playframework (1)
- plugin (1)
- postgres (1)
- programmer (1)
- progression (1)
- prototype.js (3)
- proxy (3)
- psp (5)
- pubsubhubbub (1)
- python (29)
- rails (63)
- react (7)
- react.js (8)
- rspec (2)
- ruby (56)
- ruby on rails (6)
- samba (1)
- sass (2)
- scala (4)
- science (1)
- seo (6)
- si (2)
- sidekiq (1)
- sier (15)
- smarty (5)
- snowboard (1)
- socket (1)
- sql (2)
- sqlインジェクション (1)
- star wars (1)
- swift (26)
- tcpip (1)
- testing (1)
- tips (3)
- titanium (3)
- trello (1)
- tutorial (2)
- tv (5)
- twitter (2)
- twitter bootstrap (2)
- ubuntu (3)
- uupaa.js (1)
- vagrant (2)
- veoh (2)
- vim (2)
- vue (6)
- vue.js (8)
- vuejs (1)
- web (18)
- webapi (3)
- websocket (1)
- webサービス (62)
- webデザイン (27)
- web制作 (42)
- wikipedia (2)
- windows7 (2)
- word (1)
- wordpress (22)
- xcode (1)
- xlink (1)
- xoops (10)
- xss (1)
- あとでよむ (1)
- あとで勉強 (5)
- あとで試さない (1)
- あとで試す (33)
- あとで読む (387)
- いつか試す (2)
- いつも忘れてしまう (2)
- おぼえておく (1)
- おみやげ (1)
- おもしろい (12)
- お役立ち (41)
- お笑い (1)
- お車 (4)
- かっこいい (1)
- これはこわい (2)
- これはすごい (26)
- これはひどい (17)
- これはエロい (3)
- これは便利 (3)
- これ欲しい (1)
- ご理解とご協力 (1)
- しらべもの (1)
- たからもの (1)
- たまに読み返す (1)
- ためしてガッテン (2)
- なんとなく (5)
- ひらばやしくん (1)
- まじめ (1)
- まつもとゆきひろ (1)
- まとめ (132)
- まとめただけ (5)
- まとめサイト (1)
- やる夫 (4)
- らばQ (2)
- アイドルのアルバム (6)
- アウトドア (1)
- アクセス解析 (4)
- アジャイル (6)
- アジャイル開発 (2)
- アニメ (30)
- アニメ声優 (6)
- アフィリエイト (4)
- アーキテクチャ (7)
- イベント (9)
- イラスト (3)
- インターネット (6)
- インテリア (9)
- イントラ (1)
- エンジニア (19)
- エヴァンゲリオン (10)
- カフェ (3)
- カレー (16)
- クラウド (3)
- ケーキ (2)
- ゲーム (13)
- コマンド (2)
- コメント欄 (2)
- コーヒー (3)
- サッカー (2)
- サラリーマン (2)
- サンプルコード (4)
- シェルスクリプト (5)
- システム開発 (3)
- ショッピング (3)
- ジェネレータ (2)
- スノーボード (4)
- スポーツ (3)
- セキュリティ (19)
- ソフトウェア (5)
- ソフトウェア開発 (3)
- タイ (2)
- ダイエット (5)
- チュートリアル (7)
- チューニング (3)
- ツール (5)
- テスト (2)
- ディレクション (2)
- デザイン (4)
- デザインパターン (4)
- デプロイ (4)
- データ分析 (2)
- トレーニング (2)
- ニコニコ動画 (14)
- ネタ (58)
- ネットワーク (3)
- ハッカー (2)
- ハワイ (2)
- パフォーマンス (3)
- ビジネス (34)
- フォント (3)
- フリー素材 (6)
- ブコメで学ぶシリーズ (6)
- ブコメも (3)
- ブログ (57)
- プログラマ (3)
- プログラミング (138)
- プログラム (11)
- ヘアケア (2)
- ベクター (2)
- ホルモン (4)
- マネジメント (16)
- マンガ (6)
- マーケティング (2)
- モデリング (3)
- ライフハック (11)
- ライブラリ (8)
- ラジオ (7)
- ラーメン (2)
- リファレンス (4)
- リンク集 (2)
- レアチーズケーキ (2)
- レシピ (66)
- レンタルサーバ (2)
- 不動産 (7)
- 世界 (4)
- 中野区 (7)
- 京都 (3)
- 仕事 (2)
- 仕事術 (6)
- 会社 (8)
- 住宅 (10)
- 便利 (2)
- 保険 (8)
- 信州 (2)
- 健康 (2)
- 写真 (19)
- 勉強 (7)
- 勉強法 (8)
- 動画 (10)
- 台湾 (2)
- 哲学 (7)
- 埼玉 (3)
- 増田 (23)
- 声優 (2)
- 夏帆 (5)
- 夫婦ネタ (11)
- 妻の許可 (9)
- 子供 (4)
- 子育て (47)
- 宗教 (2)
- 家具 (6)
- 小町 (3)
- 広告 (2)
- 建築 (2)
- 引越 (3)
- 引越し (2)
- 心理 (3)
- 思想 (5)
- 批評 (2)
- 携帯サイト (4)
- 携帯電話 (2)
- 教育 (2)
- 文字コード (8)
- 料理 (18)
- 旅 (2)
- 旅行 (19)
- 映画 (5)
- 書籍 (9)
- 本 (13)
- 欲しいかも (2)
- 正規表現 (10)
- 江島健太郎 (2)
- 洋楽 (3)
- 海外 (4)
- 狭小住宅 (2)
- 画像 (35)
- 痩せてやんよ (2)
- 社会 (33)
- 社会学 (5)
- 税金 (3)
- 管理 (2)
- 経済 (2)
- 統計 (3)
- 考え方 (10)
- 考察 (17)
- 育児 (2)
- 脳 (2)
- 自動車 (3)
- 英語 (59)
- 萌え (5)
- 行きたい (19)
- 要件定義 (4)
- 観てから読む (2)
- 解析 (3)
- 設計 (9)
- 読み物 (44)
- 読書 (6)
- 論理 (2)
- 負荷分散 (2)
- 資料 (3)
- 資格 (3)
- 軍隊 (10)
- 野球 (8)
- 鉄道 (10)
- 銀杏BOYZ (2)
- 開発 (25)
- 開発手法 (3)
- 電車で読む (13)
- 非モテ (4)
- 面接 (6)
- 音楽 (11)
- 食べ物 (4)
- 麻雀 (2)
- あとで読む (387)
- 2ch (169)
- javascript (160)
- PHP (152)
- プログラミング (138)
- まとめ (132)
- cakephp (112)
- jquery (75)
- android (67)
- レシピ (66)
sassに関するtsukamottのブックマーク (2)
-
tsukamott 2013/11/23
- sass
- css
リンク -
初めてSassとCompassを使った際に参考にした記事まとめ
しばらく前から気になっていたCSSを書く時に便利だという「Sass」と「Compass」を自分のサイトを作る時に使ってみました。 順番に導入の手順を追ってもいいのですが、検索すると多くのサイトが紹介していますので、私が見て参考にしたページをまとめておきたいと思います。 Sassとは まずSassとは何かと言うと、CSSを生成するためのメタ言語で、これを利用することでCSSを早く書けたり、記述が楽になったりします。 Sassの公式サイトは以下から。 Sass – Syntactically Awesome Stylesheets Compassとは Sassを拡張して、便利な機能を追加してくれるものです。ベンダープレフィックスを自動でつけてくれたり、リセットCSSを呼び出してくれたり、CSSスプライトを使えたりします。 Compassのドキュメントは以下から確認できます。 Compass H
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx