[要旨] トラックバックが使えないブログでもトラックバックが使えるようになるサービス「レントラ」を設置したまま放置している人は注意!! 「レントラ」設置ページのすべてのリンクが乗っ取られてしまっています。 [キーワード] レンタルトラックバック
[要旨] トラックバックが使えないブログでもトラックバックが使えるようになるサービス「レントラ」を設置したまま放置している人は注意!! 「レントラ」設置ページのすべてのリンクが乗っ取られてしまっています。 [キーワード] レンタルトラックバック
もう2年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で submit ボタンを < disable にしてユーザビリティを悪くするのはやめてください - のヮの うんこ♥ onsubmit で disable にするやつ - 鷹の島 onsubmit の disable 化ですが既に議論が終わっているように、onsubmit disable の実装方法として、 onsubmit イベント発生時に submit 要素を disable にして値をサーバへ渡すための hidden 要素を生成する方法 setTimeou
2008年04月02日06:00 カテゴリLightweight Languages Ajax - Ricollab郵便番号検索+Google Map 早速混ぜてみた。 ricollab Web Tech Blog ? Blog Archive ? ricollab実験サービス第一弾を開始します! 本日より、ricollabの語源の一つである「リコーラボ」としての活動の第一弾、郵便番号検索サービスを開始します。 ricollab 郵便番号検索 Google マップ API の概念 - Google マップ API - Google Code 〒 半角数字7けた 住所 郵便番号を7桁入力すると、対応する住所が住所欄に入ります。そのままでよければsubmit、そうでなければ微調整(たとえば番地も入力)してsubmitすると、地図が切り替わります。 Google Map APIも、jsapi と
これは面白すごい。 なかなかさわり心地の良い動き。 しかも無料でダウンロードまでできるし、使えるし、なんともありがたい一品に、思わず勢いで記事にしてしまいました。 まずは以下のサンプルを触ってみると感動しますよ!(たぶん) サンプルデモは以下に 動的なhtmlショーケース 対応しているブラウザの幅も広いです。 # nternet Explorer 6, 7 # Firefox 1.5 + # Opera 9.1 + # Netscape 8.1 + # Safari 3 変更できる内容として # 右、左のサイドメニューの有り無し # 横幅800px、1000px、100% # フォントサイズ 等が変更できます。 もしもダウンロードするなら、以下のサイトに説明(英語)とダウンロードボタンがありますので是非。 Liquid Javascript Grid Layout
WinIEがabbr要素を理解しないことへの対応として、The Web Kanzakiで用いられいてたスクリプトを少し変更したものを使ってました(参照: 見よう見まねJavascript)。それで今まで動作上特に問題もなく、またinnerHTMLと正規表現を使ってソースを書き替えるという手法はスクリプトの見た目もすっきりしていて分かりやすいのですが、別の手段として、正規のDOM的手法を用いてなんとかならないかと考えまして、試してみることにしました。DOMの勉強も兼ねて。 やり方としては、abbr要素ノードからその子テキストノードとtitle属性を取り出して、それを新しく作ったspan要素に適用し、span要素を文書に追加する、という感じで行けるかなと思っていたのですが、実際にやってみるとabbr要素の子ノードが取り出せなくて躓きました。色々と試してみる中で、確認のため、 <abbr tit
A List Apart - For People Who Make Websites HTMLとCSSは規格通りに使うとすれば縦横無尽にさまざまな記述ができる。しかし規格上サポートされているからといって、馬鹿正直にそうした機能を使うのは避けたい。シンプルな記述であとから読んでも理解しやすい、他人が読んでも理解しやすいHTMLやCSSを書けるようになることが理想だ。しかし誰しも最初は素人だ。エキスパートがまとめたドキュメントを参考にして、そうしたテクニックであり勘どころを学んでしまいたい。 フロントエンドデベロッパであるAlex Bischoff氏は5日(米国時間)、A List ApartにおいてKeeping Your Elements' Kids in Line with Offspringという名のもと、CSSやHTMLの記述方法について細かい技巧をまとめて発表した。同ドキュメント
ブラウザの『ソースの表示』で表示されるのは通常、もととなっているHTMLソースですが、スクリプトが適用されて改変された後のページのソースがどうなっているのかを知りたいというときもあります。そんなときに使用するブックマークレットです。
Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create c
ついに本連載の最後となりました。今回のテーマはJavaScriptの設計スタイルです。 JavaScriptで様々なアクションを実現しようとすると,ブラウザによって挙動が異なったり,場合によっては動かない場合があります。例えば,標準化されているW3C DOMといえども,ブラウザの種類やバージョンによってその実装の度合が異なるからです。 今日,様々なブラウザがあふれており,またそれらのバージョンも多岐にわたります。すべてのブラウザ,そしてすべてのバージョンで全く同じように動くようにするというのは,もはや現実的ではありません。 そこで,近年,Unobtrusive Scriptingと呼ばれるスクリプティングの考え方が注目されるようになりました。"Unobtrusive"は,"でじゃばらない","控え目な","つつましい"といった意味を持っています。 Unobtrusive Scripting
下準備 1:Lightwindowスクリプトをこちらからダウンロードします。 2:以下のソースコードを<head>内に記述し、必要な.jsと.cssファイルを読み込みます。 (読み込み元の階層によっては、lightWindow.js内の画像読み込みのパスを書換える必要があります) <!--Lightwindowスクリプト開始--> <script type="text/javascript" src="javascript/prototype.js"></script> <script type="text/javascript" src="javascript/effects.js"></script> <script type="text/javascript" src="javascript/lightWindow.js"></script> <link rel="styleshee
ページ内に様々なwindowを表示するControl.Modal Control.ModalはLightBoxのようなウィンドウをページ内に表示するJavaScriptライブラリになります。 表示させる形態、表示できる内容が非常に豊富です。 設置方法 head要素内などでprototype.jsとcontrol.modal.jsを読み込みます。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="control.modal.js"></script> 準備はこれで終了です。 表示形式ごとに解説していきます。 Relative Modal ブロックレベル要素の内容を表示し、それ以外の箇所をグレイアウトします。 サンプル スタイルシートに以下のコードを追加
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
上記のサイトを参考に、より簡単にJavaScriptとCSSで、各種ブックマークサイトへの「ブックマーク追加」リンク一覧表示をさせてみました。 現在表示しているページのURLとタイトルを「location.href」、「document.title」で取得して設定しているので、貼り付けておくだけで自動で現在表示しているページがブックマークに追加されるようになっています。 以下の例ではベタ書きになっていますが、JavaScript部分とスタイルシートの部分はそれぞれ外部化した方がよいです。 「Social Bookmarks」リンクをクリックすると一覧が表示され、右端にある[close]ボタンまたは再度リンクをクリックすることで一覧が非表示になります。 ブックマークサイトのアイコンを多数表示するのは、スペースを取りますがこの方法なら、リンク1つだけなのでページもスッキリします。 た
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く