Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2
回答 † JavaScript は、もともとブラウザ上で動く小さなスクリプト言語でした。しかし、現在では文法が標準化され、Web ページを含む XML 文書の操作をはじめとし、PDF 操作*1、Flash 操作*2、アプリケーション操作*3、システム操作*4など、さまざまな場面で活躍しています。 このページでは、JavaScript の基本と、Web ページを操作する仕組み(DOM)を中心として、参考サイトを紹介します。 ↑ プログラミングが初めての人には † 目標:プログラミングの基本的な事項(変数、関数、条件分岐、ループなど)を理解し、分からないことを自分で調べることができる。 ウェブの作り方・JAVA スクリプトの使い方。 実例が豊富です。また、Web ページでスクリプトを使う際の注意事項がありますので、よく読んでおきましょう。 ↑ JavaScript を読み書きしよう † 目標:
Resources for Developers, by Developers Documenting CSS, HTML, and JavaScript, since 2005. / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + { { { { } } } } { { { { } } } } { { { { } } } } { { { { }
iPhoneアプリのようなリッチなUIをブラウザで実現!Web 2.0 Touchが凄すぎる! 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIをブラウザでも簡単に作ることができます。 iPhone・iPad・Androidに対応しています。 どんな動きが出来るのか、これを見ると一目瞭然です。 アニメーション 上下左右のフリップ(画面が反転する動き)、ポップイン、ポップアウト、上下左右のスライドが出来ます。 テーブル表示 お馴染みのテーブル表示もこの通り。角丸タイプのテーブルも作れるようです。 ボタンやタブ表示、吹き出し タブ表示は便利な機能ですが、自分ではとても作れないところなので、需要ありそう
◆document.getElementsByName メソッド collection = document.getElementsByName(name); nodelist = document.getElementsByName(name); 指定された DOM(Document Object Model) 形式のドキュメント document から、name プロパティが引数(文字列)name であるエレメントに対する Element クラス(またはそのサブクラス)のコレクション collection、またはノードリスト nodelist を返します。 該当するインスタンスが存在しない場合、null ではなく、空のコレクション collection、または空のノードリスト nodelist を返します。 HTML では、ボタンやテキストボックスといったコントロールは、そのエレメント
Note: This post was first published on the 7th June, 2010. So you’ve heard all rumors that HTML5 would take over Adobe Flash. While most web community argues that it’s possible or not, you must be wondering what makes HTML5 so powerful that even giant company Apple wants to use it to replace Flash. That’s why this post exists; we’re not going to talk about what HTML5 can do, but show live demos of
Like I said in my previous article, all information about HTML5 is way too big to put into one blog article. We first looked at what HTML5 microdata can do for us, and today we’ll dive into another feature W3C added to their HTML specification. It’s called custom data attributes (by developers mostly referenced as data-* attributes), and I’ll explain what it is and what problems it fixes for us. T
もう知らないでは許されない!!「これからはじめる」という人のためのjQuery Mobile情報まとめ Tweet 2011/5/27 金曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | 4 Comments » モバイルサイト作成のためのフレームワーク「jQuery Mobile」が、すごい人気ですね。 当初は数ある選択肢の中の一ツールとして程度の扱いでしたが、AdobeのDreamweaverが本格対応するなど、その勢いは留まるところを知らず、根幹的な技術になりそうな気配すらあります。 今回は過去に当サイトで掲載させていただいた情報も含め、jQuery Mobileを学ぶ上で知っていた方が良さそうなリンクをまとめてみました。 本家サイト。英語が苦手な私は、主にダウンロード用途ぐらい。 → jQuery Mobile 本家サイト(英語) [j
Skitter 多種多少なアニメーションで画像を変更するスライドショー。 キャプチャは「cube」、キューブ状になって変更します。
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日! 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 <head> <!-- jQuery --> <script type="text/javascrip
5 5月 2011 - by cat_anywhere HTML5はには、およそ10年前の規格であるHTML4.0(現在は4.01)では補えきれない、現在のWEB環境に対応するために新たに追加された新機能が目白押しだ。 現在はまだドラフト(草案)の段階だが、W3Cから正式に勧告されるのは、2012年3月くらいだと言われている。 注目される新機能としては、JavaScriptを使いブラウザ上で描写できる<canvas>タグや、ローカルにキャッシュとしてデータを置き、オフラインでもアプリケーションが実行可能になるAPI、Web storageなどがあるが、「いったいどれくらいスゴイのそれ?」とか、「今までとどう違うのよ?」と思ってる人も多いと思う。 そういった疑問に答えるべく、各ブラウザが、HTML5のデモサイトを次々に公開し、「俺んとこのブラウザは、こんなことが出来るぜ!」と猛アピールしてい
最近では、エントリーフォーム最適化(EFO)という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと 入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。 どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。 です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。 具体的なポイントは以下のような項目になります。 必須入力か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く