これなら簡単で便利！最近見かけるCSSのさまざまなコンポーネントをコピペで利用できる -CodyHouse Framework | コリス

2019/06/20 125 users フレームワーク 単体 コリス HTML 各コンポーネント

HTMLとCSS、そしてJavaScriptで実装された最近のWebページやスマホアプリで見かけるさまざまなコンポーネントを簡単に利用できるフレームワークを紹介します。 各コンポーネントは単体でもHTMLとCSSのコピペで利用できるので、既存ページや他のフレームワークにも簡単に使うことができて便利です。 CodyHouse Framework ... 続きを読む

[JS]一昔前と比べて、かなり簡単に！ページの機能を紹介するツアーを実装できる超軽量スクリプト -Driver | コリス

2018/03/14 51 users driver jQuery コリス スクリプト 実装

ページ上の任意の要素を目立つようにハイライトさせたり、ページの機能を紹介するツアーを実装できるスクリプトを紹介します。 一昔前までのは実装が少し面倒だったり、jQueryなど他のスクリプトに依存していましたが、ここで紹介するのは実装が非常に簡単で、超軽量の4kb！ しかも依存は一切無し！ 既存ページにもすぐに利用できると思います。 Driver -GitHub Driverの特徴 Driverのデ... 続きを読む

Web制作者がチェックしておきたい、軽量で読み込みが速いCSSのフレームワークのまとめ | コリス

2018/02/15 89 users モックアップ コリス コンポーネント フレームワーク 軽量

Webページやアプリでよく利用されるレイアウトやコンポーネントが簡単に利用できるCSSベースのフレームワークを紹介します。新しいプロジェクトを始める時に、モックアップを作成する時に、既存ページを変更する時に、ぴったりです ...記事の続きを読む 続きを読む

Webページの表示が早くなる！既存ページのクリティカル レンダリング パスを最適化するオンラインツール | コリス

2017/09/08 94 users コリス クリティカル レンダリング 上部 テクニック

スタイルシートを外部ファイルで管理されている人が多いと思います。しかし、最近では上部のコンテンツを表示するためのスタイルシートをインラインで記述し、残りは後にロードさせ、ページの表示を早くしているサイトが増えてきました。 Googleなどでも積極的に採用されているテクニックです。 既存ページのクリティカル レンダリング パスを改善するためのスタイルシートを簡単に生成できるオンラインツールを紹介しま... 続きを読む