swfobject.js がアレな話 - ほむらちゃほむほむ
もばいる全盛感のある世間的には今更，FLASH なんてどうでもいいし，swfobject.js 自体 2009年から更新されてないから，こんな古いものをと言われかねないような話ではあるものの，日本語での言及をあまり見てないし，つい先日もさる通信キャリアがトップページでやらかしてて多分知られてないんだろうなと思ったので書こうと思った次第． swfobject.js とは何か この記事の対象読者にとっては説明するまでもない話とはおもうけど一応前置きとして説明しておくと，swfobject.js は FLASH を web ページに埋め込むための JavaScript のライブラリ．クロスブラウザ対応してたり，面倒な HTML-tag のお作法を覚えなくても良くなったりとでデファクトスタンダードな感じのモノ．2007年とちょい古いがリクルートMTL の SWFObject v2.0 ドキュメント
コピペで使える言語・コマンドリファレンス - ITproリファレンス：ITpro
HTMLやCSS、DynamicHTML、JavaScriptやPerl、Windowsコマンド、ネットワークコマンド、Linuxコマンドといった、Webサイト構築やアプリ開発に欠かせないプログラミング言語とコマンドのリファレンスマニュアルです。各項目のサンプルコードは、コピーし貼り付けてすぐに使えます。入門講座も用意しました。ぜひブックマークしてお役立てください。 HTML HTMLは、Webコンテンツを作成する上で、最も基礎となる記述言語です。各タグについての概要や属性などをサンプルを交えて説明します。 HTMLリファレンス（107項目） HTMLリファレンスの使い方 HTML入門 CSS CSSは、Webページのレイアウトなどといったコンテンツの見栄えを指定する記述言語です。各スタイルの概要や使い方を説明します。 CSSリファレンス（73項目） CSSリファレンスの使い方 CSSの基
[ThinkIT] 第1回：Webブラウザを使ったテストツールSeleniumとは (1/3)
この連載は、WebアプリケーションのテストツールであるSelenium（セレニウム）についてサンプルを用いながら概要と基本的な使い方を解説していきます。本連載第1回の今回は、Seleniumの概要について紹介します。 Seleniumとは、Webブラウザを使ってWebアプリケーションをテストするツールです。この「Webブラウザを使って」というのが非常に大きなポイントで、人が手でWebブラウザを操作する代わりにSeleniumがWebブラウザを操作してくれるのです。 そして単純に操作するだけでなく、例えばエラーメッセージが正しく表示されているかといった検証も行うことができます。つまり、今まで人手を必要としていたWebブラウザを使った試験が自動化できるものなのです。そのため数百項目もあるテストも、クリック1回で実施できます。 より重要なことは「自動化することによって試験を繰返し実施できる」こと
【Webアプリ】iPhone4 で画像をきれいに表示するもう一つの方法【mod_rewrite】 - nazokingのブログ
iPhone4は解像度が高いので、画像を切り替えないと、もやっとする。 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね！ という現実に打ちのめされたので、まとめてみます。 によると ぜんぶ高解像度の画像にする → 3Gで表示が重いかも 画像を2種類つくって切り替える → 画像の数が多いとひとつひとつCSS指定するのが辛すぎる 画像はスケーラブルなデータ形式で用意する → 次に作るときはそうしよう…… 画像はそもそも使わないデザインにする → 次に作るときはそうしよう…… ということで決定打はなさそうな感じ。 でも、画像の切り替えって USER_AGENT 見て mod_rewrite で
【レビュー】ドラッグ＆ドロップでChromeからデスクトップへファイルをダウンロードする方法 | エンタープライズ | マイコミジャーナル
The CSS Ninja is a personal blog and playground where I can put my skills and ideas out into the public. 5以降のバージョンのChromeを使っているのであれば、Gmailにおけるファイルのアップロードやダウンロードは、デスクトップ間でのドラッグ&ドロップで操作できる。こうした機能を実現するには、これまではエクステンションやプラグインのインストールが必要だった。ChromeではJavaScriptとHTMLのみでこうした機能を実現できる。 Gmail、ドラッグ&ドロップで添付ファイルのダウンロードが可能に Gmail、メール文中の画像挿入がドラッグ&ドロップで可能に Gmail、ドラッグ&ドロップでファイル添付が可能に もっとも最近Gmailに追加された機能はドラッグ&ドロップによるファ
JavaScriptのDOM Core基礎 - 三等兵
Coreの簡易リファレンス。Coreは要素を参照したり、相対位置から周りのノードを参照したり、要素を生成するといった部分。主に利用するであろうプロパティやメソッドはカバーしているつもりですけど、これも入れとけってのあったら教えてください。 このあたりは地味で使いづらくその上理解しにくいという残念な部分。ふと忘れたときに使う個人的なものですが、慢性jQuery拒絶症候群な人よかったらどうぞ。それにしても暑い。ガリガリ君おいしいね。 DOMとは。 Document Object Model (DOM) は、HTML および XML ドキュメントのための API です。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。端的に言えば、Web ページをスクリプトやプログラミング言語とつなぐような機構です。 https://developer.mozilla.org/ja/
[JavaScript]iPhoneでも動くテキストエリアの履歴機能を作った - Nobody is perfect.
textareahistory-js http://github.com/takimo/textareahistory-js localStorageを使って指定した分の履歴を自動的に保存してくれるようになります こんな風に書けばうごくはず <script src="../lib/namespace.js"></script> <script src="../src/textarea_history.js"></script> <textarea id="textareahistory"></textarea> <div class="diary" id="historycontroller"></div> <script> Namespace.use('net.takimo.html.textarea_history TextareaHistory').apply(function(ns
![[JavaScript]iPhoneでも動くテキストエリアの履歴機能を作った - Nobody is perfect.](https://cdn-ak-scissors.b.st-hatena.com/image/square/b29a1af042fd96b0a006186996b649dec21bea0a/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127091365071%2F17680117127091365765%2F1556516417)
UIWebViewで表示するコンテンツを動的に書き換える方法 - Seasons.NET
元記事 英語のサイトなんで軽く翻訳して紹介。 WEBから落としてきたHTMLコンテンツを表示する際に、 imgタグは、画像のリンクが"http://〜"で元の場所を指しています。 すでに画像イメージもダウンロードしている場合は、 画像を表示する時にネットにつなげないといけないというのは あまりうれしくありません＝オフラインで見たい！！ そういう時は、UIWebViewで表示する時に、 javascriptを走らせます。 具体的には、webViewDidFinishLoadの際に、 [webView stringByEvaluatingJavaScriptFromString: @"window.useLocalPaths()"] を実行し、window.useLocalPathsというイベントを発生させます。 そのイベントは、以下のように定義しておきます。 <script type="te
Javascriptで（GPS,Wifi）位置情報を検出する｜JavaScriptプログラムメモ｜プログラムメモ
Javascriptで（GPS,Wifi）位置情報を検出するには下記のようにします。 ただし、Firefox3、iPhone,iPadのSafariでないと動作しません。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>HTML 5 GeoLocation Demo</title> <script type="text/javascript"> if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { s = position.coords.latitude+","+position.coords.longitude; alert(s); }); } else { aler
第2回 完全版：ブラウザとデバッグ環境 | gihyo.jp
こんにちは、太田です。前回はクロスブラウザの入口として、各ブラウザの特徴をまとめつつ、実際にクロスブラウザなコードを紹介しました。今回はクロスブラウザ対策における基本である、各ブラウザ環境の構築について解説したいと思います。 前回紹介した通りブラウザにはたくさんの種類・バージョンがあります。それぞれが動作する環境を用意するだけでも、一苦労ではすみません。なるべく少ないマシンで、各バージョンをインストールして、さらにデバッグするための環境作りについて紹介します。なお、Safari以外はWindows環境を想定しています。さらに、特に断りがない限りはWindows XP SP3をベースに解説させていただきます。ご了承ください。 各ブラウザのデバッグ環境は近年目覚しいほどの進化を遂げています。統合デバッグ環境の草分けであるFirebugを筆頭に、Safari/Chrome（WebKit）のWeb
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
オンラインコラボレーションエディタ·Etherpad MOONGIFT
EtherpadはJava製のオープンソース・ソフトウェア。Google Waveを使ってオンラインのリアルタイムコラボレーションを推進するGoogleが先日、Etherpadで知られるAppJetを買収した。Googleによる買収はさほど珍しいものではないが、買収されたサービスが閉鎖されるケースが多いのが懸念された。 複数人でのリアルタイムコラボレーション だがEtherpadを開発するAppJetはEtherpadをオープンソース化することをGoogleに条件として提示し、Googleもそれを了承した。そして意外と早くそれは実現し、Google Code上に公開されることになった。それが同名のEtherpadだ。 EtherpadはJava + MySQLで構築されているオープンソース・ソフトウェアで、Web上でエディタを開き、複数人で同時にコラボレーションができる。ユーザ登録は不要で
リッチなWebコンテンツ編集に。jQuery製のWYSIWYGエディタ·WKRTE MOONGIFT
WKRTEはJavaScript/jQuery製のオープンソース・ソフトウェア。Webブラウザのテキストエディット機能があまりに貧弱であるために、開発者はJavaScriptやJavaアプレット、Flashなどの技術を使ってリッチなエディタを作ってきた。 jQuery製のシンプルなエディタ JavaScriptが最も簡単に利用できることもあって、CKEditorのような有名なものも存在する。だがもっと手軽に導入したいならばWKRTEを使ってみるのも良さそうだ。WKRTEはjQueryプラグインなので、同フレームワークを使っているならお勧めだ。 WKRTEの利点として、テキストエリアにフォーカスが当たっていないとツールバーが出てこないと言うのが挙げられる。常時表示されていると邪魔臭く見えてしまうツールバーも、編集時以外は表示されなければ気にならない。 ソース表示も可能 機能は太字、イタリック
IE6/7/8, Fx, Op, Safari, Chromeを同時に起動できる -Xenocode Browser
Internet Explorer 6/7/8rc1, Firefox, Opera, Safari, Chromeなど主要なブラウザをWindows上で同時に起動できるXenocode Browserを紹介します。 Run IE876, Firefox, Safari, Chrome, and Opera from the web Fx, Op, Safari, Chromeはそのままで同時に起動できますが、IE 6/7/8rc1の異なるバージョンをOSに依存せずにインストール・起動できるのはブラウザ検証の大きな武器になります。 IE 6/7/8rc1でAcid 2のテストを表示してみたところ、レンダリングはそれぞれのバージョンのものになっていました。
ブラウザを選ばずWebテストを自動化するSelenium
Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat Explorer（以下、IE） 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した
1px透過GIF・PNGの最小base64表現 - mayokara note
透過GIF 1px・Base64 - 8時40分が超えられない - subtech 縮めてみた。多分最小。 1px透過GIF 39bytes R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7 data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7 1px透過PNG 68bytes iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQI12NgYAAAAAMAASDVlMcAAAAASUVORK5CYII= data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQI12NgYAAAAAMAA
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rubykaigi2010
GitHub - kyo-ago/mist.js: mixiapp framework mist
Web ページを高速化する
IDEA * IDEA
