プラグイン

JavaScript

Pinterest風のグリッドレイアウトをCSSのみで実装?乗り越えられない壁、代替策はないのか?Pinterstレイアウトを考察

Webに携わっている方は必ず一度は「Pintarestっぽく出来ませんか?」的なことを言われると思います。僕個人としてはPintarestのようなグリッドレイアウトはあまり好みではありません、なんせ「めんどくさい!」から。 Pintares...
JavaScript

Swiperの使い方とサンプル!動かない時のチェック項目も!【2022年 JavaScript】

Swiperとは 今最もメジャーなカルーセルスライダーのプラグインモジュールであるSwiper(公式:)について、読み込みから実装、完成形のサンプルをまとめてみました。 カルーセルスライダーといえば、Slick.jsやOwlCarousel...
JavaScript

2022年、今さら要素をタイル状に配置するmasonry.jsの使い方・レイアウトサンプル

かなり前にNHK関連のWebサイトが起用して話題になったjQueryプラグインのmasonry.jsですが、最近グリッドレイアウトを利用する必要がありそうな気配なので、おさらいを兼ねてmasonry.jsについてまとめました。 早速maso...
JavaScript

ウクライナの国旗を自動生成するjQueryプラグインno-war.jsを作りました

悩見坂 楓 戦争反対! 著者 反対!反対!jQueryのプラグインを作りました 戦争に断固反対しています。 ウクライナの国旗を生成するjQueryのプラグインを作りました。即興なので幅だけオプションしていできます。jQuery.no-war...
JavaScript

Slick SliderのcenterPaddingオプションで%指定したい・基本的な使い方

jQueryのプラグインでスライダーに使われるSlickですが、centerPaddingというオプションがあります。 centerPaddingはcenterModeというメインのスライドを中央表示する機能を利用しているときに、真ん中のス...
業務効率化

「Highlighting Code Block」にDart言語を追加する方法

Wordpressのプラグイン「Highlighting Code Block」にデフォルト以外の言語を追加する方法をご紹介します。コードにカラーリングしてくれる非常に便利なプラグインで、設定画面も日本語なので利用する価値があります。このサ...
JavaScript

YTPlayerのオプションを完全マスターしよう。出来ること。

Youtubeの動画を背景に指定できるjQueryのプラグイン「YTPlayer」。クライアントからちょこちょこ背景に動画を入れてみたいという要望がくるので、YTPlayerをマスターしておこうと思います。本記事は初心者向けではなく、jQu...