Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 世の中には JavaScriptに目覚めた魔王から世界を救うためにJavaScriptを学ぶ必要が出てきたり、 知らない言語なのにいきなり仕様書を渡されて「JavaScriptでコレ作って」なんて言われる事はよくあると思います。 そんなときの手助けになれば。 「Webに沢山資料あるから大丈夫」 このセリフを聞いたらやばいです。参考書を買ってもらえる望みは薄いでしょう。 JavaScriptに関してはWebに沢山資料があるのは事実ですが、 資料の質は玉石混淆です。 真似をしてもいいコードと悪いコードは初心者に分別するのは不可能だと思います
最初に 独断！参考にならないJavaScriptページの見分け方 こちらの記事が秀逸だったので、触発されてjQueryに寄った記事を書いてみようと思います。 動機 jQueryも随分と広く使われるようになり、『JavaScript使えます』って意味合いの中にjQueryしか使えないってのも含まれてしまうようになったりするのも若干なんだかなぁとは思いますが、 それはさておき、「チームメンバーになんでこんな書き方してんの？」って聞いたらそういう書き方をしているページが検索で出てきたりして…そういう苦い思い出を思い返しながら、この記事を書こうと思います。 この記事の対象者 コピペで動けば良いやという人以外 コピペより先にまだ進めていない人 この記事を書いてる人のスペック PHPというかLaravelが好き JavaScript始めたのはprototype.jsの頃 ES6まだよくわかってないです
日付のカレンダー入力をするためのdatepickerですが、日付の選択範囲が制限されているサイトをよく見ます。 わたしもdatepickerを使って、日付の開始日(from)と終了日(to)を入力させるロジックを書く時は、選択範囲の制限をよくかけます。 システム上不整合を起こさせないために、終了日(to)は開始日(from)より前の日付が入力できないようにするなどの対策をとっています。 datepickerの日付の選択範囲(From-To)を制限するサンプルソースjQuery部分のソースコード <script> $( function() { var dates = jQuery( '#datepickerFrom, #datepickerTo' ) . datepicker( { showAnim: 'drop', changeMonth: true, numberOfMonths: 3
Datepickerには、カレンダーから日付入力を行うフォームを作る際にとてもお世話になっています。先日、改めて使い方や設定を調べる機会があったので、備忘録としてまとめておきたいと思います。 Datepickerとは テキストボックスからカレンダーを表示し、選択した日付を入力する便利なjQueryプラグインです。 年や曜日の表示やデザインを変更するカスタマイズも簡単で、日付を選択する入力フォームで使われているのを多く目にします。 Datepickerの設置方法 Datepickerは必要なファイルを読み込むだけでとても簡単に設置できます。 <head>内にjQueryとjQuery UIを書き込むコードを記述します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></scrip
Those jquery password strength is extremely important to keep your data secure. As web developers it need a way to show our users the strength of their password. Below is a list that will allow you to add a Password Strength meter using jQuery to improve website security for user. Guiding users to have a strong password with the help of password strength meters, besides being an easy process, will
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
photoBy: http://www.brandwow.net/lara_christie/necklace_holy_cross/images/img0101.jpg外部ドメインへのアクセス方法驚愕の事実今まで外部ドメインへのアクセスはなぜかできなかった。 これができるということは素晴らしい。 わざわざ自分のサーバーを通す必要がないので負荷が軽くなる jsだけでスッキリ処理できる。 方法色々な方法があるみたいだが、結局できた方法はこれだけ。 https://github.com/padolsey/jQuery-Plugins/blob/master/cross-domain-ajax/jquery.xdomainajax.js をダウンロード。 jqueryと xdomainajax.js を読み込む <script type="text/javascript" src="http:/
Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern Declarative Bindings Easily associate DOM elements with model data using a concise, readable syntax Automatic UI Refresh When your data model's state changes, your UI updates automatically Dependency Tracking Implicitly set up chains of relationships between model data, to transform and combine it Templating Quickly gene
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptには日付を扱う為の “Date” オブジェクトがありますが、正直なところこれはあまり親切ではありません。 そこで、JavaScriptの日付周りで楽をするためのライブラリのメモをここに。 XDate XDate – A Modern JavaScript Date Library Dateをもっと便利にした XDateオブジェクト を実装するライブラリです。 使い方はDateとほとんど変わらず、XDateに引数を渡して初期化して使います。 XDateオブジェクトは、DateにあるsetTimeやgetFullYearなどのメソッドを継承している他、 日付の足し算を行ったり、差分を計算したり等便利なメソッドが沢山生えています。 var d = new XDate(1977, 10, 25); // 1977/1
jQuery 2.0.1とjQuery 1.10.0が同時リリース。jQueryの2バージョン並行リリースが開始 jQueryは、モダンブラウザに最適化し、Internet Explorer 6/7/8のサポートを廃止したjQuery 2.x系と、過去のブラウザも幅広くサポートするjQuery 1.x系の2つのバージョンがあります。基本的には機能はどちらのバージョンも同じで、互換性があります。 この2バージョン体制になったのは、4月にjQuery 2.0の正式版がリリースされたときからです。今後jQuery 2.0にはjQuery 1.10が、jQuery 2.1にはjQuery 1.11が相互に対応するバージョンとしてペアでリリースされることが発表されていました。 そして5月24日付けで、初めてjQuery 2.x系とjQuery 1.x系の並行リリースが行われました。jQuery 2.
Cool Kitten: A parallax scrolling responsive framework レスポンシブなパララックス効果付きサイトを作るフレームワーク「CoolKitten」 レスポンシブなフレームワークは多くありますが、更にパララックスなサイトを作る機能も盛り込まれたフレームワーク。 パララックスなサイト作ってみたいけど、スマホでも動かすの面倒、といった場合に使えそうです。 幅を広げた状態。普通にパララックスがかかります 幅を狭めても、レスポンシブでパララックス効果が得られます 関連エントリ パララックス効果を作るスクリプトやプラグインのまとめ レスポンシブなナビゲーションの見本やチュートリアル 複数アニメーションを組み合わせられるスライダーを実装できるjQueryプラグイン「Sequence.js」 これは新しい円形のスライダーが実装できる「Tiny Circles
This is one of the largest and most up to date collections of jQuery slider plugins. I’m sure you will find some of them useful for adding cool slider effects to your web pages. It is more and more common to see jQuery slider plugins used for image slideshows, carousels and for creating html slider effects on websites. It is a really great solution for showcasing sequential images or featured arti
Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. We’re constantly adding new resources and code snippets, includi
Tシャツ等の商品の色を自由に変えられるjQueryプラグイン「Product Colorizer」 2012年10月24日- Product Colorizer 1.1 | A jQuery Plugin Written by Nik Korablin Tシャツ等の商品の色を自由に変えられるjQueryプラグイン「Product Colorizer」 色を選択すると同じ絵柄で色だけを変更することが出来るjQueryプラグインです。 商品をウェブ上でカスタマイズできるようなECサイトなどで使えそうですね。 色部分をクリックで自由に色が変えられます。まあ、色に応じた写真を用意しておくのも手ではありますが、何百通りとかある場合や、自分でカスタマイズするようなシステムの場合は使えそう 仕組みがまた面白くて、次のようにPNG画像でマスクを被せつつ色をかぶせているみたいです。 面白いアイデアですね。応
ちょっとした動きから、ダイナミックな動きまでアニメーションのエフェクトを加えるJavaScriptのフレームワークをSix Revisionsから紹介します。 10 Impressive JavaScript Animation Frameworks
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
