nl2br｜ブロック要素以外の改行をbrに変換するツール
━ 使い方 ━ 1.左のテキストエリアに対象になるhtmlを入力してください 2.真ん中の変換ボタンを押すと、ここに変換後のデータが表示されます 3.変換後のデータをコピーしてホームページや、ブログにお使いください ※<br />で既に終わっている行にも<br />はつけません ※リンクはフリーです。ご連絡いただければ相互リンクします。 ご意見等がございましたら、下記ブログよりご連絡ください 作者ブログ『とりあえず作ってみます』
タグ: Simple HTML DOM Parserの一覧
「Fatal error: Maximum function nesting level of ‘100’ reached, aborting! in ～」って感じで怒られた。
スタイルシート［CSS］/ページ全般/印刷時の改ページ部分を指定する - TAG index
avoid の指定は、Opera以外では対応していないようです。 指定例 見出し（h2要素）の直前で改ページさせる例 h2 { page-break-before: always; } 水平線（hr要素）で区切って改ページさせる例 hr { page-break-after: always; } 使用例 h2要素の直前で改ページさせる例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> h2 { page-break-before: always; } </style> </head> <body> <h1>印刷時の
PHP で HTML から簡単に PDF を作れる mPDF | Sun Limited Mt.
帳票などを HTML を表示し、それを PDF にしたいことはよくあります。FPDF などを使えば PHP で PDF を生成することもできますが、結構面倒です。しかし mPDF を使うことにより PHP で簡単に HTML から PDF を生成することが可能です。 インストール mPDF をインストールします。mPDF のサイトより zip ファイルをダウンロードし、解凍します。それを PHP からインクルードできるディレクトリへアップロードします。今回は mpdf というディレクトリを作りその中にアップロードしました。 アップロード後、tmp ディレクトリと graph_cache ディレクトリに書き込み権限を与えておきます。 mPDF で PDF を生成する 使い方は簡単です。HTML を与えて、出力するだけです。使い方の例は以下のようになります。例として Yahoo!ジャパンのトッ
スタイルシート［CSS］/CSSプロパティ一覧/outline プロパティ - TAG index
それぞれの値は、半角スペースで区切って記述します。 記述する順序は自由で、必要のない指定は省略することもできます。 アウトラインのスタイルの指定を省略すると、アウトラインが表示されなくなってしまいます（初期値がnoneなので）。アウトラインを表示する場合は、この指定を省略しないようにしてください。
ブログの画像を後から読み込んでページを軽くするjavascript | 星光のつれづれ日記
ダウンロード 『Lazy Load Plugin for jQuery』 英語のサイトだけど下の方にスクロールするとdownloadがあるから、 sourceの方でもminifiedの方でも好きな方を右クリックでダウンロードしよう。 なぜこのプラグインなのか？ このプラグインを選んだ理由を書いておこう。 画像関係のプラグインでlightboxって言うのがあって、これは画像をクリックすると『うにょ～ん』と画像がポップアップしてくるやつだ。 そのlightboxで僕が使っている『WordPress用lightboxプラグイン作ってみた』と共存できるのが一番の理由だ。 今回紹介した以外の遅延読み込みに関しては『画像の遅延読み込み』を参考にして貰えば良いと思う。 使い方 このjavascriptはjQueryって言う物も必要だ。 ブログで既に使っている場合は良いんだけど、まだの時は以下のコードをヘ
Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！ - Web学び
2012年 6月 13日 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、これは結構命取りだったりします。 まぁ私もそんなに詳しいわけではないので断言できませんが。 ・訪問者はその数秒でサイトから逃げる ・Googleはその数秒を評価基準に入れる たしか遅延ロード(Lazy Load)とかいう技術ですね。 わりとポピュラーなコードで何とかなったので書いときます。 ピュアなJavaScriptではなく、jQuery使いますね。 方法その１ 時限式読み込み body閉じタグの前あたりに書きます。 . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ここに、SNSのコードを書く' + '一行でつなげても良いが見に
lockエラー | 月額200円からのレンタルサーバー JSN
まずは最近知って便利だと思ったCSSの小技をひとつ。 文章の最後に、「※（米印）」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず１文字分右に動かして、「text-indent : -1em;」で最初の行だけ１文字分左に出す、ということらしいです。これ考えた人はえらいっすねぇ。 他には開始位置を揃えるいわゆる「ぶら下げ」をCSSでやる場合、<div>タグの入れ子を使ってもいいが、<dl><dt><dd>の定義型リストを使うのがおすすめ。Definition Listの略で
Prototype系ライブラリ サンプルプログラム
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Sample</title> <link rel="stylesheet" href="css/main.css" type="text/css" media="all"> <script type="text/javascript" src="js/prototype.js" charset="shift_jis"></script> <script type="text/javascript"><!-- Event.observe(window, "load", fu
Webアプリケーション用HTMLエディタ「FCKeditor」を使う
連載目次 「FCKeditor」は、JavaScriptで記述されたオープンソースのHTMLエディタです（「FCK」は作者であるFrederico Caldeira Knabben氏のイニシャル）。MovableTypeやXOOPSといったCMSやBlogツールなどに、ページ作成用の部品として組み込まれているのを目にしたことがあるかもしれません。 FCKeditorを用いると、HTMLタグを直接記述することなく、HTMLベースのリッチなドキュメントの作成が可能になります。以下はFCKeditor（のコントロール）を組み込んだASP.NETのページの表示例です。また、FCKeditorのホームページにあるデモ・ページでは、実際にその動作を試すことができます。 FCKeditorはCMSやBlogなどの特定のWebアプリケーションに利用が限定されるものではなく、PerlやPHPなどで作成する自
メタタグmeta要素 :検索エンジン最適化で順位アップ ::SEO塾(情報サイト)
メタタグキーワード キーワードタグは、Googleでは重要ではないが、Yahoo!ではインデックスされている。 キーワードタグでは、5つほどキーワードを記述しておく。 <meta name="keywords" content="キーワードA,キーワードB,キーワードC,キーワードD,キーワードE"> メタタグrobots 以下の記述で、OKはインデックス可、NOはインデックス不可。 <meta name="robots" content="index,follow"> このページはOK このページからのリンク先ページもOK 同じ効果：<meta name="robots" content="all"> <meta name="robots" content="index,nofollow"> このページはOK このページからのリンク先ページはNO <meta name="rob
<tbody> - テーブルボディ - とほほのWWW入門
形式 <tbody>～</tbody> サポート LS / H4 / e4 / Ch1 / Fx1 / Sa1 / Op1 / N6 カテゴリ 該当なし 親要素 table 要素。ただし、caption, colgroup, thead 要素より後ろに記述すること。また、table 要素の直接の子要素としての tr 要素は記述しないこと。 子要素 0個以上の tr, スクリプトサポート要素 タグの省略 開始タグ: 最初の子要素が tr 要素であり、また、終了タグが省略された tbody, thead, tfoot 要素の直後でない場合は省略可能。 終了タグ: tbody, tfoot 要素が直後に続く場合、または、親要素に対して最後の要素の場合、省略可能。 属性 グローバル属性 グローバル属性 詳細は グローバル属性 を参照してください。 bgcolor=color [非推奨] e4/Ch
WordPress の更新情報を JSONP 形式で出力 - dogmap.jp
さて、昨日のエントリの続き。 「Googlle AJAX Feed API なんて外部のサービスに依存したくないんじゃ！」という人のために、昨日と同様のことを自前で行うための方法。 WordPress の更新情報を JavaScript で取得して表示するには AJAX と呼ばれる技術を使います。 しかし、http を通してデータを読み込むための XMLHttpRequest では、制限として別ドメインのデータを読み込むことができません。 これを回避する方法が JSONP です。 hiromasa さんが、昨日のエントリにトラックバックしてくれた静的 HTML に WordPress を埋め込む方法を用いて JSONP 形式で、WordPress の最新記事を取得してみましょう。 まずは JSONP 形式で、WordPress の最新エントリ一覧を取得する方法。 以下のようなコードを ge
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知って得する『ほめぱげ』講座
HTMLにおいてチェックボックスやラジオボタンを読み取り専用にするには
vertical-align:middleが効かないのぉ（涙） | 素人ときどき玄人
（HTMLタグ・スタイルシート）印刷時のみ非表示にする方法 - 印刷時に表示しない部分を、ＨＴＭＬタグやスタイルシートに表記する... - Yahoo!知恵袋
IE8 の互換表示ボタンを表示させないページを作る
株式会社スタイルズ
http://www.crystal-creation.com/web-appli/technical-information/html/basic/link.htm