JavaScriptでOSやブラウザの検出が出来る「BrowserDetect.js」:phpspot開発日誌
JavaScript - Browser detect A useful but often overrated JavaScript function is the browser detect. Sometimes you want to give specific instructions or load a new page in case the viewer uses, for instance, Safari. JavaScriptでOSやブラウザの検出が出来る「BrowserDetect.js」。 JavaScriptでOSやブラウザのバージョンを簡単に得ることができます。クラスなのでグローバル変数多用もせず、再利用できて便利です。 <html> <body> <script language="javascript" src="BrowserDetect.js"></sc
Re：zapa氏 今更ですが、jQueryにはまりました - ホームページを作る人のネタ帳
ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう！ これを見てから3日間。 ブログもあまりかけずこればっかりいじって遊んでました。 睡眠時間も1日2時間くらいになり、今日は書こうと思います。 まずZAPA氏、きっかけをありがとう。 私はJavaScriptの知識がほぼ皆無な人間です。 そんな私でもjQueryは簡単に使える為、面白くてはまりました。 ただ、お恥ずかしい話、PHPを使ってJavaScriptをある程度制御しなければ私は使いこなせません。 ですが恐ろしく簡単にこれまでこのブログで紹介してきたようなJavaScriptアプリと同等のものを作れる為、これははまります。 JavaScriptダメダメの私でも出来ました データベース接続部や、なんやかんやは全てPHPでまかない、動作部分やFormなどはｊQueryに投げる。 こんな方法で色々試して見ましたが、A
Visual Web Developer Express で JavaScript デバッグ - アメリカでがんばりましょう
Web 2.0 なサービスを開発するなら欠かせない JavaScript 。 以前、Mozilla/Firefox 上で動作する JavaScript Debugger エクステンション (Venkman) を 紹介したが、これではブラウザ市場でいまだ過半数を占める IE の場合をカバーできていなかった。 やっかいなことに IE と Firefox で JavaScript の動きが違うなんてことも少なくない。 これまで、IE では Internet Explorer Developer Toolbar (Firefox の Web Developer Toolbar みたいなツール、 地味にアップデートされている) と しばらくメンテされていない Script Debugger を中心に使っていたのだが、この Script Debugger は無いよりマシ程度なツールだった。 (なのでリ
よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 （単純にボクがこのスタイルが一番見やすくて好きってだけだったり） サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル （サンプ
Webデベロッパ必見! Ext 2.0がついに正式リリース | エンタープライズ | マイコミジャーナル
Ext JS, The Ext teamは4日(米国時間)、次期最新版となる「Ext 2.0」を公開した。ExtはJavaScriptで開発されたWebアプリケーションフレームワーク。ほかのフレームワークに依存せずにスタンドアロンで提供されているフレームワークで、軽量で高い拡張性を備えており、デスクトップエクスペリエンスとかなり近い動作を実現しているという特徴がある。 Ext 2.0のリリースには長い時間がかけられた。もともとは11月15日(米国時間)にリリースが予定されていたため、1ヶ月弱の遅延となった。パフォーマンスが大幅に向上しているほか、設定がより簡単になり、柔軟性やUI機能が向上している。 Ext 2.0における新機能はグリッドのグルーピング機能、グループサマリ機能、スクロールタブコンポーネント、アンカーレイアウト、カラムツリーコンポーネントなど。開発を支援する新しいAPIドキュ
特集：prototype.jsを読み解く｜gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
WEBデザイナーのための超便利リンク集:phpspot開発日誌
For Webdesigners - 332 helpful links for webdesigners WEBデザイナーのための超便利リンク集。 Ajax、カラー、CSS、Flash、フォント、無料写真、ジェネレーター、素材、アイコン、インスピレーション、PhotoShopチュートリアル、xhtml に関するサイトが332もまとまっています。 どのカテゴリも厳選されていて、WEBデザイナーの方には便利なものになっています。 フォントや写真、アイコンなどの素材を探す場合にはここから探してもよさそう。 関連エントリ 超クールなブログデザイン集30 プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」 ページ送り部分のデザイン研究
日本語表示できる国産の日付選択用JSライブラリ「protocalendar.js」:phpspot開発日誌
オンラインで汚いJavaScriptコードを整形できる「Online beautifier for javascrip... 次の記事 ≫：ブラウザ上で動くJavaScriptの統合開発環境「TIDE」 Spookies Labs | シンプルな日付選択用ライブラリ「protocalendar.js」を公開しました prototype.js ベースの日付選択用 javascript ライブラリ「protocalendar.js」を公開しました。 日本語表示できる国産の日付選択用JSライブラリ「protocalendar.js」。 特徴は次のようになってます。 prototype.js ベース（1.5 以降）。 シンプルで軽量。 MIT LICNESE 16のローカライゼーションに対応。 フォーカスでカレンダー表示。（トリガーを追加可能） 日付フォーマットを変更可能。 日付のラベル表示が可能
【ハウツー】ゼロからはじめるslideViewer - 画像をスライド表示できるjQueryプラグイン (1) slideViewerとは? | パソコン | マイコミジャーナル
slideViewerは、Ajaxライブラリ「jQuery」のプラグインとして機能する画像スライドライブラリです。 slideViewerはサムネール画像が不要で、表示する画像の番号が自動生成されます。枚数がやや多い画像を表示するような場合に便利です。 本稿で紹介するslideViewerサンプルの1つ。画像の下にある番号をクリックすると画像がスライドして表示されます slideViewerは<ul><li>タグに表示する画像を列記するだけですので非常に手軽に使えます。その際に、<ul><li>タグにはID名やクラス名を新たに割り当てることもしませんので、既存の(X)HTMLタグ構成のまま利用できるのも利点の1つです。また、slideViewerではページ内にある複数の領域をスライド表示できます。 関連ファイルの入手 slideViewerは、jQueryなどを含めた全てのファイルを一括取
【ハウツー】ゼロからはじめるThe Yahoo! UI Library - Tooltip編 (1) Yahoo! UI Library Tooltipとは? | パソコン | マイコミジャーナル
今回はYahoo! UI LibraryのUIの1つであるツールチップ(Tooltip)機能について説明します。一般的なツールチップはブラウザの多くはデフォルトで実現しており、タグのtitle属性で指定したものがマウスオーバーにより表示されます。ただし、ブラウザがサポートするツールチップではテキストしか表示されません。ツールチップに画像とテキストなどを表示させたい場合には、Yahoo! UI Libraryのツールチップを使えば実現することができます。うまく使いこなせば、オリジナリティの高いツールチップを作成できるので、ブログやWebサイトの見栄えやユーザビリティが向上するでしょう。 Yahoo! UI Libraryの入手 まず、Yahoo! UI Libraryを入手しましょう(*1)。Yahoo! UI LibraryのダウンロードはこのURLにある「Download YUI」のボタ
ウノウラボ Unoh Labs: jQueryのパフォーマンス最適化に関するTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの！？ めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？ DOM 3 XPath
CodeZine：JavaScriptとオブジェクトの関係（チュートリアル）
はじめに JavaScriptは、とても不思議で面白い言語です。ただ、特徴を掴みきるまでは難解だと思ってしまうと思います。今回は、JavaScriptを理解するコツをいくつか紹介しようと思います。 インタプリタだと思うからややこしい JavaScriptでもっとも難解なのは、「今まで定義していないクラスであっても、あたかも定義されていたかのように、好きなタイミングでインスタンス（変数）を生成できる」という点です。 例えばJavaなどのコンパイラの場合は、実行する前に一度全てのソースをコンパイラが見渡すため、ソースコード全体からクラス定義を見つけ出してインスタンスと関連づけることができます。そのため、クラス定義の実装タイミングやソースコード上での位置がどこであっても問題になりません。 ところが、1行1行読み込みながら実行するイメージのあるインタプリタで、JavaScriptのような
AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」 - GIGAZINE
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
JavaScriptがウェブを遅くする--今できる緩和策を考える
JavaScriptの1行が、今日のブログ技術に多くのパワーを与えている。ウィジェット、共有ツール、訪問者の追跡、広告。多くの場合、ブロガーは新しい技術を自分のブログに導入するのに、JavaScriptを1行加えるだけでいい。問題は、それらの1行のJavaScriptが多数組み合わされたときに起こる。 物理学には、非線形性と呼ばれる有名な現象がある。多くの異なることが相互作用すると、結果を予測するのが難しくなるのだ。ソフトウェアの場合も違いはない。多くのコンポーネントを組み合わせると、何が起こるか予測できなくなる。これは、各コンポーネントはスタンドアロンのように振る舞うが、それらは決まった区画内のスペースと閲覧者の注意を争う関係にあるからだ。そして、この争いはすべての人を傷つける。読者、ブロガー、サービス。誰もが不満を抱くことになる。 この記事では、多くのJavaScriptの1行がどうし
日本語向けfonts.css登場？ 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum
去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptとCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日本語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生
prototype.jsを読み解く：第1回 Prototypeライブラリ（1〜197行目）｜gihyo.jp
他のライブラリや、自分のコードと共存させるときは、これらの名前と衝突しないように気をつける必要があります。同じ名前を使ってしまうと、コードがロードされた順番によって挙動が変わる、というようなわかりにくい問題が発生してしまう場合が出てきます。 オブジェクト、クラスの使われ方 ライブラリ内では、上記の名前空間は大きく分けて以下のような使われ形をしています。 その下に別のオブジェクトを入れるための親名前空間として使う Class.create()を使って Prototypeライブラリ風のクラスとして定義する Object.extend()を使って他のクラス、オブジェクトから継承されることを前提とする関数を集める コードを簡潔に記述する為に短い名前の関数として使う 特に、Object.extend()を使って継承を実現している箇所が多く、最終的にどのオブジェクト・クラスにどのメソッドが定義されてい
JavaScript のチートシートいろいろ:phpspot開発日誌
JavaScript のチートシートいろいろ。 JavaScript Cheat Sheet Addison-Wesley's JavaScript Reference Card JavaScript Quick Reference JavaScript and Browser Objects Quick Reference JavaScript in 10 Minutes 以前に紹介したものもふくまれていますが、他にもいろいろあるようです。 印刷しておくと便利そうですね。
「Rubyに次いでPHPも」 フリーの統合開発環境Aptana M9リリース：CodeZine
統合開発環境（IDE）「Aptana Milestone 9」が27日リリースされた。AptanaのWebサイトから無償でダウンロードできる。実行にあたってはJavaランタイム1.5以上がインストールされている必要がある。なお、AptanaはEclipseプラグインとしても公開されており、Eclipseの更新機能に「http://update.aptana.com/install/3.2/」を登録することで入手できる。 今回のバージョンアップでは、かねてより発表されていたPHPを正式にサポートした。コードアシスト機能やアウトライン機能、関数を色づけするシンタックスカラーリング機能などが搭載されている。PHPファイルの作成はプロジェクトの作成後、メニューバー「File」－「New」－「PHP File」より行える。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryの魔法 [Javascript] All About![jQueryの魔法 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
