javascript・jQuenry

テクニカルSEOの上級者になりたいならJavaScriptに精通すべし

2018/08/24(Fri) 09:50

SEO に一生懸命に取り組んで精通したいのであれば、今後は JavaScript に詳しくなることを、Google の John Mueller（ジョン・ミューラー）氏は推奨しました。

https://www.suzukikenichi.com/blog/you-should-learn-seo-if-you-want-to-be-keen-on-technical-seo/

[JS]便利なのが登場！実装はかなり簡単なのに、さまざまなチャートやグラフを実装できるスクリプト -ApexCharts

2018/08/01(Wed) 09:55

チャートやグラフを実装するのは面倒、と思われがちですが、そんな人にはこのスクリプトをお勧めします。div要素一つと外部ファイルを一つ、あとはグラフのデータを設定するだけで、さまざまなチャートやグラフが簡単に実装できてしまう単体のJavaScriptライブラリを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/modern-javascript-charting-library.html

実装がどんどん簡単になっている！スクロールに連動する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