[B! ajax][tips] webmarksjpのブックマーク

webmarksjp id:webmarksjp

ajaxとtipsに関するwebmarksjpのブックマーク (69)

EfficientJavaScript - Dev.Opera - 効率的な JavaScript
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次この文書について効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう関数を使いたいなら function を使おう with を使うのはやめよう性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しようグローバル変数を使うのはやめよう暗黙のオブジェクト変換に気をつけよう性能を決める関数で for-in を使うのはやめよう文字列は累積スタイルで使おうプリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー再フローの回数をでき
webmarksjp 2008/07/15
programming

javascript

Ajax

tips

まとめ

リファレンス
リンク
Shift: Zoho Writer に待ちに待った機能が・・・
Powered by WordPress Username or Em ail Address Password Rem ember Me ← Back to Openstratus
webmarksjp 2008/07/15
インターフェース

デザイン

JavaScript

css

programming

web制作

サムネイル

*webdesign

ajax

tips
リンク
JavaScriptのイベントハンドラ説明
本気でやるならonclick属性は避けてライブラリを活用すべき - 帰ってきたHolyGrailとHoryGrailの区別がつかない日記を読んで，思うところあって書いてみました︵決してカウンターアーティクルではない︶。むかしむかし JavaScript を触っていたむかしむかしに書かれた JavaScript の本で勉強している／した人向けに。大元記事︵そろそろ本気で学びませんか？ | Think IT︵シンクイット︶︶の想定読者に近いかなと思います。よって以下は JavaScript の初学者にはまったくおすすめできない︵余計な知識がついてしまう︶です。 Step 1: はじめのいっぽボタンを押したらメッセージボックスが出現する HTML を書いてみます。 <html><body> <script type="text/javascript"> function ShowMes
webmarksjp 2008/07/15
javascript

tips

*javascript

event

ajax
リンク
[N] 30秒でブログにGoogle Mapsを貼り付けられる「WikiMapia」
How to add a Google Map to any web page in 30 seconds.というエントリーより。 1) Go to WikiMapia.org site and find a part of the map that you need. 2) Click WikiMapia at the top right corner and choose map on your page link. 3) Move and resize frame you see to desired view, adjust view setting if needed and copy given html code to your page or blog. 30秒でGoogle Mapsをブログに貼り付けられるサービスとして紹介されていた「WikiMapia」が凄い！試して
webmarksjp 2008/07/15
地図

google

tips

00.webアプリケーション

操作

あとで読む

ajax

web2.0

programming
リンク
押さえておきたい15のJavaScriptスニペット:phpspot開発日誌
WebCodr.com Blog Archive 15 Javascript Snippets You Can’t Live Without Please Note: We have moved to our new home WebCodr.com - please update your links and bookmarks! 押さえておきたい15のJavaScriptスニペット。画像読み込み＆フェーディング動的テーブルカレンダー選択ウィジェットタブバードラッグできるWindow ズームできるイメージサムネイル LightBox2 ドラッグ＆ドロップなショッピングカートドラッグ＆ドロップなソート可能リスト JavaScriptのロギング＆デバッギングフォントリサイズの検出地図上にポインタとテキストを置くフォトアルバム＆スライドショースライドダウン＆アップアニメーシ
webmarksjp 2008/07/15
javascript

スニペット

リンク集

ajax

*まとめ

web制作

webdesign

tips
リンク
JavaScript ミニライブラリ
■ JavaScript ミニライブラリちょっと前から﹁なくても不便じゃないけど、あったらちょっと便利かもね﹂っていう JavaScript を書いたりして発表していましたが、一覧とか作ってないからどんなのがあるのかわかりにくかったのでまとめてみました。 onsubmit で disable以外のスクリプトは全てパブリックドメインとするので、自由に使って下さい。onsubmit のやつはもともと自分が作ったものじゃないので良くわかんない(← 無責任)。結構作ってるつもりだったけど、並べてみると意外と少ない。 onsubmit で disableにするやつテキストフィールドのフォーカス時に背景色を変更する JavaScript フォームに入力を促すメッセージを出力する JavaScript パスワードの安全性を教えてくれる JavaScript カーソル位置のセルの上端と横端をハイ
webmarksjp 2008/07/14
javascript

