SassというCSSコーディングを身につけよう!in Coda2!!超簡単な僕のSass覚書。
半年ほど前から良く話題になるSassとかLessとかってなんだろうなーって思いつつめんどくさそうだからこの手の記事は回避していました。 ですが、いつものようにTwitterでつぶやいていたらSassかなり良いよって言われて 「へーそうなんだ〜」と興味を持ち始めて 少しずつですが記事を読みあさりながらSassってこうゆう感じなんだーっていうのが掴みかけてきたので記事にしたいと思います。 Coda2で検索して来た方へ この記事ではCoda2の事についてあまり触れていません。ですが、こちらの記事でがっつりcoda2の魅力を語っていますので是非ご覧になって下さい。 参考記事：Coda2の使い方をマスター出来るチュートリアル[完全版] Sassってなーに? CSSを拡張しよう!っていう感じのメタ言語らしいです!サスって読むらしいです。なんだか僕的にはいい響き!「ググる」とかと似ているかも。「Sass
新しいMac環境を手に入れた時に、はじめにやっておきたいこと(※Time Machine未使用)｜男子ハック
Macハードウェア新しいMac環境を手に入れた時に、はじめにやっておきたいこと(※Time Machine未使用)2013年6月25日461 MacBook Air (Mid2013)を購入しました。Time Machineなるものを使えば、旧Macと全く同じ環境を新Macにコピー出来るのですが、まっさらな状態から新しく環境を作るほうが好きなので、イチから設定をいじりました。 「CapsLock」君の除名リンゴマーク > システム環境設定 > キーボード > 装飾キー > Cap Lockキー > 「Command」に変更 いちばん最初にやっています。「CapsLock」君は使えないので、一番左下の一等地は優秀な「Command」君に譲ります。装飾キーで最も利用するのがCommandだと思うのですが、デフォルト位置だとどうしても誤操作してしまいがちなので、僕はいつもこの設定です。 ないと困
【CSS】擬似クラスの:(hoge)-child系と:(hoge)-type系の違いをここいらでしっかり覚えておこうか。 | バシャログ。
対象になるグループの範囲は？ :(hoge)-child系、:(hoge)-type系のいずれもグループ内での順番を判定します。 その対象となるグループは、同じ階層に並んでいるひと続きの要素群となります。 図にするとこのような感じ。 直属の親要素が異なると、別グループになります。 また、グループ内の要素の種類は一種類に限りません。 「:(hoge)-child」は並び順→要素、「:(hoge)-type」は要素→並び順 ポイントはここ。 :(hoge)-child系と:(hoge)-type系では、並び順と要素の判定順が逆になります。 :(hoge)-child系はまず並び順を見て、次にそれが要素と一致するかを見ます。 :(hoge)-type系は指定の要素だけにしぼって、その上で並び順を見ます。 最後のdt、1つ目のddにスタイルがあたらなくて困った場合、 dt:last-child {
[Web]Sass（Scss）+ Compassのテンプレートファイルを作成したので晒してみる
CSSを記述するために開発されたメタ言語、Sass（Scss）+ Compassを覚えてからかなりコーディングが楽になってきた今日この頃。 「Sublime Text」にCompassとSassを導入して以来それはそれはその恩恵をありがたく享受しているわけなんですが、ここいらでそろそろ新しいサイト作成用のテンプレートを作っておこう！と思い立ち、Sass + Compass（とそれに付属するファイル）のテンプレファイルを作成いたしました。 テンプレートファイルの構成 テンプレートファイルは↑こんな感じです。（以下「Sass（Scss）」と毎回書くのも面倒なのでScssで統一します。） ファイルは _vars.scss _common.scss _util.scss _layout.scss _main.scss style.scss で構成されています。 この構成は主にhail2u.netさ
![[Web]Sass（Scss）+ Compassのテンプレートファイルを作成したので晒してみる](https://cdn-ak-scissors.b.st-hatena.com/image/square/6bff8a3529a2aad8042452490c6f368062c5bb83/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F130523_sass_top.jpg)
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
14歳が生み出すミニチュア世界のフォト加工アート | ROOMIE（ルーミー）
14歳ですって。このフォトアートを制作したの。 二枚のフォトを合成加工して見事な作品が出来ています。 作成したのは、8歳からフォトショップを使い始め、フォト加工技術を身に着けたZev Hooverくん。 自分や家族をモデルに写真を撮り、それを加工してミニチュア・ワールドを創作しています。その世界観たるや、とても14歳とは思えないほどの技術力と非凡な感性が光ります。 小学生の頃からフォトショップを扱えるというだけでも凄いのに、それを駆使して見事なアートとして作品に仕上がっているというのが素晴らしいですよね。自分が14歳だった頃、はて、何してたんだろう…。 使えるツールの幅が広がり、年齢層も広がり、新たな才能がこうして芽生えるのはとて素晴らしいこと。 夢や空想の世界をテクノロジーの力で写実的に作り出してしまえるというのは、まさに21世紀といったところでしょうか。 どことなくメランコリックな表現
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
【画像】「花火」に長い間ピントを何度も合わせて撮ると…？（12枚）
zev
http://www.roomie.jp/wp-content/uploads/2013/07/130706zev06.jpg
http://www.roomie.jp/wp-content/uploads/2013/07/130706zev05.jpg
http://www.roomie.jp/wp-content/uploads/2013/07/130706zev04.jpg
http://www.roomie.jp/wp-content/uploads/2013/07/130706zev03.jpg
http://www.roomie.jp/wp-content/uploads/2013/07/130706zev02.jpg
