タグ

2018年10月5日のブックマーク (2件)

  • echo.css : CSS framework optimized for CMS theming

    すべてのオブジェクトが、画面サイズに応じて適切に伸縮します。 「見出しだけ小さい」「ボタンだけ大きい」と悩むことはありません。 文字サイズなどの変化のパターンは役割ごとにグループ化。スタイルガイドの各ページに値が明記されているので、デザイナーとも簡単に共有できます。 複数カラムレイアウトでありがちな「ここでは伸縮してほしくない」にも対応しています。 echo.cssはグレースケールと2色のシステムカラーのみで構成しています。クリーンなウェブサイトづくりに最適です。 Sassを利用できる環境なら、日のウェブフォントサービスの大問題「font-weight: bold で太さを変えられない」も変数設定だけで解決します。 パッケージには、色とフォントのスタイルだけを抜き出した、上書き用CSSも含まれています。色を変えたり、クラスを増やすカスタマイズが簡単にできます。

    echo.css : CSS framework optimized for CMS theming
  • パララックスの実装におすすめのJavaScriptライブラリまとめ【2021年版】 | Web Design Trends

    Webデザインにおいて、定番テクニックの1つとして使われるのがパララックスです。パララックスはライブラリを使用することで手軽に導入することができ、Webサイトの印象を大きく変えることができます。 今回は、パララックスの実装におすすめのJavaScriptライブラリをご紹介します。 基的にVanilla JSで作られているで、依存関係など意識せずに利用することができます。 パララックス(Parallax)とは、英語で「視差」という意味で、Webサイトにおけるパララックスはスクロールなどの動きに合わせて要素が動くスピードをずらしたり、異なる動きを加える演出のことを指します。 数年前に大きく流行し、現在ではWebサイトの定番テクニックの1つとして定着しています。 パララックスをWebサイトに取り入れることによって、デザインに立体感や奥行きを生み出すことができ、また一味違った雰囲気のデザインを作

    パララックスの実装におすすめのJavaScriptライブラリまとめ【2021年版】 | Web Design Trends