daysokのブックマーク - はてなブックマーク

はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28

daysok 2010/02/21

js

リンク

IE以外のブラウザ（Firefox/Safari/Opera…）でクリップボードにコピーする（Flash ver.10対応） | mutter

ボタンなどをクリックしてテキストをクリップボードにコピーすることは、 InternetExplorerであれば、JavaScriptを使って比較的容易に実現できます。ソース（IE限定） <input type="submit" onClick="javascript:clipboardData.setData('Text', this.value);" value="このテキストをコピーする" /> サンプルしかし、この「clipboardData.setData」という関数はIE独自のもので、 IE以外のブラウザでは実装されていません。というわけで、FirefoxなどIE以外のブラウザでクリップボードを使うには、他の方法が必要です。この解決には以前から、Flashを利用した手法が使われてきたのですが、 Flashがver10になって以降セキュリティが強化され、多くが動かなくなって

daysok 2010/02/17

クリップボード

IE
js

リンク

asamuzaK.jp : IE7のbackground-attachment:fixedのバグ対策

ログをみると、IE7(Beta2)のbackground-attachment:fixedのバグ?へのアクセスが最近頓に増えている。 IE7の普及とともに悩む人が増えているのだろうか。お察しします^^; 一応、対策をまとめておくことにした。現象の概要 IE7(Beta2)のbackground-attachment:fixedのバグ?でも述べているとおり、IE7で問題が発生するのは、background-attachment : fixed;を適用しようとした場合に、その要素か親要素に、position : relative;を指定している時である。この時、IE7はそのrelative指定された要素の上辺を基準に画像を固定してしまう。また、後続する要素の左paddingが失われて、その分の左marginが増えたような感じに描かれる。ちなみに、親要素より遡った祖先要素にrelati

daysok 2010/02/17

css

リンク

http://www.adamrocker.com/blog/113/javascript_flash_actionscript_internet_explorer.html

daysok 2010/02/17

リンク

flash.external.ExternalInterface (ActionScript 3.0)

ExternalInterface クラスは外部 API であり、ActionScript と Flash Player のコンテナとの間で直接通信できるようにするアプリケーションプログラミングインターフェイスです。コンテナの例としては、JavaScript が含まれる HTML ページがあります。JavaScript と ActionScript 間のすべての通信に、ExternalInterface を使用することを推奨します。 HTML ページで JavaScript を使用することにより、Flash Player から ActionScript 関数を呼び出すことができます。ActionScript 関数は値を返すことができ、JavaScript は、呼び出しの戻り値として即座にこの値を受け取ります。この機能は、fscommand() メソッドに代わるものです。 Exter

daysok 2010/02/17

flash
js

リンク

| blog.ryow.net

SWFObjectを使ったExternalInterfaceまとめの続きです。前回はExternalInterface.call でAS→JSの通信が出来たところまででした。今回は逆に、JSからAS関数を呼び出すところ […]

daysok 2010/02/16

flash
js

リンク

『ExternalInterface.addCallbackで要注意な件メモ』

ちょっと前の記事で触れたExternalInterfaceですが、addCallbackメソッドで要注意な件についてメモっておこうと思います。 ExternalInterfaceはホントに罠が多いですよ！！まぁ正直、ExternalInterfaceにっていうより、IEに多いんですけど・・・。 javascriptと連携するために重要なメソッドですが・・・使いやすい反面、ホントによく躓きます。ではまず基本から。 AS2.0以前は引数が3あったようなんですが（2は触ったことが無いので良く知りません）3.0では2つになっています。まず、Flash側から。 import部分は省いて・・・ ---------------------------- //SWFファイルをHTMLとは別ドメインのサーバにおく場合は必須 Security.allowDomain("*"); //このtextfiel

daysok 2010/02/16

flash
js

リンク

RedLine Magazine : リストタグを使用時のIEでの変な隙間を消す

