yuga.js :: Kyosuke.jp
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
GoogleはAjaxに弱い。 SEO見習いの覚書
Ajaxに弱いというか、正確に言うと「Javascriptが苦手だ」と。 実はGoogleの「ウェブマスター向けヘルプセンター」に そのような項目が記載されているんですね。 AJAX の操作 - サイトの拡張 以下、簡単にまとめておきます。 -------------------------------------------------------------- AJAXを使用すると、強力なウェブ アプリケーションとして動作する 動的なページを作成でき、サイトの利便性の向上に役立ちます。 ただし、AJAXを使用したサイトでは、Flash と同じように、検索エンジンによる インデックスの登録が困難になる場合があり、導入には注意が必要です。 Googlebot は、HTMLリンクの構造を理解することには長けていますが、ナビゲーション にJavaScriptを使用しているサイトの検出は苦手です
Ajax » jQuery plugin » フォーム要素の制御 | PHP & JavaScript Room
テキスト入力欄に日付、電話番号、郵便番号など指定したフォーマットで入力させるように入力制御を行うjQueryプラグイン。 設置イメージ Maked Input Pluginの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-L
Ajax活用のポイント：ページ遷移とユーザビリティの関係 - builder by ZDNet Japan
特集：セキュリティトレンド-秋- つながる世界で問われる対応 サプライチェーンセキュリティを考える 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu サーバースペシャリストへの道 PCサポートとサーバ管理の共通項 ひとり情シスのためのスキル向上のコツ ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て今「マルチ」へ ITインフラの最適化と継続的進化への道筋 特集：IT最適化への道 成功の
タイムテーブルを実装するための便利なJavaScriptライブラリ『today's timetable』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
JavaScript, Ajax、CSSで実現するツールチップ集「30+ Tooltips Scripts」 | DesignDevelop
TOP > WebDesign > JavaScript, Ajax、CSSで実現するツールチップ集「30+ Tooltips Scripts」 カーソルを合わせるとぴょんと飛び出すツールチップ。以前「javascript不要のCSSで制御するツールチップ「Easy CSS Tooltip」」や「半透明・角丸のツールチップを表示するJavaScript 「CoolTips」」といくつかDesigndevelopでも紹介してきましたが、今日紹介するのはそんなツールチップのスクリプトを集めたエントリー「30+ Tooltips Scripts」です。 Tooltip.js 主にJavaScript, Ajax、CSSを使って実現しています。沢山のToolTipsが紹介されていますが、今日はその中から気になったToolTipsが公開されていますので下記に貼り付けておきます。 詳しくは以下
魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE
個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ
これなら使えるAjax---目次
「Google」や「Yahoo!」などWebで提供される多くのサービスが「Ajax（Asynchronous JavaScript＋XML）」というリッチクライアント技術を利用している。Ajaxにより，従来のWeb技術では考えられないようなユーザー・インタフェースのシステムも登場してきた。こうした潮流は，徐々にではあるが企業の業務系Webシステムにも影響を及ぼしてきている。 だが，実際にAjaxのシステム構築に携わったITエンジニアの多くは，「甘いものではない」と口をそろえる。「必要な要素技術の数が増えるので，設計や開発の難易度が確実に上がり，デバッグも難しくなる。1人で設計・開発できるシステム規模ならエキスパートの投入で乗り切れるが，複数の開発者が参加する大規模システムでは，（たとえ開発支援ライブラリを使ったとしても）品質がバラついてしまう」（NTTデータ 技術開発本部 ソフトウェア工学
【ハウツー】ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を (1) Lightbox 2.0とは？ | パソコン | マイコミジャーナル
Lightbox 2.0とは？ Lightbox 2.0はAjaxを利用して画像を表示するライブラリです。画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。 Lightbox 2.0の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使う事ができます。Lightbox 2.0ではHTMLの<a>タグのrel属性にlightboxの文字を記述するだけでできてしまうという手軽さです。また、JavaScriptのコードが実行できるブログであればLightbox 2.0を利用することができます。 Lightbox 2.0は作者であるLokesh Dhakar氏のサイトからダウンロードすることができます(*1)。 「Lightbox2のダウンロードサイト」 「Lightbox v2.0
Ajaxの活用事例 - 米GAPが目指した新しいショッピング体験｜アークウェブのブログ
こんにちは、ディレクターの八木です。 “それ”がなかった頃は不便という自覚すらなかったのに、一回でも経験した後は「なんで今まで“世の中こんなもんだ”なんて思ってたんだろう？もう昔には戻れない」と感じたことってないでしょうか？ 先月前半にリニューアルした米国GAP配下のブランド・サイト（ GAP.COM、BANANAREPUBLIC.COM 、OLDNAVY.COM ）は、まさにオンライン・ショップにおける「ユーザインタフェース(UI)なんてこんなもんだ」を覆すぐらいのインパクトがありました。キーワードはAjaxです。 GAP： http://www.gap.com/ BANANA REPUBLIC： http://www.bananarepublic.com/ OLD NAVY： http://www.oldnavy.com/ 3サイト共に基本インタフェースは共通です。 BANANA RE
[ThinkIT] 第4回：Ajaxを使った顧客主体の楽しいサービス (1/4)
Web 2.0という言葉で近年活発に議論されている次世代Webビジネスの世界。その中のキーワードの1つであるAjax（注1）を使用した事例がここ最近増えてきている。Ajaxをうまく活用すれば、従来のシステムをより使いやすく、動的で楽しいものにかえることができる。しかし、すべてのシステムがかえられるわけではなく、費用対効果についても検討する必要がある。 ※注1： Asynchronous JavaScript + XML の略。Webブラウザに実装されているJavaScriptのHTTP通信機能を使って、非同期（Webページのリロードを伴わない）でサーバとデータのやり取りを行なう手法。 今回は、ヤマトホールディングス株式会社のグループ企業「ヤマトリース株式会社」が、自社の顧客に向けて2006年4月に本稼動させた「中古物件紹介サイト（ヤマトシステム開発株式会社と株式会社HOWSが共同開発）」を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ちょっとした説明に便利なTooltipsのスクリプトいろいろ | IDEA*IDEA
Ajaxベースのクールなショッピングカート作成:phpspot開発日誌
Ajax/Javascript/Dhtml examples and demos to download
Build and implement a single sign-on solution
HTML5 User Experience Design - ＠IT
BtoBマーケティング C-M-P株式会社
ユーザー事例に学ぶ Ajax使いコスト5分の1で中古車売買サイトを構築―ヤマトリース