[B! jQuery] hurikakeのブックマーク

Umbrella JS

Tiny library for DOM manipulation and events https://cdn.jsdelivr.net/npm/umbrellajsGithub Download Try it Intuitive and Documented It is strongly influenced by jQuery with many similar methods so you'll feel at ease developing with Umbrella. However there are some extra features like .handle() and some methods like .append() are more flexible: Documentation // Simple events like jQuery u("button"

hurikake 2018/08/20

リンク

要素をアニメーションでカッコよく並び替えるMixItUp

「MixItUp」は、要素のレイアウトをアニメーション付きで並び替えたり、絞り込んで表示したりできるjQueryプラグインです。インラインブロックやfloat、flexboxなどのさまざまレイアウト方法に対応しており、HTMLやCSSをほとんど書き換える必要がないので、使いやすいプラグインです。カテゴリーによって並び替えたり、特定のカテゴリーだけを表示したり、タイル形式・リスト形式を切り替えたりできるので、ポートフォリオサイトやギャラリーサイト、ブログのトップページに向いています。 Google ChromeやFirefoxなどのモダンブラウザーとInternet Explorer 10〜、iOS、Androidに対応しており、アニメーション機能を除けばIE8〜9からも利用できます。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、MixI

hurikake 2016/01/03

jQuery

リンク

MixItUp | KunkaLabs

MixItUp 3 A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more... MixItUp gives you beautiful animated DOM manipulation on top of native CSS layout.

hurikake 2015/01/26

jQuery
web

リンク

チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか - かちびと.net

フォームで利用するjQueryのスニペットコードをいくつか。どれも既出だと思うのでおさらいという事で。とはいえ、所詮はスニペットですので実際に導入する際は動作をしっかりと検証する事を強く推奨します。フォーム周りのjQueryスニペットです。自分用のメモも兼ねて。フォーム関係は色々面倒なので参考にならない事もあるかと思います。「ふーん」程度にご覧頂くと丁度いいと思います。 Placeholder属性を、非対応ブラウザでは表示/非表示に便利なHTML5のPlaceholder属性をオールドブラウザでは表示/非表示として対応します。 if(!$.support.placeholder) { var active = document.activeElement; $(':text').focus(function () { if ($(this).attr('placeholde

hurikake 2012/07/04

jQuery

リンク

見るだけでもワクワクする、CSS3とjQueryのかっこいい7つのエフェクト

ページを開いた瞬間、ユーザーの目を引きつけるようなCSS3とjQueryを使ったタイポグラフィのかっこいいエフェクトを紹介します。 Typography Effects with CSS3 and jQuery [ad#ad-2] かっこいい7つのデモ実装のポイントかっこいい7つのデモデモは7つあり、どれもトキメクようなかっこいいエフェクトです。デモを楽しむには、Chrome, Safari, Firefoxでご覧ください。 Demo 1

hurikake 2011/11/30

jQuery
CSS

リンク

画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」:phpspot開発日誌

画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 2011年11月01日- webdev.stephband.info | jticker 画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」タイピングしているようにアニメーションさせて動きを作ることで利用者の注目を集められます。文書を読んでもらいたい場合なんかにも効果があるかもしれません。流れる様にテキストアニメーション。複数の文書を続けてスライドショーっぽくすることも出来るみたいです。これはなかなか使えそうですね関連エントリテキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」テキ