- ウェブ制作
インスタグラムの画像をJavaScriptでホームページに表示させる方法
今回はJavaScript「Instafeed」を使って、ウェブページにインスタグラムの画像を表示する方法をご案内します。
- ウェブ制作
ブログに目次をつけるメリット・デメリット、Qiita風の追随する目次ライブラリ
ブログに目次をつけるメリット・デメリット。目次を表示するJavaScriptのライブラリTocbotの設置方法をご案内します。
- ウェブ制作
超軽量で使いやすいビューポート アニメーションのVanilla JavaScript
Scroll Animationは超軽量のビューポートアニメーションJavaScriptです。独自のCSSアニメーションをビューポートで発火させたいだけの方にはお薦めです。
- ウェブ制作
【WEB制作の基本】Google Map APIの取得から地図の表示、エラーの解消方法まで解説
GoogleMapをウェブページに表示させる方法をGoogle APIの取得から、地図の表示方法、表示エラーの解消法まで解説いたします。
- ウェブ制作
【基本Tips】JavaScriptで外部リンクにtargetやnofollow、noopenerを追記する
外部のリンクにtarget属性やrel属性のnofollowやnoopennerをJavaScript、jQueryを使って追記する方法です。
- ウェブ制作
構造化データJSON-LDの企業や求人、お店、ブログなどのテンプレート
制作するウェブサイトには、構造化データのJSON-LDが記述されることが多くなりました。 作業効率も兼ねて、JSON-LDのサンプルをまとめました。
- ウェブ制作
WebPとLazyLoadを使って表示速度を向上させる
ホームページの表示速度を上げるには、デバイスごとの画像ファイルの切り替えが有効です。画像フォーマットのWebPと、LazyLoadで遅延読み込みで、表示速度を体感できるパフォーマンスにします。
- ウェブ制作
スクロールで発火するjQuery「Scrolla」でアニメーションさせる方法
スクロールで発火するjQueryのプラグインは多くありますが、軽量でカスタマイズも簡単な「Scrolla」をご紹介します。
