タグ

sassに関するkote2kote2のブックマーク (5)

  • 【速攻レビュー】よりモバイルフレンドリーになった「Twitter Bootstrap v4」

    【速攻レビュー】よりモバイルフレンドリーになった「Twitter Bootstrap v4」 佐川 夫美雄(Ashiras, inc.) Twitter Bootstrapバージョン4アルファ版が8月19日に公開されました。既にご存知の通りTwitter BootstrapはレスポンシブでモバイルファーストなCSSフレームワークです。さっとレスポンシブなサイトを構築するのに多くの方が利用しているのではないかと思います。この記事ではTwitter Bootstrapバージョン4の変更点について、筆者が「これは!」と思ったところをピックアップしてまとめます。 バージョン4の変更内容はGitHub上のissueで確認することができます。この中で筆者が注目している事項は LESSからSASSへの変更 アイコン(グラフィックアイコン)の削除 IE8のサポート終了とjQuery1系からjQuery2系

    【速攻レビュー】よりモバイルフレンドリーになった「Twitter Bootstrap v4」
  • 汚いcssを整形するWebアプリ「css2scss」でリファクタリングした際、「ヤバい」と感じた3つの機能と3つの点 - Qiita

    汚いcssを整形するWebアプリ「css2scss」でリファクタリングした際、「ヤバい」と感じた3つの機能と3つの点HTMLCSSSassscssCompass あらまし 別の業者が構築したという客先のホームページのcssが非常に読みづらく、 誰も手が付けられてない状態でヤバい(compactの状態で約350行)。 そこでリファクタリングをしようと思った際に、考えた。 「どうせならsass/scss対応にした方が可読性も可用性も上がる!ヤバい!」 sass/scsscss は当たり前として、 css → sass/scss って出来るのかよ、と思い調べてみると、数個発見した。 そのうちの1つ、今回ご紹介する「css2scss」が非常にエレガントだった。 実際に使用して感激して落胆したポイントを、それぞれ3つに絞ってご紹介。 css2scss sass/scssについては、まずはアレな

    汚いcssを整形するWebアプリ「css2scss」でリファクタリングした際、「ヤバい」と感じた3つの機能と3つの点 - Qiita
  • 2時間でSassを習得!Sass初心者向け講習スライド大公開! | WebNAUT

    ※この記事は2014年2月4日に執筆された記事です。現在は仕様が異なる可能性があります。 CSSを効率的に書ける言語として昨今話題のSass。 これから導入をお考えの方に向けて2時間でマスターできる初心者向けのSass講習スライドを公開致します。 普段CSSを書く人も書かない人もSassがどういうものかを知る良い機会ですので、是非ご覧ください。 スライドに沿って実践すればSassの基を短時間でマスターできます! この講習では目で見るよりも実際に触れる事で理解が深まるよう、実習スタイルを取っています。 実習に使うファイルセットはこちらからダウンロードして上記のスライドと合わせてお使いください。 https://webnaut.jp/download/markup_140204/sass.zip(3.5MB) Sassの良さを活かすためには、チーム全員がSassを理解することが大切 Sass

    2時間でSassを習得!Sass初心者向け講習スライド大公開! | WebNAUT
    kote2kote2
    kote2kote2 2014/06/18
    もめ
  • SassとCompassを導入してから、変わったここと。変わらなかったこと。

    先日@mah_labと下北沢OSSカフェにて開催したSass+Compass勉強会の前後から、個人的な新規制作物は全てSass+Compass環境での制作に切り替えました。 実際にはSassではなく、Scssでの導入を行なっていますが、実際使ってみて、運用してみての所感をまとめてみたいと思います! 制作環境・手順の変化 メインエディタが元々Coda2であったことから、Coda2内蔵コンソールを使用して自動監視で制作しています。 所謂「黒い画面」に対しては、アレルギーこそないものの、苦手意識を持っている部分もあり、不安な部分もありましたが、その日の作業開始時に compass watch を入力するだけなので、特に難しくもなく使えています。 それでも不安な人は、プロジェクト立ち上げの際にシェルスクリプトを作り、ダブルクリックで起動できるようにしても良いかもしれませんね。 シェルスクリプトの例

    SassとCompassを導入してから、変わったここと。変わらなかったこと。
    kote2kote2
    kote2kote2 2014/06/18
    めも
  • Sass + Compass を使って、効率良く css をコーディングしよう! | SONICMOOV LAB

    皆さまお久しぶりでございます。 ラーメン女子のうさこです。 会社に入ってもうすぐ1年が経とうとしています。 早いですね・・・色々ありましたが当にあっという間でした(遠い目 今年も残りわずか 26 日ですよ・・・っ 皆さま、やり残したことはありませんか?・・・わたしはいっぱいあります。 最近はラーメンべる機会が徐々に減ってきています。 ちょっとは体に気をつけなきゃいけないお年頃に・・・。 前回の記事「Sublime Text 2 を使ってみよう(コーダー編)」が大変好評だったので、今回はそれに関連付けた記事とさせていただきますっ こちらの記事は、CSS はある程度書けるんだぜッ!という方を対象としています! CSS をこれから勉強するつもりである方は、ある程度習得してからトライしてみてください! 昔の恩師からよく言われていました・・・Step by Step です! 目次 Sass の

    Sass + Compass を使って、効率良く css をコーディングしよう! | SONICMOOV LAB
  • 1