javascript・jQuenry

実装がどんどん簡単になっている！スクロールに連動するCSSアニメーションを与えるスクリプト -Delighters

2018/06/22(Fri) 09:52

コンテンツが横からスライドしたり、カードが追従するように表示されたり、スクロールに連動するCSSアニメーションを簡単に実装できるスクリプトを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/js-add-css-animation-delighters.html

2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査

2018/05/15(Tue) 09:48

フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールについての調査結果を紹介します。

https://coliss.com/articles/build-websites/operation/work/frontend-tooling-survey-2018.html

WebデザイナーのためのVue.js事始め

2018/04/19(Thu) 09:48

Vue.jsはサクッと小さく始められるJavaScriptのフレームワークです。「びゅー」と読みます ;) これまでWebデザイナーがjQueryで作成したような動きもVue.jsでも加えられるのですが、jQueryとは違ってHTMLに条件文を加えたり、アニメーションをCSSで設定することで、JavaScript自体のコードをあまり書かなくても実装できちゃいます。

https://www.webcreatorbox.com/tech/first-vuejs

Web制作者は要チェック！モーダルダイアログをアクセシブルに実装する超軽量スクリプト -Micromodal.js

2017/10/10(Tue) 09:50

ちょうどいいモーダルってなかなか見つからないんだよな、と探している人は要チェックです。シンプルで操作性もよく、アクセシブルに実装する超軽量の単体で動作するJavaScriptのライブラリを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/tiny-modal-dialogs.html

これからは今まで以上に、jQueryが必要なくなるかもしれない

2017/07/14(Fri) 09:52

3, 4年前あたりから、jQuery無しでこう記述するとか、jQueryの一部の機能を代替する軽量スクリプトなどが出始めました。2017年も半年が過ぎ、その状況はさらに変わり始めています。

http://coliss.com/articles/build-websites/operation/javascript/now-ever-might-not-need-jquery.html

[JS]レスポンシブ対応、グリッドベースの進化したタブ型コンテンツを実装できるスクリプト -GridTab

2017/02/02(Thu) 10:15

タブ型コンテンツのレイアウトも進化しています。通常のタブ、天地のタブ、カード型レイアウトのようなタブなど、グリッドベースのさまざまなレイアウトに対応したタブを実装できるスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/grid-based-responsive-tabs.html

レスポンシブWebデザイン対応の棒グラフ、折れ線グラフ、円グラフを作れる・「Pizza Amore!」

2017/01/31(Tue) 10:12

Pizza Amore!は様々なデバイスで折れ線グラフや円グラフ、棒グラフ等を表示出来るスクリプトです。

http://kachibito.net/useful-resource/pizza-amore

jQuery：スクロールしたらヘッダーやナビゲーションを固定・変化させる動きを実装するサンプルコード 5

2017/01/13(Fri) 09:54

一度は見かけたことがあると思う、スクロールしたらヘッダーやナビゲーションを固定表示させたり見栄えを変化させたりする動きをjQueryで実装するサンプルです。途中から要素を固定させたり、スクロールした方向によって表示・非表示を切り替えたりなど全5種類です。

http://www.nxworld.net/tips/stikcy-or-change-header-and-navigation-when-scrolling-using-jquery.html

スマフォで画面下へスワイプしてWebページを更新させられるスクリプト・「PulltoRefresh.js」

2016/12/19(Mon) 10:01

PulltoRefresh.jsはスマフォで画面下にスワイプしてWebページをリフレッシュ出来るスクリプトです。ページ一番上の状態で下にスワイプするとページを更新する事ができる、というもの。

http://kachibito.net/useful-resource/pulltorefresh-js

tableの行をクリックすると下部に詳細が表示される

2016/10/24(Mon) 09:54

サンプルありわかりやすいです。

http://kachibito.net/snippets/expand-table-rows-using-jquery-html-and-css