2012-02-20のJS: Web Appsフィールドガイド、大規模JS開発、小さなテストフレームワーク
JSer.info #57 - JavaScriptのデザインパターンについて書かれたEssential JavaScript Design Patterns For Beginnersがアップデートされたようです。どのへんが更新されたかについての記事はまだかかれてないので、gitのログを確認するしかないです。(多分そのうちEssential JavaScript And jQuery Design Patterns – A Free New Bookあたりに更新内容が書かれそうな気がします) addyosmani/essential-js-design-patterns - GitHub HTML5ROCKSのリニューアルにともなってAppward’s Field Guide to Web Applicationsという電子書籍風になってるドキュメントが公開されています。こちらもかなり量
デブサミ2012 kintoneの表と裏 - 表編
Feb 17, 201240 likes17,924 viewsAI-enhanced description The document discusses kintone's JavaScript library. It provides details on how kintone uses JavaScript for its UI components and event handling system. It also describes how kintone leverages the Closure Compiler to optimize and minify its JavaScript down to a small size for faster loading. Advanced techniques like deferred execution are use
レスポンシブなPhotoギャラリーを作成できるCSS3＆jQueryな「Glisse.js」:phpspot開発日誌
Glisse.js - a simple, responsive and fully customizable jQuery photo viewer レスポンシブなPhotoギャラリーを作成できるCSS3＆jQueryな「Glisse.js」 デザイン性に嫌味がなく色々な場所で使えそうです。画像を送った際のアニメーションが選べるのもいい感じです ギャラリーページ 拡大 レスポンシブ レスポンシブが発明されなかったらどんな感じになってるんだろうっていう気がしますが、頭の良い人がいるもんですね。 そういう発明をしてみたいものです 関連エントリ 秀逸なレスポンシブWEBデザイン50のサンプル レスポンシブな背景画像スライドショーを実現するjQueryプラグイン「bgStretcher」 レスポンシブなjQueryスライダー実装プラグイン８個
カーテンが上がるような動きを演出する「Curtain.js」 – creamu
Curtain.jsは、カーテンが上がるような動きを演出するJavaScriptです。 スクロールだけでなく、矢印キーでもスムーズに動きますね。 Curtain.js
JavaScript - 配列を扱うオブジェクト(配列の定義) | Kamimura's blog
JavaScript - 配列を扱うオブジェクト(配列の定義)
「はじめてのjQuery Mobile（初級編）」セミナー資料（サンプルコード付き） | DevelopersIO
2012年2月10日、弊社セミナールームで行われたjQueryMobileセミナーに講師として参加しました。 お忙しい中ご来場下さいました皆さま、最後までお付合い頂き誠に有難う御座いました。 今回は「はじめてのjQueryMobile」ということで、かなり初心者向けにフォーカスした内容だったわけですが、 参加された方の中には、既に実開発に取組んでいる方もおられて、最後のパネルディスカッションでは、 意外と濃い目の質問なども飛び交ったりと・・ビール片手に盛り上がりました。 私が担当したセッション（初級編）で使った資料はSlideShareで公開しています。 またサンプルコードは本文一番下のリンクからダウンロードできますので、 社内勉強会などで入門資料としてご活用頂ければ幸いです。 はじめてのjQueryMobile（初級編）
ユーザへの通知UI全部のせなjQueryプラグイン「noty」:phpspot開発日誌
noty - a jquery notification plugin ユーザへの通知UI全部のせなjQueryプラグイン「noty」 ページトップやボトム、あるいはページのセンターやポップアップでメッセージを表示することが出来るプラグインです noty({text: 'noty - a jquery notification library!'}); のように呼び出せばアラートが出せるみたいです。 各種オプション指定によって表示位置を変えられたりするようです 最近のWEBを見ていると通知ってやっぱり重要だなと感じるわけですが、こうしたもので分かりやすく表示してあげるといいですね。 関連エントリ faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」 分かりやすい通知ボックスを作れる「Humane JS」 簡単なコードでアイコ
ページめくりを実現するためのjQueryプラグイン集:phpspot開発日誌
ページめくりを実現するためのjQueryプラグイン集 先日のHTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 では多くの反響を頂きましたが、他にも同様のページめくりライブラリがあるようです Booklet 個人的にコンパクトなインタフェースがいいなと思うライブラリです。 HTML5がなくともIE8でも動きます Create a page flip effect with HTML5 canvas | Tutorial | .net magazine 以前紹介した、HTML5を使ったページめくりUIの作成チュートリアル。独自に作る場合は参考にできます jFlip なめらかなページめくりを表現できるjQueryプラグインです。 カーソルを合わせるとめくり部分が微妙にアニメーションしているあたりも芸が細かいです Simple Page Peel Effect with
Future と Stream という同期/非同期処理の混在をシンプルにコード化できる車輪を再発明したよ - latest log
Script Junkie | Creating Responsive Applications Using jQuery Deferred and Promises (日本語訳: jQueryのDeferredとPromiseで応答性の良いアプリをー基本編 | ゆっくりと… ) をみて、 (ε・◇・)з Deferred… Promise… お 覚えられん… (ε・◇・)з 脳みそちっちゃいので、もっと気軽に使えて、簡単に書けるのがいいなぁ～ って思ってました。 なので、自分なりに、 複数の同期/非同期処理を同時に実行し、処理の合流ができたり多少の失敗があっても前に進める Future 複数の同期/非同期処理を順番/同時に実行し、流れを直感的に記述できる Stream という2つの仕組みを考えました。 Stream は一本の流れを制御し Future は同時多発的な流れを制御するため、こ
HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog
Flashでよく見かけるテキストシャッフル演出(文字列がランダムで切り替わる演出、正しい呼び名はわかりませんｗ)をHTML5で作ってみました。HTMLのタグ(pタグとか)に使うバージョンと、HTML5の新要素Canvasを使うバージョンの二種類を用意しました。 【2017年4月26日 追記】 【重要】JSライブラリーはGitHubで更新しています。使用したい方は次のGitHubのリポジトリを御覧ください。 Canvas版はCreateJS 2015年版でも動作するよう更新しました。 デモ demo (HTMLエレメント版) demo (Canvas版) ソースコードはMITライセンスで公開してしますので、個人・商用問わずご自由にお使いください。 ShuffleText.js (HTMLエレメント版) ShuffleEaselText.js (Canvas版) それでは以下で使い方を紹介して
jQueryでスムーススクロールするスクリプト : Toro_Unit
jQueryで、ページ内リンクや、ページの先頭にリンクするときにアニメーションでスクロールさせたいときのスクリプトです。まぁ、皆さん普通に使っていると思うので今更感はばりばりですが・・・・ 余談ですが、 $('a').click(function(){ return false; }) みたいに、falseを返すと、URLの書き換えをしなくなります。なので、ページ内リンクなどをに使うときは、return false;を書かない方が、アクセシビリティ上は良いと思います。 そんなわけで、書いてみました。 jQuery.easing.quart = function (x, t, b, c, d) { return -c * ((t=t/d-1)*t*t*t - 1) + b; }; jQuery(function($){ $('a[href*=#]').click(function() { v
rollover（jQuery）とlightbox（prototype.js）の競合を回避する
javascriptを複数設定すると、干渉しあってうまく作動しないことがある、と聞いてはいたのですが、実際ロールオーバーとライトボックスを設定した際、競合が起きてしまいました。 これは初心者的な言い方で言うと、jQueryのjsファイルとライトボックスのprototype.jsファイルの両方に「$」の指示があるので、うまく読み込めなくなってしまう・・・というようなことみたいですね。 なので、jQueryの方のjsファイル（ここではrollover.js）の指示出しの「$」を置き換えればOKらしいっす。 手順は 1.HTMLファイルでjQueryのjsファイルの「$」を別のもの（「jQuery」）にするという指示を書く 2.jQueryのjsファイルの「$」を「jQuery」に置換する ・・・と意外に簡単！ で、具体的な書き方はこんな感じ。 【HTML】・・・赤字の部分を追加 <!-- jQ
おしゃれjQuery、Good Parts、Bad Parts - 素人がプログラミングを勉強していたブログ
jQueryは互換性を保ちつつも洗練されたAPIを取り入れているので、新しく書くときは新しいAPIを使った方が良い。 liveとかセレクタの:hoverとかはBad Partsだ。 jQuery.fn.on / jQuery.fn.off live/delegate/bind/click等は滅びた。全てonを使おう。 また、data引数を使う場合は必ずdataをオブジェクトかnullにする。dataが文字列の場合、関数の場合にセレクタ等と区別がつかないからだ。 $("body").on("click", function (event) { alert("Clicked!"); }, false); また、querySelector/querySelectorAllの登場によって、:hover等のjQuery固有のセレクタは滅びた。validなCSSセレクタと、jQueryのメソッドをch
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
langturn.com is coming soon
is a totally awesome idea still being worked on. Check back later.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web SQL Databaseを扱いやすくするJSライブラリ「html5sql.js」
モダンなスライドショーを作れるjQueryプラグイン「Sequence」 | Web活メモ帳
最近流行のダイナミックなサイト作りに役に立つ、最新のjQueryプラグイン
Glisse.js – 動きの気持ちいいjQueryフォトビューア – creamu
TechnoTab is for sale at Squadhelp.com!