リストタグを使用時のIEでの変な隙間を消す私的覚え書き。リストタグを使用してメニューを作ったりする際にIEだけに変な余白が入る事がある。それを解消するネタ。 >>問題のサンプル・こんな感じ。 Firefox等で見るとちゃんとメニューの間が詰まっててＯＫなのだが、IEの場合だと勝手に余白が入る。marginやpaddingを0にしても、liタグを途中改行しても効果なしで、その都度ごまかしてきたりしてたんだけど、とりあえず原因はIEの場合、リスト内のインライン要素をブロック化すると余計な余白を入れるというかline-heightの解釈が正しくないっぽい。 >>対策はこんな感じ。 li { line-height:0; } a { display: block; background-color:#900; padding: 5px; color: black; text-decoratio

daysok 2010/01/16

css
IE

リンク

IE6 dl,dt,ddの擬似テーブルで3pxのずれを直す方法 - develo.org

HTML、CSS、Javascript、デザイン、絵を描いたり。このページの先頭へ戻る

daysok 2010/01/15

IE
css

リンク

clearfix、下に出る余白をfont-sizeが影響！？：Mac Safari 2 | 秋葉秀樹個人ブログ

Mac Safari 2でclearfixのレンダリング結果を画像付きで検証俗に呼ばれているclearfixと呼ばれる良く出来た技、例えばボックス要素内に2つの要素が分かれていて、内部要素にfloatで左右に浮動させると、外にあるボックスは内部要素を包括できなくて、周囲をborderで囲んだり、背景色を入れたり、margin-bottomなどで下の余白を取ったりとかが出来ないところに有効とされているやり方なんですが、Mac Safari 2でちょっと難ありって感じでした。下図は以下のソースコードのレンダリング結果です。〜XHTMLソースコード〜 <dl class="clearfix"> <dt><img src="images/it emphoto.jpg" alt="写真" /></dt> <dd><h2>商品紹介</h2> <p>商品の案内が入ります。商品の案内が入ります。商品の

daysok 2010/01/07

css

リンク

W3CのFile APIを試してみる。ブラウザ上にファイルを読み込んで操作可能に

W3Cが策定中のFile APIで何ができるのか？ hacks.mozilla.orgでは、早くもFile APIが実装されたFirefox 3.6β版で試せるデモンストレーション「File API & Firefox 3.6」を紹介しています。以下の画面は、そのデモンストレーションをFirefox 3.6β4で実際に試してみた様子です。Webブラウザの画面に、Windowsのエクスプローラから画像ファイルをドラッグ＆ドロップで読み込ませると自動的に画像を表示し、さらに画像のExif情報を読み込んで撮影場所をグーグルマップで示してくれます。

daysok 2009/12/11

リンク

奇数bottomバグ - IE6 | Takazudo Clipping*

絶対配置でこんな風にすると <div class="Container"> <div class="InsideBox">x</div> </div> .Container{ width:200px; height:101px; background:blue; position:relative; } .InsideBox{ width:30px; height:30px; background:yellow; position:absolute; left:0; bottom:0; } 絶対配置で下付けボックスサンプル IE6ではこんな感じになってしまいます。何故か下に1px空いてしまうのです。どーやらIE6は、絶対配置をしてbottomを指定すると、親ボックスの高さが奇数の時、1pxあいてしまうという現象があるっぽいです。この場合は、div.Containerが101pxということ

daysok 2009/11/27

css
IE

リンク

jQselectable : make selectbox so useful

jQselectable : make selectbox so useful > project home change skins：selectable | natural Default selectbox 1) 都道府県適用前 2) 都道府県 optgroupあり、selected属性なし、selectable 3) 都道府県 optgroupあり、selected属性あり、selectable 4) 都道府県 optgroupなし、改行指定、selectable 5) 日付、改行指定、selectable 年月日 Simplebox 6) 都道府県 optgroupなし、simpleBox 7) 日付、simpleBox 年月日 Using Callback 8) セレクタ、Callback

daysok 2009/11/19

javascript

リンク

Adobe Flash Player - Downloads

HTML5、WebGL、WebAssemblyなどのオープンスタンダードが年月を経て安定的に成熟し、Flashコンテンツの実行可能な代替手段として機能しています。また、主要なブラウザーの提供元は、これらのオープンスタンダードをブラウザーに組み込み、他のほとんどのプラグイン（Flash Playerなど）を廃止しています。Flash Playerのサポート終了について、Apple、Facebook、Google、Microsoft、Mozillaからの発表をご覧ください。アドビは3年前にこの発表をしたことで、デベロッパー、デザイナー、事業者、その他の関係者が、既存のFlashコンテンツを新しいスタンダードに移行するための十分な時間を確保できたと考えています。サポート終了のタイミングは、一部の主要なブラウザーの提供元と調整したうえで決定しました。サポート終了日後は、Flash Player

daysok 2009/10/06

flash

リンク

CSS Browser Support (iPhone, IE8, IE7 Compliance Mode, FF 3.5 beta & Safari 4 Beta included)

IE8 CSS Selector Support IE8 Supports the CSS2.1 selectors, including pseudoclasses but not pseudo elements. (See Double Colon Notation). IE8 has support for has support for Accessible Rich Internet Applications (ARIA) To force IE8 to render your page in IE8 compliance mode, include the following meta tag: <meta http-equiv="X-UA-Compatible" content="IE=8" /> IE7 within IE8 CSS Selector Support The

daysok 2009/09/22

リンク

When can I use... : Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web ...

daysok 2009/09/22

リンク

HTML5 のセクションアウトラインを生成してみよう！ - IT戦記

昨日 HTML5 のセクションアウトラインを取得する JavaScript - IT戦記という記事で、以下の JavaScript ファイルを公開しました Outliner.js で公開したのはいいのですが、 @amachang 使い方がわからんです…。見てるページで試せるように、Bookmarkletになっていると嬉しいです。 http://twitter.com/os0x/status/3972339847 …肝心の使い方を書くのを忘れていました＞＜＞＜というわけで簡単に使い方を解説したいと思うます。手順は 2 ステップ 1. まず outliner.js を読み込む <!DOCTYPE html> <html> <head> <title>hoge<title> <script type="text/javascript" src="http://amachang.saku

daysok 2009/09/15

html5

リンク

UTF-8の冗長なエンコードとは何で、なんでそれがセキュリティ的に危ないのか？を文字コード知識レヴェル3くらいの凡プログラマが考えてみる - tohokuaikiのチラシの裏

何故かあたり前にならない文字エンコーディングバリデーション | yohgaki's blog ってあるように、いまいち文字コードの不正な判定による危険性ってのが分かってない。 SJISの問題は、（2/3）SQLインジェクションを根絶！セキュア開発の極意 - 第5回■注目される文字コードのセキュリティ問題：ITproの記事がわかりやすかった。というか、やっぱりPHP使ってると誰でも一度は「なんじゃこの『￥』は？」って思うもんなんで。なるほど、確かに↓の図のように「あるバイト」が2つの意味を持つっていう文字コード形態はやばいんだなと。 EUC-JPはそんなことはしないで、1つのバイトには1つの意味しか取らせない。だけど、これでも文字化けが起こることがある。経験的には、「マルチバイトをXX文字で切り落としたい」とかやった場合。ちゃんと文字コードを判定してくれるPHPでいえばmb_subst

daysok 2009/09/11

php

リンク

30分でできる！Webサイトを高速化する6大原則 (1/4)

Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？　もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう