slick.jsで非アクティブ画像を薄くする
はじめに slick.jsを使ってカルーセルスライダーを実装した際に、 左右の画像を薄くしたいと思ったのですが、 調べてみた限りそういったオプションがないようなので、 CSSとHTMLで実装する方法をめもめも。 コード
Read moreJavaScript
フォームにカナ制限を設ける
はじめに フォーム入力にカタカナのみを許可する方法です。 inputタグにpattern属性がHTML5から追加されたようですが、 対応されていないブラウザもまだまだあるようなので、 今回はjQueryライブラリを使って
Read moreCalendar Pickerにリセットボタンを実装する方法
日付入力フォームでカレンダーを表示させて、 日付を選択できると、とても直感的に日付を入力できます。 デモ 実装方法 下記コードの4行目以降をコピペすれば、 カレンダー下部に削除ボタンが表示されるかと思います。 [cray
Read moreCDNで読み込んだCKEditorのオプションを変更する
CKEditorはHTML上で動作するWYSIWYGエディタです。 機能がとても多く（もちろんシンプルなバージョンもあり）、 個人的に好きなエディタのひとつです 😀 今回はCDNから読み込んだ、 CKEditorのオプシ
Read more