Elm Architecture with jQuery
In my last two posts I showed how we can apply the Elm architecture pattern using React. While the pattern is quite simple my implementation is not necessarily easy to grok and I think I made my examples needlessly difficult to understand so in this post I’m going to try to explain things a little better. I’m also going to stick to simple jQuery to construct DOM elements, there won’t be any React
lory
Touch enabled minimalistic slider written in vanilla JavaScript Hardware accelerated transitions Usable as a jQuery plugin Options for custom easing effects infinite looping ~ carousel No compromises for fallbacks Written in ecmascript 6 Using webpack, babel & eslint for development Download Here or via cdn from cdnjs Prerequisited Html structure Class names can be changed through options <div cla
bliki: Segregated DOM
Single-page web applications often turn into jQuery soup, where application logic, DOM manipulation, and server access are all mixed together. This mixing of concerns makes such applications harder to understand and test than they ought to be. Segregated DOM is a modularization tactic that separates all manipulation of the DOM into dedicated JavaScript objects. For an example, consider the recent
I know jQuery. Now what?
I gave this talk: I know jQuery. What now? at jQuery UK 2013 (video of the talk), but instead of my usual approach of post-it explosion on my desk, I wrote a post first, and created the slides from the post. So here is my (fairly unedited) quasi-ramble on how I used jQuery, and how I'm looking at where I'm using native browser technology. Addition resources As this post was also the content for a
messenger
Client-side growl-like notifications with actions and auto-retry.1.4.1 Messenger Demo and Usage Show messages in your app. Wrap AJAX requests with progress, success and error messages, and add retry to your failed requests. Add actions (undo, cancel, etc.) to your messages. Messenger is different from other solutions for a few reasons: Each message can be updated after being posted without losing
New JavaScript UI Library
I have been using it quite substantially for a number of different projects now and must say that I absolutely love the way it works. - Soteri Panagou I've been using your grid on a couple of small projects and I've got to say it's an awesome piece of work. It's very easy to configure and offers a lot of features while staying really responsive. As a programmer it inspires me to write better code.
タグ入力はこれにお任せ！·jQuery TextExt MOONGIFT
jQuery TextExtは自動補完をはじめとする便利な機能が多いタグ入力ライブラリです。 タグ入力機能を持ったWebサービスは多いですが、入力しやすいものは多くありません。そこで使ってみたいのがjQuery TextExtです。 こんな感じでタグ入力ができます。×ボタンを押せば消えます。 他の入力から追加もできます。 自動補完。 入力した値は配列で受け取れます。 自動補完のカスタマイズも可能です。 削除だけでなく、値の変更もできます。 予め入力された状態にもできます。 タグ入力で必須とも言える入力補完や入力後の表示変更、placeholder、×ボタンによるキャンセルなど必要な機能は概ね押さえてあります。デザインを自分のサイト向けにアレンジすればすぐに使えそうです。 jQuery TextExtはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェア
jQuery で HTTP 接続するときの書き方: Days on the Moon
12 月 13 日に Kyoto.js の第 3 回 meetup で、「jQuery で HTTP 接続するときの書き方」と題した 5 分間のライトニングトークを行いました。以下にその内容を一部再構成して収録します。 こんにちは、nanto_vi です。今日は jQuery で HTTP 接続をするときの書き方について話します。 皆さん jQuery を使うことも多いかと思います。jQuery で HTTP 接続をするとき、古いサンプルだと次のような書き方が載っています。 $.ajax({ url: '/foo/bar', data: { baz: 'qux' }, success: function (data) { console.log(data); }, }); 接続完了時の処理をコールバック関数として $.ajax() に渡してやる形ですね。しかし、現在この書き方は非推奨となっ
Asynch JS - The power of $.Deferred | Articles | web.dev
One of the most important aspects about building smooth and responsive HTML5 applications is the synchronization between all the different parts of the application such as data fetching, processing, animations, and user interface elements. The main difference with a desktop or a native environment is that browsers do not give access to the threading model and provide a single thread for everything
URLを簡単にパースできるjQueryプラグイン「jQuery-URL-Parser」
URLを簡単にパースできるjQueryプラグイン「jQuery-URL-Parser」 「jQuery-URL-Parser」は現在のURLや指定したURLをパースして簡単にパラメータやディレクトリ名などを取り出せるjQueryプラグインです。 投稿日2011年07月05日 更新日2011年07月05日 プラグインのダウンロードとインクルード 「jQuery-URL-Parser」は下記URLからダウンロードできます。 jQuery-URL-Parser – GitHub jQueryプラグインですのでjQueryも忘れず読み込みます。 html <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script type
jQuery now runs on every second website
jQuery now runs on every second websitePosted by Matthias Gelbmann on 13 August 2012 in News, JavaScript Libraries, JQuery Summary: As websites become more and more interactive, there is a strong need for appropriate tools to achieve that in an efficient way. Webmasters increasingly turn to jQuery to fulfill this need. John Resig wrote a blog post about "Selectors in Javascript" in 2005, describin
Asynch JS - The power of $.Deferred | Articles | web.dev
One of the most important aspects about building smooth and responsive HTML5 applications is the synchronization between all the different parts of the application such as data fetching, processing, animations, and user interface elements. The main difference with a desktop or a native environment is that browsers do not give access to the threading model and provide a single thread for everything
jQueryでテーブルの行ごとクリックしてチェックボックスにチェックを入れられるようにする - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 jQueryでテーブルの行ごとクリックして チェックボックスにチェック出来るよう にするTipsです。ユーザーがデータを 見ながらフォームを送信する際に、分か りやすくしてあげよう、という目的です。 行ごとクリッカブルにする、みたいな感じ。 ちょっとサーバー移転作業もあるので適当な記事が日々続きますけど・・まもなく移転完了します。 Sample サンプルです :hover使うのでIE6だけ色が変わりませんけど、チェックはクロスブラウザで可能です。 コード $(document).ready(function() { $('input[type=checkbox]').click(function() { var t = $(this).prop; if(t('che
簡単なjQueryコードでリストメニューにフィルタリング機能を加える - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 縦長になってしまったリストメニューは非常に 見にくく、使いづらいものです。ECサイトなんか でも頻繁に見かける光景ですが、カテゴリで 分けてもそれはそれで探しにくくなってしまった りと、あっちたてればこっち立たずみたいな経験 は無いでしょうか？あ、無いですか・・ そんな縦長のリストメニューの使いにくさを解消する一つの手としてフィルタリング機能があります。フィルタリングは簡単なjQueryのコードで実現することが可能です。 デモ 縦長のメニューです。テキスト入力でフィルタリングできます。 北海道（ほっかいどう） 青森県（あおもり） 岩手県（いわて） 宮城県（みやぎ） 秋田県（あきた） 山形県（やまがた） 福島県（ふくしま） 茨城県（いばらき） 栃木県（とちぎ） 群馬県
HTML-encoding lost when attribute read from input field
I’m using JavaScript to pull a value out from a hidden field and display it in a textbox. The value in the hidden field is encoded. For example, <input id='hiddenId' type='hidden' value='chalk & cheese' /> gets pulled into <input type='text' value='chalk & cheese' /> via some jQuery to get the value from the hidden field (it’s at this point that I lose the encoding): $('#hiddenId').attr('v
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
X-editable :: In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
GitHub - zedshaw/jzed: Functional Javascript alternative to JQuery.
Radar - O’Reilly
https://www.dropzone.dev/js/
Ajax - JSON doesnt get sent in PATCH only