Atomでsassを使いたいと思ったのでその方法をまとめました。 - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
sass-loader で dart-sass を使う - Qiita
モチベーション node-sass 、結構イライラポイントが多くて、代替手段があるなら乗り換えたいなあなんて思ってたところに dart-sass がナウでヤングだぜみたいな話を小耳に挟んだので、使ってみることにした。 ちなみに node-sass に感じていたイライラポイントは、以下の通り。 インストールが遅い Node.js のバージョンが上がりたてのとき、だいたいインストールで死ぬ dart-sass がナウでヤングな理由については、 Feature Watch: CSS Imports and CSS Compatibility とかを読んで欲しい。 要約すると、LibSass や Ruby Sass に搭載されていない機能が、先行的に積まれてるみたいなことらしい。( プレーンな CSS のインポートをサポートするとかなんとか) モチベとしては、「 node-sass でコケたときに
css(scss)のみで簡単なフェードスライダー - Qiita
フェードスライダーを使いたいけどjsを使うまでもないなって時に See the Pen only css fade slider by kazuto (@kzt) on CodePen. 解説 cssアニメーションではディレイを含めたループができないので 表示されていない時間も含めたアニメーションの時間を計算しています。 $slide: 6; //スライド数 $slider-active-time: 8; //スライダーの表示時間(秒) $slider-duration: 1; //スライダーの表示切り替え時間(秒) $slider-time: (($slider-active-time + $slider-duration) * $slide); //アニメーションの時間
作業アウトプット - Ruby on Rails Fri /Jury/ 9th - Qiita
Ruby,Rails初学者の私が今日悩んだ点、最近分かったことなど知識をまとめています 目的: 自己理解 情報共有 情報整理 トピックス ログイン、ログアウト時のviewの実装 toggleを使用した要素の表示、非表示の実装 ログイン、ログアウト時のviewの実装 deviseでログイン機能が実装されており、ログインボタンを押すとログインボタンがユーザのアイコンになる仕様になる。 作業の過程 まずは取り掛かり安さでユーザアイコン用のhaml,scssを実装(ファイルは新しく作らず、ログイン機能ボタンのあるviewファイル内で作業をし、コメントアウトなどを活用しいつでも戻せる状態を保ちました。) ユーザがログインしていない時はunless user_signed_in?をログインボタンの直前に実装、ログインしているときはif user_signed_in?を実装した。 toggleを使用した
マークアップのアルバイトをしていたときのメモ - Qiita
フロントエンドのアルバイトをしていたときのメモ 大学生の頃git,scss(compass),atomとか使ってフロントエンド書いていたときのメモ compassあたりはもう使っている人はいないかな？ git checkout git checkout css：cssの変更を破棄する git checkout .：全ての変更を破棄する git checkout -：直前のブランチに戻る 他のブランチのファイルを取り込む git checkout ブランチ名 ファイルパス 例） git checkout \#200_hoge_redesign scss/hoge.scss diff git diff --name-only：一行のみ変更点を表示 git diff -- ファイルパス：ファイルの変更を確認 その他 log git log --oneline：一行のみログの表示 amend 直前
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vue.jsで@materialのscssをimportするだけで消耗した話 - Qiita
クラス名に任意の数字を記入し、プロパティの値として扱う[HTML.CSS] - Qiita![クラス名に任意の数字を記入し、プロパティの値として扱う[HTML.CSS] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/101110e96da707ae082484f8522d4e9498520b13/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjczNjU4JTJGcHJvZmlsZS1pbWFnZXMlMkYxNjAzMjgwOTMwP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1lNWMyNDZhMGZhYmJiNDdmZWRhZDY5OGMwN2FmYjQ4OA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D380e80a1f710140f6b102c48d98d6969%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgyJUFGJUUzJTgzJUE5JUUzJTgyJUI5JUU1JTkwJThEJUUzJTgxJUFCJUU0JUJCJUJCJUU2JTg0JThGJUUzJTgxJUFFJUU2JTk1JUIwJUU1JUFEJTk3JUUzJTgyJTkyJUU4JUE4JTk4JUU1JTg1JUE1JUUzJTgxJTk3JUUzJTgwJTgxJUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgzJTkxJUUzJTgzJTg2JUUzJTgyJUEzJUUzJTgxJUFFJUU1JTgwJUE0JUUzJTgxJUE4JUUzJTgxJTk3JUUzJTgxJUE2JUU2JTg5JUIxJUUzJTgxJTg2JTVCSFRNTC5DU1MlNUQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1kNWYwZjc0Mzc2M2NiNGUwOTRlNzRiNGE3NDBhNzVhNw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBSaW5UX1QmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1mZTgyZGM0YTYzOTIzZDQwMTM4NWZjMGJiNjQ1OTM4Nw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D6cac97137555a6f1a033105bf415d37e)
VS Code で Prettier と Stylelint を連携して CSS/SCSS ファイル保存時にオートフォーマットをかける - Qiita
Sass(SCSS) で CSSハックを使う方法 - Qiita
StyleLintの導入手順まとめ - Qiita
Sassのコメントメモ - Qiita
SCSS で RGB 値を計算して返す - Qiita
ulの左端を揃えたまま中央寄せする - Qiita
bootstrapを使っているサービスでCSSで画面の一部をスクロールさせる - Qiita
VSCodeでscssの自動ビルド環境を作る - Qiita
Bootstrap 4でcarouselのindicatorを丸くする方法 - Qiita
.vueの中でscss記述をする設定メモ - Qiita
RailsでスマホとPCヘッダーを分ける方法 - Qiita
GoogleCroudPlatformのCentOS7にSass入れた時にハマったポイント - Qiita
Travis-CIでsass+compassでCSS生成を自動化 - Qiita