株式会社オンズのブログ記事一覧
-
-
-
【JavaScript】ページをスクロールすると要素が動きながら表示される［SCROLL TRIGGER］の使い方 ページのスクロールに連動して様々なエフェクトで要素が表示されていくJavaScriptプラグイン［SCROLL TRIGGER］を紹介します。 実際に導入したサンプルは以下より。 SCROLL TRIGGER DEMO : https://... 【JavaScript】ページをスクロールすると要素が動きながら表示される［SCROLL TRIGGER］の使い方続きを読む →
-
-
-
-
-
【jQuery】ページのスクロール量をプログレスバーで視覚的に表示する［Scrolline.js］の使い方 ウェブサイトの上部にプログレスバーを設置して、スクロール量を視覚的に表示してくれるプラグイン［Scrolline.js］を紹介します。 まずはサンプルをどうぞ。 Scrolline.js : https://on-ze.com/demo/j... 【jQuery】ページのスクロール量をプログレスバーで視覚的に表示する［Scrolline.js］の使い方続きを読む →
-
-
-
-
-
-
-
【jQuery】背景色を複数のグラデーションで彩るプラグイン「Shards」の実装方法。 複数のパターンのグラデーションがレイヤー状に重なる背景を描画できる jQuery スクリプト「Shards」の使い方です。 まずはGitHubで公開されているプラグイン本体をダウンロードしてきましょう。 https://github.com... 【jQuery】背景色を複数のグラデーションで彩るプラグイン「Shards」の実装方法。続きを読む →
-
【英語】曜日と月の省略表記 英語で7曜と12か月を記述する際の省略表記です。 7曜 日本語 英語 英語で省略 月曜日 Monday Mon 火曜日 Tuesday Tue 水曜日 Wednesday Wed 木曜日 Thursday Thu 金曜日 Friday Fr... 【英語】曜日と月の省略表記続きを読む →
-
-
【JavaScript】スクロールに連動して要素を自由自在に表示させる［AOS］の使い方 ウィンドウをスクロールさせると要素がフェードインしながら表示されるスクリプト［AOS（Animate On Scroll Library）］の使い方を紹介します。 まずは試しに実装してみたサンプルをご覧ください。 DEMO : https:... 【JavaScript】スクロールに連動して要素を自由自在に表示させる［AOS］の使い方続きを読む →
-
株式会社オンズは［株式会社 十一屋］に社名変更します。 社名変更のお知らせ 拝啓 陽春の候 貴社ますますご隆盛のこととお慶び申し上げます。 平素は格別のお引き立てを賜り厚くお礼申し上げます。 さて。このたび弊社は4月1日付けで社名を下記のように改称いたしましたのでお知らせ申し上げます。 今後とも... 株式会社オンズは［株式会社 十一屋］に社名変更します。続きを読む →
-
-
-
【JavaScript】超軽量Lightbox風スクリプト［Luminous］の使い方 つい最近見つけたLightbox風スクリプト［Luminous］がイイ感じです。 百聞は一見に如かず。 まずはサンプルをご覧ください。 サンプル : https://on-ze.com/demo/js-luminous/ お試しいただいたと... 【JavaScript】超軽量Lightbox風スクリプト［Luminous］の使い方続きを読む →
-
【jQuery】スクロール量に連動したアニメーションを追加する［ScrollMe］の使い方 ウェブサイトに「スクロール・エフェクト」を導入したい。 そんな要望を叶えるためのオススメのjQueryプラグイン［ScrollMe］を紹介します。 このプラグインをオススメする最大の理由は、わずか1行のJavaScriptのコードも必要なく... 【jQuery】スクロール量に連動したアニメーションを追加する［ScrollMe］の使い方続きを読む →
-