library

ajax

web

#design

tips

development
リンク
10分でできるLifeHack 〜ブラウザーさえあればそれでいい - Dragon.jp
【無料ウェビナー 10月25日（火）】本当のCookie規制がやってくる！省令公布迫る改正電気通信事業法のポイント解説
webmarksjp 2008/07/14
web

tool

tips

ajax

サービス

まとめ

便利

ブラウザ

Webサービス
リンク
リンクサムネイルの作り方 - GIGAZINE
外部サイトへのリンク文字列の上にマウスが来ると、自動的にリンク先のページをサムネイルで表示するという面白いスクリプトです。例と設置方法は以下から。例としてはこんな感じです。 http://lab.arc90.com/tools/linkthumb/ コードのダウンロードと使い方などは以下の通り。 arc90 lab : tools : Link Thumbnail http://lab.arc90.com/2006/07/link_thumbnail.php 互換性はInternet Explorer 6.0以上、Mozilla Firefox 1.5以上、Apple Safari 2.0、Opera Version 8.51以上であるそうです。ちゃんと外部サイトのみ判別し、自サイト内ではいちいちサムネイルを表示しないようにできます。
webmarksjp 2008/07/14
javascript

web制作

tips

program

Ajax

0一応登録

linkthumbnail

CSS
リンク
ITmedia Biz.ID：海外のPCでも日本語を入力する
日本語変換エンジン︵IME︶が入っていない、海外のPCでも日本語を“入力”できる――。もうすぐゴールデンウィーク。海外旅行に覚えておきたいそんなツールがあるのだ。皆さんは海外旅行にPCを持って行きますか？　仕事だけでなくプライベートでも、メールチェックやSNSの書き込みをしたいと思う人が増えている。海外のホテルでもネット接続環境が充実してきているので、PCを持って行くのも一案。わざわざ重いPCを持っていくより、町中にあるネットカフェを活用するほうが、スマートかもしれない。そんなとき、困るのが“日本語の入力”である。 IMEが入っていないPCで、Webページから日本語入力海外のPCには当然ながら、日本語変換エンジン︵IME︶がインストールされていない。だから、検索エンジンに言葉を入力するのも一苦労だ。筆者は、ITmediaを開いて、必要な言葉を見つけてはコピー＆ペーストを行い、日本語を
webmarksjp 2008/07/14
*webサービス

lifehacks

pc

tips

tool

travel

webサービス

input method

ajax

旅行
リンク
Ajaxチュートリアル集126個:phpspot開発日誌
AsH: Top 126 Ajax Tutorials Ajaxチュートリアル集126個。 Ajaxの入門、ブックマークレット、チャット、ドラッグ＆ドロップ、動的コンテンツ読み込み、オートコンプリート、ファイルアップロード Lightbox風画像表示、キーワードサジェスト、インクリメンタルサーチ、プログレスバー、角丸、リストのソート、ツリー、投票など、ありとあらゆるチュートリアルがまとまっていて、やりたいことを実現する際に使えそうです。これだけのリファレンスがあるんですね。驚きです。関連エントリドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ WEB開発者のためのリソースを集めたリンク集 JavaScriptデバッグツール集 JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法高速＆シンプルなJavascriptテンプレートシステム『RN
webmarksjp 2008/07/14
web2.0

ajax

tips

javascript

summary

プログラミング

*まとめ

