html5一見、コピーできるように見えますが、ペーストしてみると・・・。ツイートする
html5一見、コピーできるように見えますが、ペーストしてみると・・・。ツイートする
僕の記事の間違いを指摘していただいているすばらしい記事です。僕の記事よりこちらの記事をご覧ください。 http://archive.guma.jp/2010/12/twitter-json.html 先日、29日の7時過ぎごろにTwitterのステータスIDが53bitを越えました。 こんな中途半端なビット数を超えただけでなぜこんな記事にするかというと、一部のクライアントで動作がおかしくなることがあるからです。 (14:14 追記しました) (14:31 もひとつ追記しました) TwitterのAPIはXMLとJSONの2種類で結果を取得できます。このうちXMLで処理してる場合は内部で64bit INTで処理していれば特に問題は起きません。 問題が起きるのはJSONの場合です。JSONはJavascriptでevalすればそのまま中身が取り出せることからもわかるように、Javascript
nobilog2: 以前からあった機能を「特別」にするiPhoneマジック iモードのJavaScriptは独自規格なのか - vantguarde - web:g WebKitという世界標準。 - 日々、とんは語る。 「オープンソース問題」っていうかどうかは知りませんが。ちょっと前に論争巻き起こした、"梅田さんのオープンソースの定義が間違ってるんじゃないか?"問題の事ですが、上の議論を見てるとどうも、構造的に似てるような気がしてきました。 最初に言っておきますと、俺自身は漢字Talk7からずっとMac使ってる林檎フリークです。林さんも昔からMac関係の雑誌で文章を見てましたので、好きですよ。でも、このコメントは無いんじゃないかと思います。 元々のエントリの内容も色々なレイヤーの話がiPhoneというキーワードで一緒になって書かれてるという印象ですけども、id:vantguardeさんが問
2009年06月06日15:30 カテゴリLightweight Languages javascript - でも全角半角変換 ぐぐっても、変換コードがありそうでなかったのでついでに。 404 Blog Not Found:perl - で全角半角変換をモダンに行う Demo 全角 半角 実装 見ての通り、けれんみのないやり方をしています。 (function(){ var zenkaku = ['。', '、', '「', '」', '・', 'ー', 'ァ', 'ア', 'ィ', 'イ', 'ゥ', 'ウ', 'ェ', 'エ', 'ォ', 'オ', 'カ', 'ガ', 'キ', 'ギ', 'ク', 'グ', 'ケ', 'ゲ', 'コ', 'ゴ', 'サ', 'ザ', 'シ', 'ジ', 'ス', 'ズ', 'セ', 'ゼ', 'ソ', 'ゾ', 'タ', 'ダ', 'チ', 'ヂ',
フェンリル(株)は12日、Webページに埋め込むことで、IE6で閲覧した際にIE8への乗り換えを促すキャラクターを表示するJavaScript“UPIE8Kuma.js”を公開した。本JavaScriptの配布サイトにあるコードをコピーし、HTMLソースの“title”タグの直下へ貼り付けることで利用できる。 “UPIE8Kuma.js”を埋め込んだWebページをIE6で表示すると、同社社長の柏木泰幸氏も“2ちゃんねる”への投稿などで多用するアスキーアート“クマー”に酷似したクマキャラがWebブラウザーの画面左下へ現れる。クマキャラをクリックするとWebページが暗転し、IE8への乗り換えを勧める台詞がフキダシで表示される仕組み。 フキダシの[新しくする]ボタンを押すと、IE8へ乗り換えた際のメリットや同社版IE8のダウンロードリンクが掲載されたWebページへ移動可能。なお、本JavaScr
Updated 2013.09.25 / Published 2005.09.17 abbr要素(abbreviation)は長い単語や語句の略語(省略)を示すインライン要素です。略語とは、もとの語形の一部分を省略して簡略にした語、または HTML のように頭文字だけをとったものをいいます。 abbr要素は title属性と組み合わせて使います。title属性の値には、その略語が省略される前の言葉をフルスペルで記述します。たとえば、HTMLであれば、title属性はtitle="HyperText Markup Language"と記述します。 その略語が本文で最初に出てくるところで正式名称(省略していない状態の言葉)を示すために使い、同じ略語が何度も登場する場合は以降のものには指定する必要はないでしょう。 バージョン HTML4.01(S,T,F) XHTML1.0(S,T,F) XHT
■ 「NoScript」をやめて「RequestPolicy」にした セキュリティ屋が、Firefoxユーザに「NoScript」の使用を推奨することがしばしばあるが、私は賛同しない。 JPCERT/CC、技術メモ「安全なWebブラウザの使い方」を公開, INTERNET Watch, 2008年11月4日 *1 技術メモ − 安全なWebブラウザの使い方, JPCERT/CC, 2008年11月4日 IV. 各 Web ブラウザに共通する設定上の注意事項 1. スクリプト等の実行を制限する JavaScript 等のスクリプトや(略)は(略)Ajax に代表されるインタラクティブなインターフェースが実現できるなど、高い利便性が得られます。反面、PC 上の重要なファイルを削除・変更するなど、悪意を持った処理が行われる可能性もあります。従って無制限にスクリプト等を実行できるようにしておくのは
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Linuxからアホ話まで、何でもありでござる 2009年05月04日 ninja toolsを入れている人は注意すべし [サイト運営] ごくたまーになのだが、アクセスするとこんな表示がされるサイトがある。 [拡大] でーんとこの画面が開き、サイトは全く見ることが出来ない。 俺はFirefoxのNoScriptというアドオンでJavascriptを制御しているのだが、これが災いして表示されないようだ。Javascriptを許可すればいいのだろうが、そもそも得体の知れないところのJavascriptなんてどうなのよって話もないわけじゃない。Javascriptで表示がむちゃくちゃ遅くなるサイトもあるし、Javascriptでこっちの情報を可能な限り吸い上げようとする怪しげなサイトもある。Javascriptは便利なばかりじゃないのである。そのことは次第に理解されてきているので、何らかの手段でJ
別窓を開かずにその場クリックで拡大画像を表示する4つの方法画像のクリック後にページを移動せず、その場で拡大画像を表示できるLightbox系スクリプトのおすすめ4本を紹介。JavaScriptを読み込むタグと短いHTMLを書くだけで簡単に使えます。jQueryを使う定番のLightbox2や、動画のポップアップも可能なColorbox、スマホ対応で全画面表示もできるIntense Imagesなどを紹介。CSSを使えば画像サイズの調整も簡単です。 画像クリックで拡大表示されるJavaScriptが便利 HTML内にたくさんの写真や画像を掲載するアルバムページなどでは、最初にサムネイル画像(縮小画像)だけを並べておき、閲覧者がそれをクリックしたりタップしたりした際にだけ拡大画像を表示するデザインがよく使われています。 ウェブページ上で拡大画像を表示する際には、ポップアップウインドウを出したり
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。 そこで、FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリ「wordBreak.js」を作成しました。 使い方 ダウンロードした「wordBreak.js」をhead要素などで読み込んでください。 <script type="text/javascript" src="./wordBreak.js"></script> word-break:break-allを利用したいtable要素のclass名に「wordBreak」というclass名を追
Clever technique to help you on CSS hacks. Last updated: November 02, 2010 (v0.4.0) CSS Browser Selector is a very small javascript with just one line which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser. EXAMPLE The JavaScript support is disabled on your browser. Please, enable JavaScript and refresh this page. The color of th
HTMLの表示/非表示を切り替える2つの方法HTML内の特定の要素について表示/非表示を切り替えたい場合は、JavaScriptを使って当該要素のスタイルを変化させれば簡単です。ある要素の表示/非表示を切り替えるには、displayプロパティの値を変更する方法と、visibilityプロパティの値を変更する方法があります。ボタンのクリックで動作するサンプルを使って、画像の表示/非表示を動的に切り替える処理の書き方をご紹介。 HTMLで作った特定箇所の表示/非表示を切り替える方法 JavaScriptを使ってスタイルを変化させれば、HTMLで作成した任意の要素の表示/非表示状態を動的に切り替えられます。その際、指定要素の表示/非表示を切り替える目的で使えるスタイルには、displayプロパティとvisibilityプロパティの2種類があります。どちらを使っても表示/非表示を切り替えられますが
ユーザーCSSで広告などを削除するとき用のブックマークレット。 javascript:var textarea=document.body.appendChild(document.createElement('textarea')),s=[];with(textarea.style){position='fixed';top='0px';right='0px';width='10em';height='10em';zIndex='99';} document.addEventListener('click',function(e){if (e.target==textarea)return; e.target.style.display='none';s.push(getSelectorByElement(e.target));textarea.value='@namespace url
Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../..
これはひどい /%20 と /%25%32%30 はリンク先が違うのに、 IE6 では判断する術がない。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <a id="id0" href="a%20a">foo</a> <a id="id1" href="a%25%32%30a">foo</a> <script> var elm0 = document.getElementById('id0'); var elm1 = document.getElementById('id1'); alert(elm0.href == elm1.href); // true alert(elm0.getAttribute('href') == elm1.ge
タイトル長い。やる夫で学ぶシリーズ見るのに AA がズレてて気持ち悪いので作った。たいしたことはない。覚え書き。あー、使うなら IPA モナーフォントを忘れずに。 これをブックマークに。 元のソース (function () { var s = document.createElement('style'); s.type = 'text/css'; s.innerHTML = "*{font-family:'IPA \u30E2\u30CA\u30FC P\u30B4\u30B7\u30C3\u30AF' !important;}"; document.getElementsByTagName('head')[0].appendChild(s); })(); ああそうそう。↓こういうのもあるんだけど選択すんのがめんどいのよ。 選択範囲をAAに最適化するブックマークレット http://d
プレースホルダー (placeholder) の表示とCSSでの装飾方法プレースホルダーを表示する方法を解説。HTMLのplaceholder属性を使えば簡単に表示できます。textarea要素に表示するプレースホルダーは少し工夫すると改行も可能。CSSのplaceholder疑似クラスを併用すればプレースホルダーの文字を自由な色に変えられます。カーソルが入った瞬間にプレースホルダーの文字が消える仕様もCSSだけで作れます。placeholderの表示と装飾方法をご紹介。 プレースホルダー (placeholder) とは placeholder (プレースホルダー) とは、何も入力されていない状態のテキスト入力欄に最初から薄く表示されている案内文字のことです。HTMLではplaceholder属性を使うことで簡単に表示でき、CSSで色を変えることもできます。プレースホルダとして表示されて
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
woork: Flickr like horizontal menu This tutorial explains how to implement an horizontal menu Flickr-like using CSS and Javascript to show/hide sub-menu: Flickrで使われているあのクールなドロップダウンメニューを実装してみよう! 次のようなクールなドロップダウンメニューを実装してみましょう。 紹介元で、HTMLと画像のサンプルが配布されています。 実装自体は次のように関数が定義されていて、 <script language="javascript"> function showMenu(id_menu){ var my_menu = document.getElementById(id_menu); if(my_menu.style.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く