[B! SCSS] Koozzのブックマーク

Koozz id:Koozz

SCSSに関するKoozzのブックマーク (3)

[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さ
Koozz 2013/05/26
web制作

color

SCSS

OZPA
リンク
howtohp.com - howtohp リソースおよび情報
Get a new domain registered at NameSilo.com. Find out who owns any domain name with the WHOIS tool. This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Koozz 2013/05/26
SCSS

インストール

Web

css3
リンク
CSS3アニメーションをらく～に実装！オンラインツール7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。最近の流行は「トシムリン」です。あぁ次こそ生で見たい・・・。 CSS3でアニメーションを作成するとコードが肥大化して複雑になるため、ライブラリやオンラインツールを使用して作成している方も多いと思います。簡単なアニメーションで言えば、「transition」でボタンのマウスオーバーに背景色をアニメーションさせたり、画像をフェードさせたり拡大・縮小させたり・・・などなど。「animation」を使えばさらにできることが広がるのですが、まだまだwebkitブラウザ以外では正常に動作しないのが難点です。今回は、CSS3アニメーションを一瞬で設定できちゃうオンラインツールをまとめて紹介します。もう知っている人もたくさんいるとは思いますが、まだ使ったことのない方はぜひ一度試してみてください。 CSS3アニメーションを実装！オンラインツール7選 Animate
Koozz 2013/05/22
css3

まとめ

css

アニメーション

jquery

design

【ﾁｭｰﾄ】CSS

html5

SCSS

easing
リンク
1