phpspot
リンク
Flickr開発者が語るネットサービスの高速化方法
Web2.0としてくくられるタイプの各種ネットサービス、いわゆるウェブアプリは以前とは比較にならないほど動的生成されるものが多く、結果としてものすごい負荷をシステムにかけるわけです。というわけで、海外におけるデジカメ画像共有サービスの代表的なものである﹁Flickr﹂の開発者がJavaScriptを高速化する手法について解説しています。Vitamin Features >> Serving JavaScript Fast 手順を分割して簡単にしてみたり、キャッシュを使ったり、転送量を圧縮して帯域を節約したりいろいろあるようです。なお、GIGAZINEはキャッシュシステムを採用して有効活用することで負荷を現在、当初の12分の1に抑えています。また、こっちはリバースプロキシによる高速化手法。 ViSolve.com - Squid Support Service Apacheのモジュール
webmarksjp 2008/07/14
チューニング

Ajax

プログラミング

Webアプリケーション

高速化

Linux

apache

tips

flickr

performance
リンク
CSSだけでイメージマップを作る有用サンプル:phpspot開発日誌
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSだけでイメージマップを作る有用サンプル。画像の特定部分にカーソルを合わせると、説明を画像上に表示できるCSSとXHTMLサンプルが公開されていました。 JavaScript を一切使っておらず、CSSだけで実現されているところがすごいですね。 JavaScript が要らず、次のような綺麗なHTMLで実現できるところも嬉しいですね。実装も簡単そうです。 <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17"M
webmarksjp 2008/07/14
*css

script

AJAX

JavaScript

CSS

blog

*webdesign

image

tips
リンク
RTFM
ドキュメントを読まない輩結論: ぐぐるな。ドキュメントに書いてあるとわかっているのになぜ google に頼る? 巷間でよく見られる、しかし Apache の配布アーカイブ一式に含まれているドキュメントをちゃんと読んでいれば起きないはずの設定ミスや、ミスではないがふしぎな設定について。 <Limit>: セキュリティ上のリスクがあるのですみやかに確認・修正されたし AddDefaultCharset: 穴ではないが修正が必要 LanguagePriority: ほとんどのサイトでは無意味 ScriptAlias: 管理者でなくエンドユーザがハマるのはしかたないけれど SetEnvIf: どこも間違ってはいないのだが… Apache のドキュメントは日本語未訳なところが一部残っているけれど、全体として非常によくまとまった情報源である。少なくとも、「このディレクティブをどう設定するとどう動く
webmarksjp 2008/07/14
linux

apache

security

設定

ajax

文字コード

tips

google

サーバ
リンク
GIGAZINE - マウスホイールの回転イベントをJavaScriptで検知する
実際の例としては﹁Google マップ﹂がまさにそうです。マウスのホイール部分を回転させると、地図を拡大縮小できます。これと同じ仕組みを実装するにはどうすればいいの？というお話。 Mouse wheel programminginJavaScript http://adomas.org/javascript-mouse-wheel/ テストページはこちら、マウスホイールを回転させると表示が変わる http://adomas.org/javascript-mouse-wheel/test.html ほかにもこんなことができます。 JavaScript++かも日記: マウスホイールで拡大縮小インフォシークホームページ作成﹁マウスホイールで画像を拡大縮小する方法﹂せつないぶろぐ : JavaScriptによるマウスホイールのイベント処理暴満館 >> OperaのJavaScript
webmarksjp 2008/07/14
javascript

*javascript

ajax

language

tips
リンク
レイヤーを使用したFull Flash
最近PopUpに変わって需要の出てきたレイヤー。写真を載せるのはよくありますが、そのFlash版を誰でも簡単に使用できるスクリプトを組んでみました。最近写真をレイヤーで見せるのが流行ってますよね。︵POPUPブロックの影響によるPOPUP代わりみたいなものでしょうが。︶そういうものはJavaScriptが結構公開されているのですが、FLASHはないですよね。︵使用したもの自体、見ることもまだあまりないですね。︶そういうわけで組んでみました。まずは下記URLをご覧ください。 http://www.muraken.biz/overlay/overlayflash.html︵”ここをクリック"のところをクリックしてみると、実行されます。︶今回、これを簡単に作れるスクリプトを組みました。 JavaScriptに関しては文末にてソースを置いておきますが、説明するとかなり長くなるので割愛いた
webmarksjp 2008/07/14
flash

