Web制作・フロントエンド javascript 西暦のセレクトなどに使う配列の作り方
selectboxとかで西暦月等の選択用に、キーと値が同じ配列を範囲を指定して作りたい時。PHPで言うrange関数と同じ動きの関数を作るconst range = (start, end) => { let a= {}; for (let...
jQuery
Web制作・フロントエンド 
Web制作・フロントエンド フォームの内容をjsonにしたい時の、jquery拡張$.fn.serializeObject()
jQueryには入力フォームの内容を文字列で返す $.fn.serialize() や、 配列で返す $.fn.serializeArray() がありますが、オブジェクト形式で取りたくてけっこー探し回ってやっとたどり着いたのでメモです。結...
Web制作・フロントエンド スクロールスパイ系js10個まとめ
スクロールに合わせて、ナビゲーションをアクティブにしたいライブラリを探してみると、たーくさんあったので、メモ。探せばどんだけでも出てくる感じだけど、自分の求めている物になかなか辿り着けない。。Swiperデモ：ScrollSpyデモ：サブメ...
Web制作・フロントエンド 【Movable Type】jqueryで新着投稿にnewマークを付ける
Movable Typeで、24時間以内の投稿は自動でNEWマークを付ける方法。作戦 再構築をしなくても24時間を過ぎると自動で消える ↑ の理由でajax newマークの見た目や場所が一定ではないので、DOM構築はしない ↑ の理由で先に...
Web制作・フロントエンド jquery 要素の作成で第二引数でまとめて
jqueryで要素を作成するとき、第二引数を使ってプロパティ類をまとめて設定する方法。これするといちいちaddClassやらイベントやら追記しなくて済むのでソースが綺麗になるよ。$('', { class: 'btn btn-primary...
Web制作・フロントエンド 雪が舞うようなヒラヒラ落下するSnowfall jquery pluginを複数画像対応に改造
雪が舞うようなヒラヒラ落下するSnowfall jquery pluginを複数画像対応に改造します。Versionは1.7.4です。（だと思います＾＾；）デモサイト通常の設置$('#section').snowfall({ image :...
Web制作・フロントエンド 年間のイベントを一覧表示できるウィジェット実装jQuery「glanceyear」:phpspot開発日誌
年間のイベントを一覧表示できるウィジェット実装jQuery「glanceyear」:phpspot開発日誌.
Web制作・フロントエンド CSS3を使ったマウスオーバーフリップアニメーションと非対ブラウザ用にjqueryアニメーションのサンプルソース
CSS3を使ったアニメーションは従来のjavascritpアニメーションに比べ、軽く動作が美しい、表現の幅も広いですが、非対応のブラウザの場合、とても残念になります。今回はマウスオーバーでフリップアニメーションをCSS3で行い、非対応ブラウ...
Web制作・フロントエンド ブラウザ幅に応じてレウアウトをかっこよく調整、jQueryプラグイン「Isotope」
レスポンシブが最近のトレンドですが、ブラウザ幅に応じてレイアウトの幅を変えるのではなくレイアウトの位置変更で最適化する、そんな動きのきもちいいjQueryプラグイン「Isotope」・・・実は前回 書こうと思っていた記事ですが、改めて紹介し...
Web制作・フロントエンド HTML5+CSS3でプレゼン資料を作るjQueryプラグイン「jmpress.js」
社内でプレゼンをやることになったので、web製作者らしく、パワーポイントではなく、HTML5を使ってプレゼン資料を作ろうと思ったのでそのメモです。で、今回使ってみたのがjQueryプラグイン「jmpress.js」です。とにかく動きがダイナ...
Web制作・フロントエンド セレクトボックスを超高機能に jQueryプラグイン「Select2」
機能はセレクトボックスだけど、複数選択させたいとか、テキスト検索もさせたいとビジュアルアイコンを入れたいとか・・とにかくブラウザ標準のセレクトボックスでは表現できない時に選択肢として覚えておきたいjQueryプラグイン「Select2」ちな...
Web制作・フロントエンド 進捗表示/ドロップ対応/複数対応/確認プレビューあり もう完璧じゃね？と思える「jQuery File Upload Plugin」
複数のファイルを選択、ドラッグ＆ドロップ、プログレスバー、ファイルバリデート、プレビュー表示ともう完璧までに装備されたファイルアップロード用jQueryプラグイン「jQuery File Upload Plugin」クロスドメイン、一時キー...