タグ スクリプト初心者
人気順 10 users 50 users 100 users 500 users 1000 users[JS]スクリプト初心者でも簡単!レスポンシブ対応のナビゲーションやコンテンツを横から表示するスクリプト -Slidebars | コリス
最近よく見かけるトレンドの一つ「Off Canvas」、コンテンツの横からナビゲーションやコンテンツをアニメーションでスライド表示するjQueryのプラグインを紹介します。 デモページ:幅780pxで表示 Slidebarsの使い方 Step 1: 外部ファイル 当スタイルシートをhead内に、jquery.jsと当スクリプトを</body>の上に記述します。 <head> ... <link r... 続きを読む
[JS]斜めのグリッドを使った美しいレイアウトを簡単に実装できるスクリプト -diamond.js | コリス
スタイルシートやスクリプト初心者でも簡単! 斜めのグリッドを使った美しいダイアモンド状のレイアウトを実装できるjQueryのプラグインを紹介します。 diamonds.js- GitHub diamonds.jsのデモ diamonds.jsの使い方 diamonds.jsのデモ デモではFlickrの画像をダイアモンド状にカットし、斜めのグリッドで配置しています。 デモページ デモはスクリプトの... 続きを読む
[JS]スクリプト初心者でも簡単!ユーザーの訪問状況ごとにコンテンツを変更するスクリプト -Aware.js | コリス
サイトに初めて来たユーザーには使い方を表示、リピーターには更新されたコンテンツを目立つように表示、などのようにユーザーの状況に応じてコンテンツをカスタマイズしたり、レイアウト変更ができるjQueryのプラグインを紹介します。 「ここまで読みましたね」マークをつけることもできます。 Aware.js Aware.js -GitHub Aware.jsのデモ Aware.jsの使い方 Aware.js... 続きを読む
スクリプト初心者でも簡単にパララックスのエフェクトを作成できるオンラインサービス -Parallax Background Builder | コリス
複数のエレメントを異なるスピードで動かすことで奥行きの錯覚を生み出すパララックスを簡単に、そして確認しながら作成できるオンラインサービスを紹介します。 JavaScriptやCSSの初心者でも簡単にできると思います。 Parallax Background Builder Parallax Background Builderの使い方をざっくりと説明します。 Step 1: 適用範囲の選択 まずは... 続きを読む
[JS]スクリプト初心者でも簡単にカスタマイズできる、通知パネルをアニメーションで表示するスクリプト -noty | コリス
デモ:Left Corner, Alert ページの左角からアラートのパネルを表示、右角からも可能です。 notyの使い方 notyの実装方法を紹介します。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述し、あらかじめ用意されたスタイルシートファイルも外部ファイルとして記述します。 <script type="text/javascript" src="https://... 続きを読む