HTML5.JP は、HTML5 の国内での普及を目指し、2007 年に個人プロジェクトとして運営が開始されました。2019 年現在、すでに HTML5 は当たり前のように活用され、多くの情報がネットから入手することができるようになりました。 当サイトの役割は終えたことに加え、当サイトの更新もままならず情報も古いままであったことから、当サイトを閉鎖することにいたしました。これまで当サイトをご支援頂きました皆様には心より御礼申し上げます。 2019 年 8 月 15 日 管理人より
対応ブラウザー Internet Explorer 6 以上 Firefox 2.0以上 Opera 9.0以上 Safari 3.0以上(もしかしたら2.0でも動作するかもしれませんが、未確認です。) Google Chrome 0.3以上 使い方 cpick_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。そしてHTMLのhead要素内に、cpick.jsをロードするようscriptタグを記述しておきます。このサンプルは、html5jpフォルダが一階層上に存在しているものとしてscript要素のsrc属性を指定していますが、html5jpフォルダ はどこに設置しても構いません。html5jpフォルダの設置場所に合わせてcpick.jsをロードするscript要素のsrc属性を書き換えてください。
jQueryを使用して、リスト要素で実装したテキストリンクを指定した範囲内だけでスクロールさせるスクリプトを紹介します。 The MoveUp Menu デモページ [ad#ad-2] テキストリンクのリストはマウスを上下に移動すると、ものすごい勢いでスクロールします。 デモではマウス操作だけでは難しいため、キーボードの矢印キーの操作にも対応しています。 実装 実装はHTML, CSSともに最小限の形で実装されています。 HTML <div id="menu"> <ul> <li><a href="#">Nature</a></li> <li><a href="#">Receivability</a></li> <li><a href="#">Alone time</a></li> /ul> </div> CSS リストの可視範囲(高さ)を指定します。表示されないリストはスクリプトで表示し
待望のメジャーアップデートセミナー kanazawa.js v1.0 〜JavaScriptコトハジメ〜 2011年2月5日開催 主催:kanazawa.js実行委員会がお送りする感動と涙のエンターテイメント!kanazawa.js は主に金沢市・石川県・北陸地方近辺の JavaScript デザイナー・プログラマによる非営利団体です。各個人のプログラミングスキルの向上を目的に、勉強会ならびにカンファレンスの開催、情報交換などを行うコミュニティを目指しています。kanazawa.js は JavaScript を利用し、スキル向上を望む方であればどなたでも参加できます。 Version 1.0の今回は「JavaScrptコトハジメ」をテーマに、JavaScriptを触ったことない人、わけもわからぬままJSプラグインを入れてとりあえず実装している人などのJavaScript初心者を対象とした
「ヨーロッパで遂にFirefoxのシェアがIEを超えたのだそうだ」 「へぇ」 「まあ、反アメリカの風潮が強いヨーロッパなら分からないこともない」 「アメリカの経済侵略の象徴的な尖兵だもんね。MSとIEは」 「アメリカに身も心も捧げちゃった日本とは受け止め方が違う」 「それで君の感想は? 最近、稲荷を見ることが多い君はおキツネさまの躍進に満足かい?」 「わははは、とんでもない。これで世界は順調にぐだぐだになっていくぞ」 「どういう意味で?」 「実質的にこれはAjax虐殺に等しい」 「なぜ?」 「いいかい。まず、どんなサイトもテストをしないで動作を保証できない」 「うん」 「標準に即していれば動くはずであるというのは、よくある妄想だ」 「そうなの?」 「嘘だと思うなら標準準拠度100%をうたうソフトを試してみるんだな。運が良ければ問題に突き当たらないで済むかもしれない」 「ははは」 「つまりだ
このウェブサイトは販売用です! t32k.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、t32k.comが全てとなります。あなたがお探しの内容が見つかることを願っています!
昨年に続いて、新春特別企画:2011年のJavaScript ─ウェブアプリ全盛の時代へ|gihyo.jp … 技術評論社を書きました。 去年、当たったら(自分が)面白いよねくらいな気持ちで書いた「拡張」とか「サーバーサイドJavaScript」が見事に的中してて驚きました。特にNode.jsブームはすごいですね。 ってわけで今年は、Node.jsのどこが注目されているのかを書きました。あと、それに呼応してBigPipeにも言及。BigPipeはid:brazilが東京に来たときの飲み会で@kzysに教えてもらった。確かにかとーさんはいつも良いネタ持ってる印象があるなあ。 そういえば、今年の後半は色々忙しくてブログにあんまり書いてなかったけど、DeNA Technology Seminar #3 : ATNDでJavaScriptの未来みたいな話をしました。この時も@kzysが来ていた。@
Node's goal is to provide an easy way to build scalable network programs. JavaScriptフレームワークやHTML5テクニックの紹介とともにNode.jsが取り上げられることが増えている。Node.jsはChromeのJavaScriptエンジンV8を活用して開発が進められているサーバサイドプラットフォーム。JavaScriptを使ってサーバサイドで動作するアプリケーションを簡単に開発できる。Node.jsには次のような特徴がある。 JavaScriptを使ってサーバサイドアプリケーションを開発できる。 スケーラビリティの高いネットワークプログラムを高いスキルを要求されずに開発することが可能。 高い並列性を実現。内部の実装はepoll(7)、kqueue(2)、/dev/poll、select(2)などOSごとに
JavaScript Advent Calendar 2010も22日目!あと3日ですよ。僕はちょうど学んだばかりのCanvasをアウトプットもかねて、まとめと実践を書いてみます。知ることと行うことは同一である、最近行ったセミナーでも言ってました。 jsdo.itにはほんまにこれCanvasなん?なサンプルいっぱいありますね。あーいうの書けるようになりたいなぁとか思いつつ、jQueryばっかりさわってた僕は.animate()メソッドの便利さに取り憑かれていたので、Canvasの絵もまだ上下左右で動かすくらいしかできません。慣れが必要です。。 どうでもいい情報としてCanvasの読み方なんですけど、「キャンバス」じゃなくて「カンバス」が正しいようです。キャンバス・カンバスどっちでもよさげ。僕はキャンバスって読んでました。けどカンバスにします。 前置きはこれくらいにして、今回は次のようなカラ
Flash界のコーディングゴッドGSkinnerがJavaScriptのCanvasをFlashライクに使うライブラリを作った。 この人、確か僕と同い年ぐらいかちょい下なんだよね。。。会う度に超へこむ。 画期的というか、確実にかゆいところに手が届くライブラリで、下みたいなのがサクサクJSでいける。あいかわらずソースは美しいし、ドキュメントも完備。 game sparkles rollover localToGlobal globalToLocal sprite sheets ざっと見た感じFlashでいうところの、Stage, MovieClip, Sprite, Bitmap, Matrix, Stage, EnterFrameとキーフレームアニメがサポートされてる感じ。これは素敵。 このライブラリそのものもスゴいんだけどポイントは、GSkinnerがJSやりだしたってことは、365日以
プラグインだけど公開してないものだったり、いつも使ってるプラグインとの組み合わせだったり、ショートコードとかなんだか色々。どれもCodaにスニペットで登録してて一発変換で使ってます。 コードはアレなんですけど、ひょっとしてひょっとすると誰かの役に立つかもしれないので恥ずかしながら公開します。対象はちょっとだけJS書けるとかそういう人ですかねたぶん。書ける人はもっとキレイなやつ使ってるでしょうし。(もっときれいに書けとか何そのコードとかも歓迎) 紹介してるスニペットたち ページトップにスクロールするだけ テキストボックスにラベル表示するやつ 要素のサイズを取得するやつ タブきりかえるやつ IEで透過pngをフェードしたときに黒くなるやつ対策のshow()とhide() Google Analyticsのトラックイベント一括bind Ajaxサイトにするときに使うリンク置き換えプラグイン スク
テキスト入力エリアなどの残り入力文字数をシンプルに表示するjQueryプラグインです。使い方も簡単で、指定要素に入力文字数と一緒に実行するだけです。 動作サンプル 必要なファイルを読み込む jQueryとm5simpleTextCount.jsを読み込みます。 任意の要素に対して実行する 任意のinput, textareaに対して実行します。 HTML JS jQuery(function($) { $('.simpleTextCount').simpleTextCount({ maxLength: 12 }); }); ちなみにm5simpleTextCountを実行したinput要素はpaddingRight、textarea要素はpaddingRight, paddingBottomに適当な数値を当てたほうがいいと思いますよ!(そこは手動やねんで・・・ オプション オプションを指定
JavaScript Advent Calendar 2010 8日目担当のid:os0xです。 JavaScriptネタは案外範囲が広くて色んなネタがあるので、毎回が楽しみですね。 さて、私はデバッグをネタにしたいと思います。テストではなくデバッグです。誰かが書いたコードをメンテナンスしなきゃー、とか。jQueryプラグイン導入しようとしたけど、なんかうまく動かないーみたいなケースのおはなしです。 JavaScriptのデバッグは大変なので、多くの方が日々苦労されていると思います。なぜJavaScriptのデバッグが大変なのか少し整理してみましょう。 ブラウザ依存 まず、なんといってもJavaScriptはウェブブラウザ上で実行されるので、環境が一定ではありません。特定の環境だけを対象にJavaScriptを書くことは滅多にありません。PC向けではIE、Firefox、Chrome、Sa
HTML+CSS+JavaScriptでiPhone/Androidアプリ開発ができるツール「PhoneGap」 Tweet 2010/12/3 金曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | No Comments » マイコミジャーナルに興味深い記事があったのでご紹介します。 HTML+CSS+JavaScriptでiPhone/Androidアプリ開発ができるツール「PhoneGap」に関する記事です。 → マイコミジャーナル HTML+CSS+JavaScriptでiPhone/Androidアプリ開発「PhoneGap」 [journal.mycom.co.jp] 「PhoneGap」の概要から、HelloWorldアプリの作り方までが解説されています。 この手のツールでは、JavaScriptでiPhone/Androidアプリ
このウェブサイトは販売用です! t32k.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、t32k.comが全てとなります。あなたがお探しの内容が見つかることを願っています!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く