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

cloudflare の better micro frontend を読む

これはなにか cloudflare スタックを使ったマイクロフロントエンドの提案。特に service-binding を活用することで異なるサービス(ここでは cloudflare worker)から配信されるフロントエンドを統一的にSSRしつつ、開発単位を分離している。 RTT最適化のために qwik で書かれているが、SSR を意識しなければ他のライブラリを採用しても良い。 $ tree . -I node_modules . ├── README.md ├── body │ ├── package.json │ ├── public │ │ └── favicon.ico │ ├── src │ │ ├── Body.css │ │ ├── entry.ssr.tsx │ │ └── root.tsx │ ├── tsconfig.json │ ├── vite.config.t

pcrd 2023/05/12

リンク

www.d4af.com - www.d4af.com

pcrd 2022/06/23

hugo
scss

リンク

stylelintの導入とVS Codeの設定の方法 - Qiita

概要 stylelint1とはCSSのためのLintです。Lintとは「コンパイラではチェックされない、バグの要因となりそうなソースコードの記述に対し、警告を行う静的解析処理」2のことで、こうした処理によって、「コードを実行する前に明らかなバグを見つけたり、括弧やスペースの使い方などのスタイルを統一したりするのに役立ち」3ます。 CSSは素のままだとエラーを吐かず、どこに原因があるのかを探すのに苦労しますが、stylelintを使うことで基本的な構文エラーやスタイルの重複、タイポなどがあると、エラーを検出し、どこのファイルの何行目に問題があるのか教えてくれます。一部の書式に関する規則に対しては自動的に修正することもできます。設定できるルールは170以上あり、柔軟にカスタマイズできます4。また、GitHub5などでも使われ、CSSだけではなく、SCSSやSass、Reactのstyled c

pcrd 2022/06/22

リンク

【これからScssを使う人へ】Scssの使い方と便利さをさらっと紹介するぞ - Qiita

この記事は普段CSSでコーディングしているけど、 Scssも便利らしいし勉強しなきゃなあと思ってる人向けの記事だよ！！わたしも初めからScssを使ってたわけではないので、使ってみるまでいまいち便利さがわからなかったんだが、今はもう逆にCSSでどうやって書いてたかよく覚えてないぞ・・・(´-ω-｀)うぬぅ Scssって何？ Sass は Syntactically Awesome Style Sheets (構文的に素晴らしいスタイルシート) の略で、CSSを便利に使えるように拡張した言語です。 -SASS (scss) の基本的な使い方/Web Design Leaves CSSとだいたい一緒だけど、色々できてめちゃ便利になったのがSassって感じだな。あれ？Sass？Scssじゃないの？ SassとScssはだいたい一緒だけど、ちょっと違う。で、CSSから入ってるひとなら絶対S

pcrd 2022/06/22

scss

リンク

よりよいCSSを書くための、CSS / Sass (SCSS) 30のルールとその理由

Webエンジニアを始めて丸2年が経ちました。複数プロジェクトを進める中で、CSSコーディングを行うときの「こうしておくと便利」「このほうが管理しやすい」といった知見が溜まってきたのでまとめます。はじめに長くなってしまった細かい説明はところどころ折りたたんでいます。概要だけで理解できたら飛ばしていただき、詳しい話が気になったら開いて読んでください。これらは「自分がよく取り入れている手法」であって、必ずしもどのプロジェクトにも当てはまるものではないと思います。各項目について、自分がその判断に至った「理由」を説明していますので、理由を読んだ上で自分のプロジェクトに取り入れるか判断いただくと良いと思います。この記事は、すでにCSSコーディングをしていてアイデアがほしい人に向けた記事で、 CSSをこれから学び始めるような初学者向けではないことご了承ください。一般的と思われるキ