HTML5/CSS3/JS便利ツール_html/css_WEB-ITnose

HTML5 により、デザイナーや開発者はさまざまな分野でこれまでよりも強力になります。高速、美しく、安全で、応答性の高いこれらの機能により、デザイナーや開発者は、より強力で創造的で、より高速で高性能なアプリや Web ページを作成できます。したがって、次に推奨するツールは、これらの問題を解決するのに役立ちます。

シンプルな応答チャート – CHARTIST.JS

Chartist.js は、チャートのような JS ライブラリに対するコミュニティの失望から生まれました。何百もの異なるライブラリから選択できますが、それらを使用すると、常に予期しない問題が発生し、常に調整する必要があります。

デモのダウンロード

FSVS – 全画面垂直スライダー

これは、jQuery と CSS3 を使用して作成されたシンプルな全画面垂直スライダー コンポーネントであり、サポートされています。マウス ブレンド、タップ アンド ドラッグ、およびタッチ ジェスチャ。

デモ

Nikolay Talanoy が設計した全画面スライダー コントロール

コンポーネント自体のデザインは素晴らしく、さらに重要なのは、素敵なアニメーション効果。

デモ

Cody House がデザインした大きな画像スライダー コントロール

これは、画面全体にわたる応答性が高く、カスタマイズが簡単なスライダー コントロールです。

デモ

Elevator.js

Elevator.js は、古いスタイルの「トップに戻る」ボタンの効果を修正します。この詳細が気になる場合は、デザイン的にはこれを試してみてもいいかもしれません。

デモのダウンロード

純粋な CSS アンケート コンセプト (ホバー項目)

デモのダウンロード

修正された背景効果

これは、background-attachment CSS プロパティを最大限に活用して固定背景効果を作成する優れたテンプレートです。

デモのダウンロード

SVG を使用してぼかし効果を作成します

これは、HTML 要素で JS および SVG ぼかしフィルターを使用する方法を説明するチュートリアルですぼかし効果を作成します。

デモのダウンロード

3D 折りたたみパネル

jQuery と CSS を使用して、二次コンテンツを非表示にする折りたたみコントロール パネルの効果を作成します。

デモのダウンロード

円形ポップアップ ナビゲーション メニュー

SASS と CSS3 を使用してトランジションと変形のアニメーション効果を作成し、チャートをクリックしてポップしますその他のオプション。

デモのダウンロード

ログイン ボックスのコンセプト デザイン

デモのダウンロード

インタラクティブなドラッグ アンド ドロップ カラーのコンセプト デザイン

これは非常に楽しいプラグインです。Web サイトのモックアップで作業しているときに、カラーレッグを対応する場所にドラッグするだけで色付けが可能です。

デモのダウンロード

Youshe.com から転載されており、著作権はオリジナルの作者に属します。

元のアドレス: graphicdesignjunction 翻訳者: @陈子木