タグ

sassに関するhiro14akiのブックマーク (7)

  • Sass: LibSass is Deprecated

    After much discussion among the Sass core team, we’ve come to the conclusion that it’s time to officially declare that LibSass and the packages built on top of it, including Node Sass, are deprecated. For several years now, it’s been clear that there’s simply not enough engineering bandwidth behind LibSass to keep it up-to-date with the latest developments in the Sass language (for example, the mo

  • Media QueryとSassの効率的な書き方 短縮バージョン - Qiita

    Sassを使って、Media Queryを書くときに、いろいろ気をつけることまとめ。 ↓この記事を元に自分用まとめです。 https://qiita.com/kyaido/items/828906ffa7198e99d0b7 mixinの引数を短くするといろいろ書きやすい。 元記事は、変数を引数にしてましたが、ブレークポイントごとにmixinを作って引数使わない方が取り回ししやすいかと。 $breakpoint: 768px; $breakpoint-md: 960px; @mixin mq { @media screen and (max-width: $breakpoint) { @content; } } @mixin mq-md { @media screen and (max-width: $breakpoint-md) { @content; } } @include mq {

    Media QueryとSassの効率的な書き方 短縮バージョン - Qiita
    hiro14aki
    hiro14aki 2020/01/12
    mixin の書き方
  • Sassの新しいモジュールシステム

    Sassに新しいモジュールシステムが導入されます。具体的には@useと@forwardという2つのルールが登場し、@importルールは将来的に廃止される予定です。現在、Sassのおもな実装としてDart SassとLibSassがありますが、まずDart Sassへの実装が進んでいて、今年10月に安定版がリリースされる予定です。この新しいモジュールシステムを簡単に紹介したいと思います。 なお、ここで言うSassの「モジュール」とは、メンバー(変数、関数、ミックスイン)のコレクションを指し、具体的にはSassのソースファイルのことです。 背景 新しいモジュールシステムが開発された背景として、@importルールがかかえる多くの問題があります。ファイルスコープがないため依存モジュールの把握が困難になったり、名前空間を持たないためにライブラリの作者と利用者が命名を工夫しないといけなかったり、と

    Sassの新しいモジュールシステム
  • 個人的フロントエンド開発環境2017 - Qiita

    2017年版、オレオレフロントエンド開発環境です。 前提条件 ここでいうフロントエンド開発とは、ペライチ、もしくは数ページから数十ページのWebサイトのこと サーバサイドとやりとりなどはあまりなく、ランディングページやキャンペーンサイト、コーポレートサイトをよく実装する 構成 まず、ざっくりと構成です。 HTMLはEJSで書いてコンパイル CSSはSass(SCSS記法)で書いてコンパイル MixinライブラリはBourbon JSはES2015で書いてBabelでコンパイル Browserifyでバンドルする タスクランナーはGulp パッケージマネージャはnpm 省略記法に疲れた つい最近まで、HTMLはPug(Jade)で、CSSはStylusで書いてました。省略記法で書ける楽でのええわ〜、省略記法で書いてる俺カッコいい!と思ってましたが、なんだかだんだん疲れてきた。 JadeとSt

    個人的フロントエンド開発環境2017 - Qiita
  • รูเล็ต ทดลองเล่นรูเล็ต เว็บพนันออนไลน์ อันดับ 1 เครดิตฟรีกดรับเอง

    7 คาสิโนออนไลน์ ชั้นนำที่ดีเยี่ยมที่สุด Ichimaruni-design คาสิโนออนไลน์ ขอชี้แนะ 6 เว็บเดิมพันออนไลน์ชั้นหนึ่ง ที่มีครบทุกสิ่งที่มีความต้องการ ไม่ว่าจะเป็น คาสิโนออนไลน์ บาคาร่าออนไลน์ ไพ่โป๊กเกอร์ออนไลน์ พร้อมรับโปรโปรชันเครดิตฟรีที่แจกให้แบบจุใจ เว็บไซต์ตรงไม่ผ่าเอเย่นต์ เล่นง่าย ได้เครดิตฟรี ๆ ไปเลย UFABET เครดิตฟรี ไม่รับมิได้แล้ว กับโปรเด็ด โบนัสปัง UFABET เครดิตฟรี สิ่งดีๆที่เรามีให้เฉพาะสมา

    รูเล็ต ทดลองเล่นรูเล็ต เว็บพนันออนไลน์ อันดับ 1 เครดิตฟรีกดรับเอง
  • 社内Sass勉強会を開催しました

    こんにちは、クレイの亀井です。もうすっかり秋ですね!コンビニやケーキ屋さんに芋栗南瓜のスイーツがもりだくさんでテンション上がりっぱなしです さて題に入ります。先日9月30日にクレイ社内で Sass 勉強会を開催し、CSS 設計について発表しました。そのことについて今回はブログに書こうと思います。 開催することになった経緯 数ヶ月前から社員のキャリアアップのため、『クレイ社員補完計画』が開始しました。週に4時間まで自分の好きなことを勉強する時間をとれ、2ヶ月に一度ブログや勉強会などの場で成果を発表します。 私ははじめ別のテーマにしていたのですが、いまいちモチベーションが上がらず、相談した結果 Sass をテーマに勉強会を開催することになりました。 社会人になってから2年半、スライドを制作して発表をするという経験がなかったのですが、いつか外部の勉強会で LT などしてみたいと思っていたためい

    社内Sass勉強会を開催しました
  • Blog - LINE ENGINEERING

    As of October 1, 2023, LINE has been rebranded as LY Corporation. Visit the new blog of LY Corporation here: LY Corporation Tech Blog

  • 1