秀丸エディタを HTML や PHP や CSS が気持ち良く書ける環境にする
秀丸を最強のエディタとして活用できるようになるまでの道のりをメモしておきます。後で誰かの参考になれば幸いです。 秀丸のインストール まず秀丸は以下からダウンロードします。 秀まるおのホームページ(サイトー企画)?秀丸エディタ 秀丸のインストールの説明はこちらが分かりやすい。 http://hide.maruo.co.jp/software/install.html#HIDEMARU 基本的な操作や見栄え 秀丸の(その他)ファイルタイプ別の設定には癖があって、事前に設定のリストで用意しておいた設定をある拡張子のファイルに適用することで、今後その拡張子のファイルを開いた際は、その設定が適用されている状態になります。 設定のリストにある共通で設定すれば、他のすべての設定にも適用されるわけではなく、拡張子毎に設定をしていく必要がある(例えばPHPにはPHPファイルという設定を用意して適用する。CS
TCPDFを使ったpdf出力 : akibaengneerのまとめメモ
2011年10月06日15:48 カテゴリphpTCPDF TCPDFを使ったpdf出力 ＰＨＰでPDF出力する方法には色々方法があるみたいですが、 標準で日本語に対応しておりフリーのフォントも内蔵しているためにライセンスを 気にせずにすみライブラリのインストールがダウンロードしたファイルを 解凍するだけという手軽さからTCPDFが良く使われているようです。 TCPDFのダウンロードはこちら 今回はTCPDFで一枚ものの報告書に差込印刷をするサンプルです。 動作サンプルはこちら 汎用的に作るためにHTMLでテンプレートファイルを作成し、その中の文字を置換して PDFデータとして与える方法をとります。 入力のフォームはこんな感じ <?php @session_start(); $error = ''; $company_name = @$_POST['company_name']; $
nl2br｜ブロック要素以外の改行をbrに変換するツール
━ 使い方 ━ 1.左のテキストエリアに対象になるhtmlを入力してください 2.真ん中の変換ボタンを押すと、ここに変換後のデータが表示されます 3.変換後のデータをコピーしてホームページや、ブログにお使いください ※<br />で既に終わっている行にも<br />はつけません ※リンクはフリーです。ご連絡いただければ相互リンクします。 ご意見等がございましたら、下記ブログよりご連絡ください 作者ブログ『とりあえず作ってみます』
スタイルシート［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
スタイルの優先順位－CSSの基本
■スタイルの優先順位 よりタグに近い、より後から読み込まれたスタイルが優先される 複数箇所でスタイルを指定すると、同じプロパティに異なる値が指定されてスタイルが競合することも起こりえます。 こうした場合には、よりタグに近いところで指定されたスタイルや、 より後から読み込まれたスタイルが優先されて、プロパティの値が上書きされます。 例えば、外部CSSファイルの指定では文字色を赤く、 <style>要素による文書単位の指定では黄色く、 style属性による局所的な指定では青く指定した場合には、 より後から読み込まれる値で上書きされるため青い文字となります。 p {color:red;} /*赤色*/ p {color:yellow;} /*黄色で上書き*/ p {color:blue;} /*青色で上書き、この値が有効となる*/ セレクタの種類
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知って得する『ほめぱげ』講座
HTMLにおいてチェックボックスやラジオボタンを読み取り専用にするには
vertical-align:middleが効かないのぉ（涙） | 素人ときどき玄人
株式会社スタイルズ
CSSの優先順位〜CSSテクニック〜