javascriptで作った、フルフラッシュのようなサイト教えてください。Asiance _Your Digital Ag... / Tatchies / jitto他...全21件
KAYAC Engineers' Blog
技術部の谷脇です。テックカンファレンスイベントへのスポンサーと登壇、それからこちらのカンファレンスに合わせたイベントのご紹介です。 YAPC::Fukuoka 2025にスポンサーしています！ yapcjapan.org YAPC::Japanは始まりこそPerlをベースとしたコミュニティの技術カンファレンスでしたが、昨今はバラエティ豊かなトークが話されています。私の印象ですが、Perlを昔から使っている方は特定の技術を深く掘って極める人も多いので、YAPCでもディープなトークが話されているなあと感じます。ご興味がある方はチケット販売が10月31日までですのでぜひ購入の上ご参加ください。特に九州やその近辺の方のお耳に入ると良いなと思います。 fortee.jp またカヤックは今回シルバースポンサーをしています。社員も何人か行く予定です。お会いしたい際には、どうぞよろしくお願いします。名刺交
今日から始めるCoffeeScript - KAYAC Engineers' Blog
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 （2011/6/28：@m_satyr様にご指摘頂いた箇所を修正しました。） 目次 CoffeeScriptとは？ インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
どんなフォームにも使えるjQueryのフォームバリデーション exValidation :: 5509
jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジンを使ってるので、ほぼ同じです。ちなみにすごい長いです。。 ルールを割り当てる際のclass名がhogeからchkhogeに代わりました。アップデートして使う場合は注意してください。 サンプル1: エラーを右上に表示 サンプル2: エラーを下に表示 トピックス ダウンロード 使い方 1. JSファイルを読み込む 2. 基本バリデーションルール 3. select, checkbox、radio、複数項目の場合 4
フォーム周りのエレメントのデザインを見やすいインターフェースに変更できるjQueryプラグイン・jNiceItと、似たようなやつ何個か - かちびと.net
どこかで使いたいなと思ってメモ。フォーム で良く使うラジオボタンやチェックボックス などのデザインを割りと簡単に見やすいデザ インに変更できるjQueryプラグインです。 この手のプラグインは沢山あるので選択肢の 一つとして、ですが、個人的には使いやすい 印象でした。 昨日に続き、今日もフォームのスクリプト。今日はフォームデザインを変更できるやつです。IE6だけちょい崩れるけどそれ以外は共通したデザインに変更できます。 ラジオボタンとかチェックボックスを画像に置換するプラグインですかね。なので、デザインの変更は基本的に画像とCSSを少し変えるだけです。尚、画像の指定もcssで行います。 左が普通で、右がリア充ですね。シンプルでいい感じです。見た目がいいほうが愛されるんですねきっと。世知辛い世の中ですこと。 マークアップも特別なことはしなくて済むのも楽かも。デザインの変更は基本的に画像を変え
jQuery Clip - jQueryのプラグインをまとめました。
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
jQueryで複数ユーザーのtwitterタイムラインを表示する「A jQuery Twitter Ticker」
twitter facebook hatena google pocket その名の通り、JavaScriptライブラリのjQueryでtwitterタイムラインを表示します。 単一ユーザーというのは多くありましたが、A jQuery Twitter Ticker -- Tutorialzineは複数ユーザーにも対応しています。 またデザインもキレイなので、使いやすいかもしれません。 sponsors 使用方法 A jQuery Twitter Ticker -- Tutorialzineからファイル一式をダウンロードします。 <link rel="stylesheet" type="text/css" href="demo.css" /> <link rel="stylesheet" type="text/css" href="jScrollPane/jScrollPane.css" /
div要素もまとめてリンクにするjavascript「Link Boxes」
aタグを付与すると色が変わりアンダーラインが表示され、リンクさます。 しかし、もっと大きなdivなど全体をリンクにしたい時もあるでしょう。 Link Boxesではjavascriptでの解決策を示しています。 sponsors 使用方法 Link Boxesで使用しているjavascriptをちょっと変更したLinkBox.jsをダウンロードしてください。 ＊li要素をdiv要素に変更しただけです。 <script src="http://yourdomain/LinkBox.js" type="text/javascript"></script> <style type="text/css"> .linkbox {border:1px solid #888;background:#f9f9f9;padding:10px;width:500px;margin-bottom:1em;} .
Moleskine Notebook with jQuery Booklet
Animated Portfolio Gallery Today we will create an animated portfolio gallery with jQuery. The gallery will contain a scroller for thumbnails and a content area where we will display details about the portfolio item. The image can be enlarged by clicking on it, making it appear as an overlay. Article Demo Annotation Overlay Effect Today we will create a simple overlay effect to display annotations
簡単！本をめくるような表現を実現するjQueryプラグイン「Viewbook」
これは簡単に導入できてよさげなプラグインです。 本をめくるような表現をさくっと導入できるViewbook - jQuery Pluginを紹介します。 また、オプションも色々あるので、オリジナルなコンテンツになりそうです。 sponsors 使用方法 Viewbook - jQuery Pluginからファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.4.3.min.js"></script> <script src="jquery.easing.1.3.js" type="text/javascript"></script> <script src="jquery.viewbook.1.0.0.js" type="text/javascript"></script> <link href="jquery.viewboo
HTML5 VideoタグとFLVの埋め込み覚書 | tuglog!
これは将来的には解決されそうな問題ですが、現時点で各ブラウザがサポートしているコーデックは統一されていません。（2010.10.19現在）GoogleがHTML5のオープンなコーデック規格としてWebMを発表していますが、Appleがサポートしない方針を示しており、まだまだ共通したコーデックが使用できる状況ではないようです。 WebM以外で対応しているコーデックの対応表はこちら。 このコーデック問題で、HTML5でコーディングしても対応コーデック分の動画を用意することになり、せっかくのVideoタグも有効に活用できません。 そのため、PCブラウザ側は従来道理FLVで再生、iPad、iPhone再生の場合にFLVの代替えとしてVideoタグでの埋め込みというやり方に変更することにしました。 具体的には次のとおり。 まずSWFObject.jsを使用しFlashを埋め込みます。 SWFObje
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデー
jQueryベースのWebフォームライブラリ「jFormer」
WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。 「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。 詳しくは以下 基本的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。 多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documenta
jQuery Mobile 1.1.0 日本語リファレンス
Bbfstoto adalah situs slot online peluang maxwin tertinggi yang bisa didapatkan dari slot gacor terbaru bergaransi. Kemenangan luar bisa dan mudah menjadi daya tarik bermain pada situs slot terbaru. Didukung dengan mekanisme peluang lebih besar hingga 70% berbanding 30% semua bisa merasakan withdraw besar. Awal mula munculnya judi slot hanya untuk kalangan menengah keatas, namun era sudah berubah
14 Useful jQuery Plugins For Web Designers And Developers
Home » Tools » 14 Useful jQuery Plugins For Web Designers And Developers jQuery is a rapid JavaScript library that is CSS3 compliant and supports many cross-browsers features. The jQuery framework is extensible and very nicely handles DOM manipulations, CSS, animations, communications to server requests, document transverse and event handling. Here’s a collection of 14 useful jQuery plugins and sc
上下左右にスクロールするスクリプト - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 ライブラリを使わない自作JSシリーズ、今回はスクロール処理です。いわゆる「ページトップへ」。特に珍しくもない動作ですが、JSでアニメーション処理してみたいって人の取っ掛かりとしてはほど良い課題だと思います。 今回のテーマは『高速化』。前々から当サイトでも密やかに使ってますが、一部環境でもっさりした動作になってしまっていて、高速化が課題でした。書き方も古かったし。原因追求が面倒でしばらく投げてましたが、offsetWidthは重いという情報をゲットしまして、「おぉ、原因これじゃん！」と一念発起して組み上げた次第です。伏して待て。忘れるな。機会は密やかに訪れる ...てと
スライド間をいい感じにスクロールするjavascript「jQuery.LocalScroll」
スライドさせるjavascriptは多くありますが、1章1節・・・3章5節というふうに階層が深くなるものには対応していないのがほとんどです。 jQuery.LocalScrollは、多階層に渡るスライド間をいい感じにスクロールします。 sponsors 使用方法 jQuery.LocalScrollからjquery.scrollTo-min.jsとjquery.localscroll-min.jsを、jQueryからjquery.js（v1.2.1）をダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.scrollTo-min.js" type="text/javascript"></script
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2011/08/19/20110818codecademy-a-slick-fun-way-to-teach-yourself-how-to-program/
http://solidstate.jp/UserAssistance/assistance/script_10.html
Google Code Archive - Long-term storage for Google Code Project Hosting.