公海555000kk线路检测—首页（欢迎您） 404! Page is Not Found ! 返回首页 XML 地图 | Sitemap 地图
JavaScriptの文字列置換とjQueryのDOM要素置換について、まとめて紹介します。 特にJavaScriptの文字列置換はいつもやり方を忘れてしまうので、このエントリーに保存しておきます。 １．replace()による文字列置換 基本的な文字列置換は、JavaScriptのreplace()メソッドを利用します。 var text = "foofoo"; var result = text.replace('foo', 'bar'); 実行結果（resultの内容） barfoo ２．replace()の正規表現による置換 replace()メソッドの第1パラメータに正規表現を指定すれば、さらに強力な文字列置換が行えます。 var text = "foofoo"; var result = text.replace(/foo/g, 'bar'); 実行結果（resultの内容）
12 Free jQuery Pre-Loader Plugins CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２がまとまっています。 画像の種類が色々ある上に実装方法も、単なる画像ではない方法が選べます。 画像じゃない方法でローディング画像を実装したい場合は参考にするとよさそう。 画像ではないため、軽量でレスポンシブなサイトにも使えるというところですかね 関連エントリ 超カッコいいローディングを実現できるjQueryプラグイン「Percentage Loader」 HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 画像や外部CSSなしでカスタマイズ可能なローディング画像作成ライブラリ「spin.js」
jQuery Mobile is no longer supported. Please see the announcement blog post for more information. Download Download Builder We recommend using our tool to build a custom bundle that contains only the components you need. The builder generates a custom JavaScript file, as well as full and structure-only stylesheets for production use. Download Builder Latest stable version 1.4.5 ZIP file If you wan
jQuery Mobileによるスマートフォンサイトの制作方法を解説する本連載。前回に続き、簡単な会社案内サイトを作成ながらjQuery Mobileの基本を学びましょう。今回は、jQuery MobileのフォームUIを使って、以下のような「お問い合わせ」ページ（#contact）を作成し、会社案内サイトを完成させます。 フォームUIの課題とjQuery Mobileによる解決 スマートフォンのブラウザーに標準で用意されているフォーム部品はどれもサイズが小さく、そのままでは指による操作に適しません。スマートフォンサイトの制作ではフォームをスマートフォンに最適化することが重要です。 以下は、jQuery Mobileを使わずに作成したお問い合わせページをiPhone/Androidで表示したものです。
2012/07/19に行われたWeb Cat Studioでの講演資料です。jQuery Mobile 1.1.1の変更点や1.2の新機能、パフォーマンス・チューニングについて触れています。
All the CSS, JavaScript, and HTML are in the source code of this HTML file. Use View Source and copy/paste for your local copy. Traffic Waves Have you ever been driving on an interstate highway when traffic suddenly slows to a crawl? You inch along for many minutes while waiting to see the accident which must have caused the jam. At the same time you also curse the "rubberneckers" who are causing
ボックス全体をリンクにしたい まずはこちらの発想の元ネタのサイトの紹介。 Link Boxes (Ask the CSS Guy) やりたいことは上記ページの上部の画像のように、見出しやテキストを置いている部分をリンクボックス化したいという主旨。マークアップや正しい書式にこだわらないなら簡単にできるのだが、ちゃんとした事をしたい人向けのTips。 ※以下のソースは上記サイトからの引用です。 上記サイトの言いたい事を簡単な日本語にして主旨だけ書きます。 ※訳とかまとめ要らないという方はその先に「それ、jQueryでやってみる」とか書いてみたので良かったらそちらへ進んでください。 まず中身はこんな感じ。見出しとテキスト。 <h2>About Us</h2> <p>How my life story became a Hallmark movie.</p> これらをボックスにしてリンクを付けたけ
スマートフォン向けページに最適な meta viewport の指定で迷う
スマートフォンでページが見やすくなるように、metaタグでviewportを指定。 試行錯誤の結果、以下の書式に決定。 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> viewportの属性の内容は以下の通り。 ・width デフォルトの幅は 980、範囲は [200, 10,000]。 つまり、viewportが指定されていない場合は、デフォルトは幅980pxでページが表示されるので、表示コンテンツが小さくなり、見にくくなる。 ・height デフォルトの高さは、width と縦横比から計算され、範囲は [223, 10,000]。 ・initial-scale ページが最初に読み込まれるときの拡大率。デフォルトではページ
<div id="tab-container" class="tab-container"> <ul class='etabs'> <li class='tab'><a href="#tabs1-html">HTML Markup</a></li> <li class='tab'><a href="#tabs1-js">Required JS</a></li> <li class='tab'><a href="#tabs1-css">Example CSS</a></li> </ul> <div id="tabs1-html"> <h2>HTML Markup for these tabs</h2> <!-- content --> </div> <div id="tabs1-js"> <h2>JS for these tabs</h2> <!-- content --> </div> <
QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡単。 関連エントリ たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」 スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」
前回の「フォーム」に続き、jQueryの特別な機能を解説します。今回取り上げるのは、「Ajax」を利用するための機能です。 今さら聞けない「Ajax」とは？ 「Ajax」（エイジャックス）は 「Asynchronous JavaScript + XML」の略で、あえて日本語にすれば「JavaScriptとXMLによる非同期通信処理」といった意味です。難しく聞こえますが、JavaScriptでWebページを切り替えずにサーバーとデータをやりとりすることです。JavaScriptでサーバーのデータを取りに行けば、ページを切り替えずに画面の一部を書き換える、といった処理ができるようになります。 WebブラウザーはWebページを表示するために、サーバーからHTML/XHTML（以下、特に断りのない場合はHTMLと書きます）ファイルを取得し、取得したHTMLを解釈して描画（レンダリング）します。通常
yuga.jsって？ ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
jQueryを利用してさまざまなUIの作成方法について解説してきた本連載も、いよいよ残すところ2回です。今回と次回では、Web制作の実務で役立つ「jQueryプラグイン」の概要と利用方法について解説します。 jQueryプラグインとは？ 「jQueryプラグイン」とは、jQueryと一緒に利用するJavaScriptライブラリーのことです。jQueryは本連載で解説してきたように簡単な記述で利用できますが、jQueryプラグインを使うとより手軽に、Webサイトにさまざまな効果を付けられます。 jQueryプラグインはjQueryでスクリプトを書ければ簡単に作成できるため、インターネット上には膨大な数のプラグインが公開されています。公式サイトのjQueryプラグインの紹介ページに紹介されているだけでも4000個近く、ブログなどで個人が公開しているものも合わせれば、その数は数万種類にも及ぶでし
jQueryプラグインの探し方 数万種類も存在するjQueryプラグインの中から、目的にあったプラグインを見つける方法はいくつかあります。1つは、公式のjQueryプラグインの紹介ページから探す方法です。解説はすべて英文ですが、比較的平易な文章が多いですし、解説を読まなくてもサンプルコードとデモなどで大まかな利用方法は理解できるはずです。 公式サイト以外にも、jQueryプラグインを紹介しているサイトは多数あります。海外サイトの「jQuery List」では、膨大な数のjQueryプラグインがカテゴリー別に紹介されています。jQueryプラグインには同種のまとめサイトが多数存在しますので、これらのまとめサイトからプラグインを探すのも手です。
新日鉄ソリューションズは2012年4月27日、同社が開発してきたスマートフォン／タブレット向けHTML5アプリケーション開発フレームワーク「hifive」をオープンソースソフトウエア（OSS）として公開した。hifiveの公式サイトも開設、マニュアルやチュートリアル、サンプリアプリも公開した。 hifiveは同社のシステム研究開発センターが開発した。スマートデバイス固有の開発知識を必要とせずに、パソコンとスマートフォン、タブレットに対応したアプリケーションを開発できるとしている。またHTML5により、アニメーションやグラフをWebブラウザ上で表示できる。 サンプルアプリとして、jQuery Mobileと連携したYouTube検索、jQuery UIと連携したダイアログ表示（写真1）やドラッグ＆ドロップ、HTML5APIを使用したWeb SQLデータベースやWebストレージ、HTML5のc
/*! * jQuery Mobile 1.4.5 * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC * http://jquerymobile.com * * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors * Released under the MIT license. * http://jquery.org/license * */ /* Globals */ /* Font --------------------------------------------------------------------------------------------
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します（2012/01/11頃まで）。 このエントリーで紹介する情報は2011年12月のものです。 １．ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ
If you are not redirected automatically, follow this link.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
