爆速でわかるjQuery.Deferred超入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。 非同期処理を連結
レスポンシブに対応できてCSSでデザインを柔軟に変更できるスライダー「Slider Pro」がなかなかいい
ウェブ制作をしてるとスライダーやカルーセルってなにかと必要になるので、レスポンシブやタッチ操作などに対応できて、CSSで柔軟にデザインをカスタマイズできるスライダーのプラグインをいつも探しています。 過去に試したものでいくつかいいのはあるんですけど「帯に短し襷に長し」的なところが必ずあって、すべての要望を満たしてくれるやつには出会えていませんでした。自分でゼロから作るのもあれですし。利用できるものは利用したい。 で、やっと「これなら！」というやつに出会いました。 Slider ProというjQueryのプラグインです。なかなか良さそうです。 ただ、使ってみてハマったところがいくつかあったので書き残しておきたいと思います。 「jQuery オワコン 」がうたわれる昨今ではありますが、今後、Slider Proを使ってスライダーやカルーセルを実装する方の参考になれば幸いです。 Slider P
mb.ideas.repository - web-design, jQuery, design and more
Are you expressing your mission, your ideas, your passion, your creativity adequately through your website? For most people, you ARE your website. If you want people to remember you, to get what you can offer, why not use our services to elaborate on your ideas and create a web presence that people will understand? We have been creating web sites since 1998 – improving web sites ever since. How to
(Now More Than Ever) You Might Not Need jQuery | CSS-Tricks
They are also currently being implemented in Edge. Fade in an Element jQuery: $elem.fadeIn(); By writing our own CSS we have far more control over how we animate our element. Here I’ll do a simple fade. .thingy { display: none; opacity: 0; transition: .8s; } elem.style.display = "block"; requestAnimationFrame(() => elem.style.opacity = 1); Call an event handler callback only once jQuery: $elem.one
JavaScriptだけでサーバーの日時を取得する方法のメモ
JavaScriptでサーバに設定されている日時を取得する方法を忘れないようにメモっておきます。PHPとかなら簡単なはずなんですけどね。結構、手こずったので色々備忘録的に書いておこうと思います。同じような課題に出くわした方の参考になれば幸いです。 ただ、JavaScriptはあまり得意ではないので、勉強しながらやってます。以下、あくまでご参考程度に。より良い方法があったら、ぜひご教授いただきたいです。 やりたいこと まずは、やりたいことの説明から。やりたかったのは以下のようなことです： フォームで年月日の入力を3つのドロップダウンに分けて設置する その際、「年」のオプションを現在の年をベースに自動で書き出したい PHPなどのサーバサイド言語を使えない環境で実装する たとえば、2017年には2015年から2019年を選択肢として表示していたものを、2018年になったらコードの更新なしに201
timedropper jQuery time plugin
DateDropper datedropper JS is a Pure Javascript user-friendly date picker that allows users to easily select a specific date from a calendar-like interface. What does Datedropper do Datedropper streamlines date selection, saving time and reducing errors. This datepicker allows users to select the desired date by clicking on it. The selected date will then be displayed in the input field and can be
Webの動画デザインに役立つJQueryプラグイン10選
更新日: 2017年3月14日公開日: 2015年10月22日Webの動画デザインに役立つJQueryプラグイン10選 JavaScriptとCSSの活用することで、Webで動画をオシャレに再生させることができます。イチからコーディングしていく方法もありますが、今回は手っ取り早くオシャレな機能を搭載できるjQueryの動画系プラグインについてフォーカスしてみたいと思います。ニーズの高い動画背景に役立つプラグインから動画コンテンツに役立つプラグインまで幅広くピックアップしてみました。 気になるプラグインを比較して、Webデザインにご活用頂ければ幸いです。 Webの動画デザインに役立つ！jQueryプラグイン10選利用者の多い「BIGVIDEO.JS」 BIGVIDEO.JS フルスクリーンで動画背景や動画の再生リストを作成できるプラグインになります。国内外でユーザーが多く、数多くの実験例を拝
selectivity
Deprecation notice At Speakap, we are migrating to a more responsive component library. As such, we will be migrating away from Selectivity, and we will no longer be maintaining this library. If you are interested in taking over ownership, please file an issue. Thanks for all the support! Benefits Rich UI. Select boxes made by Selectivity have rich functionality, work out of the box and are custom
EasyUI - helps you build your web pages easily
Welcome to EasyUI EasyUI framework helps you build your web pages easily. GET STARTED What is EasyUI? easyui is a collection of user-interface components based on jQuery, Angular, Vue and React. easyui provides essential functionality for building modern, interactive, javascript applications. using easyui you don't need to write many javascript code, you usually define user-interface by writing so
JK - jQuery SimpleFAQ
Want to see these plug-ins in action? Check out TripLittle, a great new travel planning tool. Pluginsby Jordan Kasper SimpleFAQ (current version: 0.7) Example Using HTML Data Source $('#faqList').simpleFAQ(); This is a simple example using existing HTML content. Note that the structure is relatively loose, although you need a container (in this case a "ul") and each FAQ needs a root node (our "li"
jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields | Css Globe
Every hour that you put into enhancing user experience while developing a site is a hour well spent. There are numerous small improvements that you can perform to make things easier and obvious for the end user. In this article I will present a jQuery plugin built for that purpose. The best way to explain what this plugin does is to mention Twitter. Twitter posts are limited to 140 characters. Wh
Website Tour with jQuery | Codrops
Today we want to share a little script with you that allows to create a tour on a website with jQuery. This can be very useful if you want to […] Today we want to share a little script with you that allows to create a tour on a website with jQuery. This can be very useful if you want to explain your users the functioning of your web application in an interactive way. You might have noticed that Fa
Choco-Slider |
Liviano Flexible Personalizable Liberado bajo MIT licence Compatible con Firefox 2+, IE 6+, Safari v4, Opera v10, Google Chrome 3+ y Opera 9+ Descargue los archivos del Choco-Slider (Javascript y CSS). Una vez hecho eso, incl�yalos en el sitio, junto a la librer�a jQuery: <link rel="stylesheet" href="chocoslider.css" type="text/css" /> <script type="text/javascript" src="jquery.chocoslider.js"></s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Create a Sticky Add to Cart Button On Scroll - Shopify
https://github.com/VodkaBears/Vide/blob/master/README.md
Tutorialzine