Iframeがキャッシュを保持して更新されないときの対処法（特にChrome） - サイト制作の豆知識
php、CSS、SQL、Linuxなど…素人が一からサイト制作をしていてつまずいたポイントをメモしていく技術ブログ Iframeがキャッシュを保持して更新されないときの対処法（特にChrome） ●top.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <iframe id="testtest" src="Iframeで読み込むhtmlのURL" width="400" height="300" frameborder="0" scrolling="NO"></iframe> </body> </html> ●iframe.html <html> <head> <meta http-equiv="Content-Type" con
スタイルシートリファレンス
HTMLソース <h5>text-indent:100px; を指定</h5> <p class="sample" style="text-indent:100px;"> かえる、ぴょこぴょこ、みぴょこぴょこ。<br> あわせて、ぴょこぴょこ、むぴょこぴょこ。 </p> <p class="sample" style="text-indent:100px;"> Three frogs leaping together. They're three pyokopyoko.<br> New three frogs leaping together. Now they're six pyokopyoko. </p> <h5>text-indent:2em; を指定</h5> <p class="sample" style="text-indent:2em;"> かえる、ぴょこぴょこ、みぴょこぴょ
今、知っておきたいJavaScript
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（Application Programming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
Javascriptでhtml中のテキストを変更する
初歩的な技術ではありますが、備忘録エントリー。 HTML要素を参照するには、innerHTML を使用します。 obj.innerHTML obj.innerHTML = "HTMLタグおよびテキスト" サンプル <script type="text/javascript"> <!-- var txt1 = "赤は英語で<strong>red</strong>です"; var txt2 = "青は英語で<strong>blue</strong>です"; var txt3 = "黄色は英語で<strong>yellow</strong>です"; function ChangeTxt(txt) { document.getElementById("text").innerHTML=txt; } --> </script> <style type="text/css"> <!-- body{ p
国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザイ
テーブル(表)の表示／非表示
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか？ コピーしてご自由にご利用ください。 テーブル(表)表示／非表示を切り替える オンマウスでテーブル(表)を表示します。 display='block' display='none' 価格表 サンプルソース <html> <head> <title>テーブル表示／非表示</title> </head> <body> <a href="#" onmouseover="document.getElementById('tbl').style.display='block'" onmouseout="document.getElementById('tbl').style.display='none'">価格表</A> <table id="tbl" style="display:non
WEBアプリ開発に便利な機能＆負荷テストツール集:phpspot開発日誌
15 Free Functionality And Load Testing Tools For Web Applications WEBアプリ開発に便利な機能＆負荷テストツール集。 プログラム変更後の品質チェックを行える機能テスト・ユニットテスト、負荷に耐えられるか確認するために負荷テストツール、で品質向上に役立てられます。 Selenium等の定番以外にも沢山の機能テストツールや負荷テストツールがあるみたいです。 機能テストツール集 Seleniumのようなブラウザを自動で直接動作させて表示結果を確認するツール うまく運用すれば、機能を変更した際の正常動作確認に神経をすり減らすことがなくなります SeleniumHQ おなじみのテスト自動化ツール テストケース定義で自動でブラウザ上でテストしてくれます Watir Rubyのブラウザ自動化ライブラリだそう。 Windowsだと、IE、F
IEで絶対配置（position:absolute）のボックスが消えるバグの検証
先日、友達の依頼で XHTML+CSS のコーディングをしていたところ、position:absolute を指定したボックスが Win版IE6 でのみ表示されないという現象に出くわしました。あちこち調べてみたところ、かなり厄介な IE のバグのようで、消えるときの条件がいろいろあることがわかったので、整理してみたいと思います。 まず最初に見つけたのが、以下のサイト。 » IEで position:absolute した要素が消えるバグ こちらで紹介されているのは、float と clear にはさまれた position:absolute が消えてしまう現象とその対策。でも、私がはまったケースでは、position:abloslute の前には float がありません。紹介されているように clear を追加してみても当然ダメ。う～ん、なぜだ・・・ 日本語のリソースを調べてみても解決策
jmblog.jp - Win/IEで絶対配置（position: absolute）のボックスが消えるバグの検証ページ
http://jmblog.jp/archives/180より。 Bruno Fassino氏のIE/Win: Disappearing position:absolute boxes near to floats and clears のテストを元にしています。 日本語 | English 概要 Win/IEでは、以下の場合に絶対配置（position: absolute）にしたボックスがレンダリングされないことがある。 position:absolute が float と hasLayout をもつ clear の直前に存在する場合。（Test1） 解決方法 : #1, #2, #3, #4, #5 position:absolute が float と hasLayout をもつ clear との間に存在する場合。（Test2） 解決方法 : #1, #2, #3
Excel等のスプレッドシートからHTMLテーブルに簡単変換「TABLEIZER」:phpspot開発日誌
TABLEIZER! -- Spreadsheets to HTML Tables Tool Excel等のスプレッドシートからHTMLテーブルに簡単変換「TABLEIZER」。 ExcelなどをそのままHTMLにして貼り付けたいみたいな時に結構便利そうです。 フォームにペーストしてサブミットすると、HTMLコードとプレビューが表示されます。 これは便利。覚えておくと楽できそうです。 関連エントリ Excelファイルも開けるタブ切り替え型の多機能CSVエディター「SmCsvEdit」 手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」 CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与 PHPからWord、Excel、PowerPointのドキュメントを生成するサンプル
ロゴ＆バナー無料自動作成：AUTO LOGO（オートロゴ）
ホームページのタイトルロゴやバナー、ボタンが無料で自動作成できます。壁紙もあり。簡単、便利で初心者にお薦め。ロゴ＆バナー無料自動作成 ホームページ作成支援としてタイトルロゴやボタン、ライン、バナーの無料自動作成（ヤフーブログバナーと名前アイコンにも利用可能）などを提供。
フォームのボタンにアイコンや装飾を加える [ホームページ作成] All About
フォームのボタンにアイコンや装飾を加える入力フォームなどに配置する「ボタン」の表面には、ただ文字を表示するしかないと思っていませんか？ それ以外にも、任意のアイコンを表示させたり、色や書体を指定して装飾した文字列を表示させることができます。
![フォームのボタンにアイコンや装飾を加える [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
ツートーン™ベータ版
ウェブアプリ「タイトルバナーを作ろう」のベータテストは終了しました。 平成17年9月30日から平成21年3月1日までのダウンロード累計で 1,281,571となり120万件を達成いたしました。ありがとうございます。
HTMLクイックリファレンス
{"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"slots":false,"live_games":false,"is_live_dealer":false,"payment_methods":false,"sport_types":false,"live_streaming":false,"cash_out":false}]} ウェルカムボーナス {"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"sl
IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS/HTML色見本
ANTで改行コードを除去する « しゃるる丼
テーブルで長い文字列を特定の長さで切り捨てて表示する方法 - TsutomuUchimaの日記
Background Image Maker
http://css.eweb-design.com/0402_lcs.html