[B! CSS][HTML] chaconconのブックマーク

シンプルなHTMLで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワーク -new.css

シンプルなHTMLのみを使用して、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。シンプルなブログや自己紹介ページなどをさくっと作成したい時に便利で、CSSリセットとして利用するのもありかもしれません。 new.css new.css -GitHub new.cssの特徴 new.cssのデモ new.cssの使い方 new.cssの特徴 new.cssは、HTMLのみを使用してモダンなWebサイトを作成するためのclassレスのフレームワークです。HTMLの実用的なデフォルトのスタイルを活かし、美しく見えるようにスタイルされています。超軽量4.8KbのCSSフレームワーク。用意するのは、HTMLファイルのみ。マークダウンで生成されたHTMLのレンダリング。シンプルなブログや自己紹介ページに最適。 MITライセンスで、商用プロジェクト

chaconcon 2020/06/06

リンク

HTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir

シンプルなHTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリを紹介します。デスクトップではホバー時のエフェクトとして、スマホではフォーカス時のエフェクトとして適用されるので、どちらでも楽しめます。 Izmir Izmir -GitHub Izmirの特徴 Izmirのデモ Izmirの使い方 Izmirの特徴画像をホバーすると多彩なアニメーションを適用します。エフェクトを組み合わせることで、2000通り以上のエフェクトを使用可能。 20種類のボーダーエフェクト、9種類の画像エフェクト、12種類のテキストエフェクト。オーバーレイのスタイル、アニメーションの遅延、テキストのレイアウトなど、classも豊富。アクセシブル（デスクトップはホバー、スマホはフォーカス）。 2Kbの超軽量ライブラリ。実装・カスタマイズ用のドキュメント完備

chaconcon 2019/11/11

HTML
css

リンク

もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita

HTMLのテキストはPhotoshopのように融通が効かないから、デザイナーからの細かいお願いはだいたい断っている...なんてことありませんか？モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。「日本語、文字詰めできないかな？ほら、このカタカナとかキモい。。」「Webで文字詰めだと？無理なんだよあきらめな！」なんていう時代はもうとうに過ぎ去っています。OpenTypeのフォントであれば、日本語でもちゃんと文字詰めできるんです。 .class { -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } ↓こんなかんじで