2022年3月8日のブックマーク (2件)

  • TailwindCSSを始めようとしている人へ

    TailwindCSSを始めようとしている人へ JSフレームワーク内でスタイルをどのように当てるべきかは,多く議論されるものであるが,そんな中でTailwindCSSが注目と人気を集めている様子である. それはそうと私はなかなか使うまで踏み出せなかったが,v3.0以降にようやく使ってみたので, 使い方をざっくり知りたい人 できることをざっくり知りたい人 TailwindCSSをエアプしたい人 に向けて個人的な所感と要点を書いていく. TailwindCSSをすごく簡単に classNameに特定のclassを指定することでStyleを当てていくCSSフレームワーク. 例えば,ここにあるように, bg-red-600とclassNameをつけることで,CSSのbackground-color: #dc2626;と同様のCSSプロパティを当てたことになる. 普段このように書くところを

    TailwindCSSを始めようとしている人へ
    ejointjp
    ejointjp 2022/03/08
    使ってみて分かったけどインラインスタイルともBootstrapともまったく違う(いい意味で)。コンポーネントベースとはとても相性がいいと思う。反面近年のWordPressとはすこぶる相性悪いと感じる。
  • 今なら使えるWebComponents|masuidrive

    Web Componentsは10年ほど前に提唱されたブラウザのコンポーネント技術の総称です。自分でタグを作ってHTMLを拡張していける技術なのですが、ブラウザの対応や仕様の確定などに時間がかかり、なかなか実用に至りませんでした。 私もずっと忘れていたのですが、React/Vueに疲れたなーと考えていたところ、ふと思い出し調べ直してみると、既に安定してProduction readyなのに情報が少なくすごくもったいなかったので、自分で調べつつ色々書き残すことにしてみました。 Web Componentsの誤解名前は聞いたことはあっても使ったことがある人はまだ少ないWeb Components。私も認識違いがありました。 UIコンポーネントを作る仕組みだから自分で作ることはないCSSをページをまたがって使い回すことがあるなら楽になります CSSで!important を書いてたらWebCom

    今なら使えるWebComponents|masuidrive
    ejointjp
    ejointjp 2022/03/08
    html / cssベースのしくみって、もはや時代(みんながやりたいこと)に合っていないし、まったく別のなにかに生まれ変わってほしいけど無理なのかな。