[B! Sass] tanakaBoxのブックマーク

汚いcssを整形するWebアプリ「css2scss」でリファクタリングした際、「ヤバい」と感じた３つの機能と３つの点 - Qiita

あらまし別の業者が構築したという客先のホームページのcssが非常に読みづらく、誰も手が付けられてない状態でヤバい（compactの状態で約350行）。そこでリファクタリングをしようと思った際に、考えた。「どうせならsass/scss対応にした方が可読性も可用性も上がる！ヤバい！」 sass/scss → css は当たり前として、 css → sass/scss って出来るのかよ、と思い調べてみると、数個発見した。そのうちの１つ、今回ご紹介する「css2scss」が非常にエレガントだった。実際に使用して感激して落胆したポイントを、それぞれ３つに絞ってご紹介。 css2scss sass/scssについては、まずはアレなcssを突っ込んでみて挙動を確認して頂ければ幸い。また、下記のリファレンスが総括的で解りやすい。ご一読あれ。 Sass 3.2 オレオレリファレンスヤバいを連

tanakaBox 2015/02/12

Sass

リンク

Sass Guidelines

An opinionated styleguide for writing sane, maintainable and scala ble Sass. The Sass Guidelines project has been translated into several languages by generous contributors. Open the options panel to switch. About the authorMy name is Kitty Giraudel, I am a French front-end developer, based in Berlin (Germany) since 2015, currently working at Cofenster. I have been writing Sass for several years no

tanakaBox 2015/01/08

Sass

リンク

[CSS]最近のWeb制作でよく使う、Sassのmixinのまとめ

15 essential Sass mixins 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Sassやってみたい、と考えてる人には下記の本をオススメします。 Sassの初心者からもっと使いこなしたい人まで、Sassを確実にマスターできるオススメの本 -Sassの教科書 box-sizing（ボックスサイズ） opacity（不透明度） column-width（カラム幅） circle（円形） font-size（フォントサイズ） box-shadow（ボックスシャドウ） xPos（要素の座標） vertical-align（天地の中央に配置） flexbox（フレックスボックス） flex（モダンブラウザの旧仕様にも対応したflexの指定） flex-order（表示の順番） flex-direction（表示の方向） gra

tanakaBox 2014/11/18

Sass

リンク

W88 - Link Vào W88 Cá Cược Mới Nhất Tháng 1 9, 2026

🎁 Ưu đãi đặc biệt: Tặng ngay 200K miễn phí để trải nghiệm cá cược cho đăng ký mới trong tháng này. Vui lòng điền đúng số điện thoại khi đăng ký để được hỗ trợ nhận thưởng nhanh chóng. ⚠️ Cảnh báo: Hiện nay có nhiều trang web giả mạo nhà cái W88. Để đảm bảo an toàn, người chơi nên truy cập đúng link W88 chính thức được cung cấp tại W88. Quy trình đăng ký đúng tại W88 chính thức diễn ra như thế nào

tanakaBox 2014/05/16

ライブラリらしい。

Sass

リンク

Sassを極める！デザイナーがすぐ実践できる基本テクニック12連発 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。前回、これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応)というSassの基礎に関する記事を書かせていただきました。そこで今回は、もう一歩つっこんでもっと使いこなせるようになろう！という趣旨のもと、ちょっと使えるようになったからっていい気になっている僕がSassのテクニックやら関数をまとめてご紹介いたします！たくさんある機能の中から、今回は比較的簡単で実用性の高いものをチョイスしました。目指せSassマスター！WEBデザイナーもコーダーもすぐに実践したくなるSassの基本テクニック12連発もくじもくじテクニック1　アンパサンド（&）テクニック2　演算テクニック3　round() テクニック4　rgba() テクニック5　コメントアウトテクニック6　変数テ