これはすごい

レイヤー

javascript

tips

actionscript

ajax
リンク
Ajax Google Mapsを自サイトに設置する - ［JavaScript］All About
webmarksjp 2008/07/14
*web

tips

ajax68

地図

google maps

ajax

*未読

マッシュアップ

Google

サービス
リンク
Ajax : 勉強用サンプル&解説
■Ajax : 勉強用サンプル&解説 Ajax (Asynchronous JavaScript+XML) がどのようなものか勉強用としてページやサンプルを作成しましたので参考にしてみてください。最終更新日：2017/12/16 AM 9:27 Ajaxを勉強しよう jQuery入門【短期集中連載】この冬作ろう！jQueryプラグイン講座上のjQueryプラグイン講座の続き【第13回を追加】 Yahoo UI Library入門 WebDesigning掲載サンプルマイコミジャーナル記事 (Ajax関連) Ajax エフェクト Ajax関連書籍一覧 Ajax ライブラリ一覧 Webサービス APIサイト一覧 Ajax ライブラリリファレンス Prototype系ライブラリサンプルプログラム逆引きAdobe Spryリファレンス Google Maps API リファレンス G
webmarksjp 2008/07/14
javascript

ajax

チュートリアル

tips

*programming
リンク
[javascript] nazono
ファイル resizegrip エレメントをマウスでリサイズできる透明グリップ resizegrip - エレメントをマウスでリサイズできる透明グリップ floatingWindow 浮遊するウィンドウを生成する floatingWindow - 浮遊するウィンドウクラス buttondrag エレメントをマウスでドラッグ＆ドロップ buttondrag - エレメントをマウスでドラッグ＆ドロップさせる floatingLayer レイヤを浮遊させる floatingLayer - 浮遊するレイヤクラス xbrowser いくつかのブラウザで共通して使える基礎関数 xdom - DOM操作系関数 isbrowser - ブラウザ判定 Point - x,y の構造体 json json方式のエンコードとデコード json - json方式のエンコードとデコード ajax 非同期通信 aja
webmarksjp 2008/07/14
javascript

web

tips

勉強

ライブラリ

nazoking

library

ajax

matome
リンク
prototype.jsを10KBにする方法
2006-11-20T14:20:42+09:00 追記﹁何者か﹂に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました︵﹁何者か﹂ = 酒……︶。 prototype.jsを10KBにする方法の続き︵.htaccessをスマートに使う︶ : 亜細亜ノ蛾に続きを書きました。合わせてどうぞ。 JavaScript ファイルを圧縮する正真正銘、Prototype︵“prototype-1.4.0.js”︶を10キロバイト︵10,453 bytes︶に圧縮して、しかも︵当たり前ながら︶動作するようにする方法です。 ──と聞いて真っ先に思い浮かぶのが﹁各種JavaScriptファイル圧縮サービス﹂、という人も多いでしょう。しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした︵他は
webmarksjp 2008/07/14
JS

apache

ajax

javascript

prototype

tips

Prototype.js

htaccess
リンク
テーブルをJavascriptで自動的に見やすくする:phpspot開発日誌
Automatic colored rows - Example for BiteSize Standards テーブルの背景って次のイメージのように行ごとに交互に色分けされていると見やすいですね。かといって、サーバサイドでアイテムを回して、1個1個設定するのも結構面倒だったりします。リンク先のサンプルでは、JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。これで、テーブルはシンプルにHTMLでコーディングでき、サーバサイドの技術なしで見やすいテーブルが作成できますね。
webmarksjp 2008/07/14
javascript

tips

html

css

ajax

web

デザイン

便利

アイデア
リンク
1 2 3 4 次のページ