[B! CSS][ライブラリ] mimosafaのブックマーク

mimosafa id:mimosafa

CSSとライブラリに関するmimosafaのブックマーク (3)

Utility First な CSS in JS フレームワークの導入と３ライブラリの比較 - JX通信社エンジニアブログ
JX 通信社のフロントエンドでは React TypeScript や Emotion のような CSS in JS を技術選定することが多いです。弊社 SaaS の FASTALERT、新型コロナ関連情報などでも同様の技術選定で、過去にもエンジニアブログで紹介してきました。 tech.jxpress.net tech.jxpress.net 今日は、Emotion の活用の極地「Utility First な CSS in JS フレームワーク」についてご紹介します。 Emotion で開発する悩み素の Emotion や類似の CSS in JS ライブラリでは、 1 つの TS/JS ファイル内に CSS を書くような感じでスタイル設定を行っていきます*1。CSS in JS ライブラリに概ね共通しているのが、 styled.タグ名でスタイリングすることです。 const Tit
mimosafa 2021/06/04
あとで読む

react

css

ライブラリ

ui
リンク
【保存版】CSS3アニメーションを簡単に利用できるライブラリのまとめ
ボタンやロゴ、画像などのホバー時にCSSアニメーションを加えたり、Appleのプロダクトページのようにスクロールに合わせてアニメーションで要素を表示させたり、キーフレームを使ったアニメーションを作成したりなど、CSS3アニメーションを簡単に利用できるライブラリを紹介します。 CSS3アニメーション好きの人は、デモを見ているだけで楽しくなれます。
mimosafa 2014/02/28
css

css3

アニメーション

まとめ

animation

ライブラリ
リンク
Yahooが作ったピュアCSSのUIライブラリ「Pure」:phpspot開発日誌
Pure Yahooが作ったピュアCSSのUIライブラリ「Pure」グリッド、フォーム、ボタン、テーブル、メニュー等を実現するCSSモジュールです。なんとなくBootstrapっぽい感じがしますが、JavaScriptレスというのが特徴なんでしょうか。今時JavaScriptは普通に動くでしょ、という方もいるかもしれませんが、CSSのみなので5.7KBという軽量さがアドバンテージになるのかもしれませんね。レスポンシブサイトをつくる際にも使えるということで、選択肢の１つとして評価検証してみてもよいのかも。関連エントリレスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」範囲指定が可能になるUI実装jQueryプラグイン「noUiSlider」フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「Fla
mimosafa 2013/06/04
ライブラリ

UI

css

framework

yahoo
リンク
1