タグ

2018年8月7日のブックマーク (2件)

  • [JS]実装が簡単で、操作も快適!スクロールに対応したコンテンツを実装できる超軽量ライブラリ -SimpleBar

    スクロールバーをカスタマイズしてコンテンツを設置できるJavaScriptのほとんどは、スクロールの挙動が独自だったりします。ブラウザのネイティブのスクロール操作を使用し、快適に動作するコンテンツを実装できるライブラリを紹介します。 5kBの超軽量で、他スクリプトの依存はありません。また、IE9+対応なのも安心ですね。 デフォルトのスクロールバーをカスタマイズ 同系統のスクリプトの多くはJavaScriptでスクロールバーを模倣しますが、当スクリプトはデフォルトのスクロールバーを使用するので、パフォーマンスを損なうことはありません。 スクロールバーのデザイン スクロールバーはCSSでスタイルを簡単に変更できます。 5kBの超軽量スクリプト 他のスクリプトの依存はなく、超軽量の単体で動作するスクリプトです。 ネイティブのスクロール スクロール操作にJavaScriptは使用せず、ネイティブの

    [JS]実装が簡単で、操作も快適!スクロールに対応したコンテンツを実装できる超軽量ライブラリ -SimpleBar
    coliss
    coliss 2018/08/07
    divにdata属性を加えるだけの簡単実装。5kBの超軽量、他スクリプトの依存はなし。
  • コードが非常に見やすくて、使いやすい!Visual Studio Codeでお勧めのテーマファイル -Code Blue

    目に優しいブルーの背景に、コードは明るいカラーで非常に見やすいVisual Studio Codeのテーマファイルを紹介します。一般的な言語はすべてサポートされており、HTML, CSS, JavaScriptをはじめ、Markdownも見やすいテーマです。 Code Blue Code Blue -GitHub Visual Studio Codeのテーマ: Code Blue Code Blueのインストール、テーマの変更方法 テーマをもっといろいろ見てみたい人には、先日の記事もお勧めします。 Visual Studio Codeで見やすいテーマファイルのまとめ Visual Studio Codeのテーマ: Code Blue 各言語でどのように見えるかチェックしてみましょう。 画像は縮小していますが、コードが見やすいのが分かると思います。

    コードが非常に見やすくて、使いやすい!Visual Studio Codeでお勧めのテーマファイル -Code Blue
    coliss
    coliss 2018/08/07
    ブルーの背景に、コードは明るいカラーで非常に見やすいVS Codeのテーマファイル