html5一見、コピーできるように見えますが、ペーストしてみると・・・。ツイートする
絶対にコピペできない文章を作ったったwwww - てっく煮ブログ
html5一見、コピーできるように見えますが、ペーストしてみると・・・。ツイートする
TwitterのステータスIDが53bitを越えたお話 - tmytのらくがき
僕の記事の間違いを指摘していただいているすばらしい記事です。僕の記事よりこちらの記事をご覧ください。 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
新たな「オープンソース問題」みたいな議論になってる - Life goes on
nobilog2: 以前からあった機能を「特別」にするiPhoneマジック iモードのJavaScriptは独自規格なのか - vantguarde - web:g WebKitという世界標準。 - 日々、とんは語る。 「オープンソース問題」っていうかどうかは知りませんが。ちょっと前に論争巻き起こした、"梅田さんのオープンソースの定義が間違ってるんじゃないか？"問題の事ですが、上の議論を見てるとどうも、構造的に似てるような気がしてきました。 最初に言っておきますと、俺自身は漢字Talk7からずっとMac使ってる林檎フリークです。林さんも昔からMac関係の雑誌で文章を見てましたので、好きですよ。でも、このコメントは無いんじゃないかと思います。 元々のエントリの内容も色々なレイヤーの話がiPhoneというキーワードで一緒になって書かれてるという印象ですけども、id:vantguardeさんが問
javascript - でも全角半角変換 : 404 Blog Not Found
2009年06月06日15:30 カテゴリLightweight Languages javascript - でも全角半角変換 ぐぐっても、変換コードがありそうでなかったのでついでに。 404 Blog Not Found:perl - で全角半角変換をモダンに行う Demo 全角 半角 実装 見ての通り、けれんみのないやり方をしています。 (function(){ var zenkaku = ['。', '、', '「', '」', '・', 'ー', 'ァ', 'ア', 'ィ', 'イ', 'ゥ', 'ウ', 'ェ', 'エ', 'ォ', 'オ', 'カ', 'ガ', 'キ', 'ギ', 'ク', 'グ', 'ケ', 'ゲ', 'コ', 'ゴ', 'サ', 'ザ', 'シ', 'ジ', 'ス', 'ズ', 'セ', 'ゼ', 'ソ', 'ゾ', 'タ', 'ダ', 'チ', 'ヂ',
窓の杜 - 【NEWS】フェンリル、IE6で表示するとクマーがIE8への乗り換えを促すJavaScriptを公開
フェンリル（株）は12日、Webページに埋め込むことで、IE6で閲覧した際にIE8への乗り換えを促すキャラクターを表示するJavaScript“UPIE8Kuma.js”を公開した。本JavaScriptの配布サイトにあるコードをコピーし、HTMLソースの“title”タグの直下へ貼り付けることで利用できる。 “UPIE8Kuma.js”を埋め込んだWebページをIE6で表示すると、同社社長の柏木泰幸氏も“２ちゃんねる”への投稿などで多用するアスキーアート“クマー”に酷似したクマキャラがWebブラウザーの画面左下へ現れる。クマキャラをクリックするとWebページが暗転し、IE8への乗り換えを勧める台詞がフキダシで表示される仕組み。 フキダシの［新しくする］ボタンを押すと、IE8へ乗り換えた際のメリットや同社版IE8のダウンロードリンクが掲載されたWebページへ移動可能。なお、本JavaScr
abbr要素 XHTML HTML辞典
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」にした
■ 「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 上の重要なファイルを削除・変更するなど、悪意を持った処理が行われる可能性もあります。従って無制限にスクリプト等を実行できるようにしておくのは
HTML5の仕様書(草稿)のページを開くとOperaが落ちます - 言いたい放題 - チーム俺等
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
ninja toolsを入れている人は注意すべし - おやじまんのだめだこりゃ日記
Linuxからアホ話まで、何でもありでござる 2009年05月04日 ninja toolsを入れている人は注意すべし [サイト運営] ごくたまーになのだが、アクセスするとこんな表示がされるサイトがある。 [拡大] でーんとこの画面が開き、サイトは全く見ることが出来ない。 俺はFirefoxのNoScriptというアドオンでJavascriptを制御しているのだが、これが災いして表示されないようだ。Javascriptを許可すればいいのだろうが、そもそも得体の知れないところのJavascriptなんてどうなのよって話もないわけじゃない。Javascriptで表示がむちゃくちゃ遅くなるサイトもあるし、Javascriptでこっちの情報を可能な限り吸い上げようとする怪しげなサイトもある。Javascriptは便利なばかりじゃないのである。そのことは次第に理解されてきているので、何らかの手段でJ
別窓を開かずにその場クリックで拡大画像を表示する4つの方法 [ホームページ作成] All About
初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。 ...続きを読む 画像クリックで拡大表示されるJavaScriptが便利 HTML内にたくさんの写真や画像を掲載するアルバムページなどでは、最初にサムネイル画像（縮小画像）だけを並べておき、閲覧者がそれをクリックしたりタップしたりした際にだけ拡大画像を表示するデザインがよく使われています。 ウェブページ上で拡大画像を表示する際には、ポップアップウインドウを出したりページを移動したりすることなく、その場で拡大画像を表示できる方法の採用が手軽で望ましいでしょう。例えば、下図のように画像を拡大表示する動作です。 この種の表示に便利なのが、Light
![別窓を開かずにその場クリックで拡大画像を表示する4つの方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ec4b03d1cb7a6f647ea70376bdd657185b7fdae/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F7%2F5%2F201708241603%2Ftopimg_original.png)
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」
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名を追
CSS Browser Selector
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つの方法 [ホームページ作成] All About
HTMLの表示/非表示を切り替える2つの方法HTML内の特定の要素について表示/非表示を切り替えたい場合は、JavaScriptを使って当該要素のスタイルを変化させれば簡単です。ある要素の表示/非表示を切り替えるには、displayプロパティの値を変更する方法と、visibilityプロパティの値を変更する方法があります。ボタンのクリックで動作するサンプルを使って、画像の表示/非表示を動的に切り替える処理の書き方をご紹介。 HTMLで作った特定箇所の表示/非表示を切り替える方法 JavaScriptを使ってスタイルを変化させれば、HTMLで作成した任意の要素の表示/非表示状態を動的に切り替えられます。その際、指定要素の表示/非表示を切り替える目的で使えるスタイルには、displayプロパティとvisibilityプロパティの2種類があります。どちらを使っても表示/非表示を切り替えられますが
![HTMLの表示/非表示を切り替える2つの方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/a329677653b0b27f8f205817d40e591d4e70bb99/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F7%2F3%2F201707011526%2Ftopimg_original.png)
ブックマークレットとユーザーCSSの連携（クリックした要素のCSSセレクタを作っていらない要素を削除する） - 素人がプログラミングを勉強していたブログ
ユーザー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
Mozilla Developer Center
Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../..
IE6 の JavaScript では href 属性の %20 と %25%32%30 の違いが分からない - IT戦記
これはひどい /%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
Saqoosha :: AA 用にフォントを IPA モナー Pゴシック に設定しなおすブックマークレット。
タイトル長い。やる夫で学ぶシリーズ見るのに 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での装飾方法 [ホームページ作成] All About
初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。 ...続きを読む プレースホルダー (placeholder) とは placeholder (プレースホルダー) とは、何も入力されていない状態のテキスト入力欄に最初から薄く表示されている案内文字のことです。HTMLではplaceholder属性を使うことで簡単に表示でき、CSSで色を変えることもできます。プレースホルダとして表示されている案内文字は、ユーザが入力欄をクリックしてカーソルを入れるか、または1文字以上を入力すると消える仕様です。 上図は、プレースホルダが使われたテキスト入力欄の例です。上図の左側では、１行のテキスト入力欄の内部
![プレースホルダー (placeholder) の表示とCSSでの装飾方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/fc39f871ce14ffa0194b7537f119acadc2e6cc97/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F4%2F2%2F201611231423%2Ftopimg_original.png)
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Flickrで使われているあのクールなドロップダウンメニューを実装してみよう:phpspot開発日誌
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ページを開く
