プロテインダイエットは近年人気を集めており、特に1週間の短期集中型ダイエットが注目を浴びています。 これは、タンパク質を多く含むプロテインを食事の一部に取り入れることで、栄養バランスを保ちつつ効率的に体重を減らすことが可能...
![片想い](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1c6bd03f347c20844dd7e3994e5df7560c90d08/height=288;version=1;width=512/https%3A%2F%2Fkataomoi3.com%2Fwp-content%2Fthemes%2Fcocoon-master%2Fscreenshot.jpg)
javascriptでテトリスの作り方を紹介しているサイトをみつけた。 http://svn.coderepos.org/share/docs/amachang/20080813-procamp2008/index.html コードもそれほど難しくなさそう。自分には丁度良いレベルに感じたのと前から作ってみたいと思っていたものなのでちょっと勉強してみることにした。 解説は一切なし。但し、作っていく過程を順番に見せている。これを追っていくとなんとなく仕組みが理解できる。 しかし、やっぱり、分からないところもあるわけで… そういう時は、何かヒントになるようなことを書いている人はいないかひたすらネット検索! 期待以上のものを発見!これは有難い! http://d.hatena.ne.jp/syossan/20100630/1277917669 すごく助けられた! 理解できたところで、頭の整理。
HTML とは HTML とは、誤解を恐れずに言ってしまうとウェブページ(ホームページ)を作るために使われている言語です。 例えば、以下のようなものが HTML です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文<a href="hoge.html">ハイパーリンク</a>本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </p> </body> </html> サンプル イメージ湧きましたか? では、何故 HTML という
2011年10月06日15:48 カテゴリphpTCPDF TCPDFを使ったpdf出力 PHPでPDF出力する方法には色々方法があるみたいですが、 標準で日本語に対応しておりフリーのフォントも内蔵しているためにライセンスを 気にせずにすみライブラリのインストールがダウンロードしたファイルを 解凍するだけという手軽さからTCPDFが良く使われているようです。 TCPDFのダウンロードはこちら 今回はTCPDFで一枚ものの報告書に差込印刷をするサンプルです。 動作サンプルはこちら 汎用的に作るためにHTMLでテンプレートファイルを作成し、その中の文字を置換して PDFデータとして与える方法をとります。 入力のフォームはこんな感じ <?php @session_start(); $error = ''; $company_name = @$_POST['company_name']; $
━ 使い方 ━ 1.左のテキストエリアに対象になるhtmlを入力してください 2.真ん中の変換ボタンを押すと、ここに変換後のデータが表示されます 3.変換後のデータをコピーしてホームページや、ブログにお使いください ※<br />で既に終わっている行にも<br />はつけません ※リンクはフリーです。ご連絡いただければ相互リンクします。 ご意見等がございましたら、下記ブログよりご連絡ください 作者ブログ『とりあえず作ってみます』
CSSの初心者で勉強しております。下記の質問ご回答いただけたら幸いです。 よろしくお願いいたします。 ○前提: ・見本のWEBの見た目になるように極力自分の力で書いていて、 分からないところは見本のソースコードを見て作成しています。 ・質問5つあったのですが、文字数オーバーするので質問分けてする都合上 スクショには他の情報も記載しております。(ここの質問は②③④の計3つです。) また(1)~(3)は文中にありませんので、気にしないでください。 ・コンテンツの幅を960px。横のpaddingは4%で作成しております。 【bicycleの画像の大きさの調整等】 ②質問:こちら3つのflexした画像の大きさを調整する過程がつまづいたので ソースコードを見ました その際 (4).bicycle-block { width: 32%; } (5)img { max-width: 100%; } の
「Fatal error: Maximum function nesting level of ‘100’ reached, aborting! in ~」って感じで怒られた。
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>印刷時の
帳票などを HTML を表示し、それを PDF にしたいことはよくあります。FPDF などを使えば PHP で PDF を生成することもできますが、結構面倒です。しかし mPDF を使うことにより PHP で簡単に HTML から PDF を生成することが可能です。 インストール mPDF をインストールします。mPDF のサイトより zip ファイルをダウンロードし、解凍します。それを PHP からインクルードできるディレクトリへアップロードします。今回は mpdf というディレクトリを作りその中にアップロードしました。 アップロード後、tmp ディレクトリと graph_cache ディレクトリに書き込み権限を与えておきます。 mPDF で PDF を生成する 使い方は簡単です。HTML を与えて、出力するだけです。使い方の例は以下のようになります。例として Yahoo!ジャパンのトッ
ダウンロード 『Lazy Load Plugin for jQuery』 英語のサイトだけど下の方にスクロールするとdownloadがあるから、 sourceの方でもminifiedの方でも好きな方を右クリックでダウンロードしよう。 なぜこのプラグインなのか? このプラグインを選んだ理由を書いておこう。 画像関係のプラグインでlightboxって言うのがあって、これは画像をクリックすると『うにょ~ん』と画像がポップアップしてくるやつだ。 そのlightboxで僕が使っている『WordPress用lightboxプラグイン作ってみた』と共存できるのが一番の理由だ。 今回紹介した以外の遅延読み込みに関しては『画像の遅延読み込み』を参考にして貰えば良いと思う。 使い方 このjavascriptはjQueryって言う物も必要だ。 ブログで既に使っている場合は良いんだけど、まだの時は以下のコードをヘ
2012年 6月 13日 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、これは結構命取りだったりします。 まぁ私もそんなに詳しいわけではないので断言できませんが。 ・訪問者はその数秒でサイトから逃げる ・Googleはその数秒を評価基準に入れる たしか遅延ロード(Lazy Load)とかいう技術ですね。 わりとポピュラーなコードで何とかなったので書いときます。 ピュアなJavaScriptではなく、jQuery使いますね。 方法その1 時限式読み込み body閉じタグの前あたりに書きます。 . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ここに、SNSのコードを書く' + '一行でつなげても良いが見に
まずは最近知って便利だと思ったCSSの小技をひとつ。 文章の最後に、「※(米印)」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず1文字分右に動かして、「text-indent : -1em;」で最初の行だけ1文字分左に出す、ということらしいです。これ考えた人はえらいっすねぇ。 他には開始位置を揃えるいわゆる「ぶら下げ」をCSSでやる場合、<div>タグの入れ子を使ってもいいが、<dl><dt><dd>の定義型リストを使うのがおすすめ。Definition Listの略で
<!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
連載目次 「FCKeditor」は、JavaScriptで記述されたオープンソースのHTMLエディタです(「FCK」は作者であるFrederico Caldeira Knabben氏のイニシャル)。MovableTypeやXOOPSといったCMSやBlogツールなどに、ページ作成用の部品として組み込まれているのを目にしたことがあるかもしれません。 FCKeditorを用いると、HTMLタグを直接記述することなく、HTMLベースのリッチなドキュメントの作成が可能になります。以下はFCKeditor(のコントロール)を組み込んだASP.NETのページの表示例です。また、FCKeditorのホームページにあるデモ・ページでは、実際にその動作を試すことができます。 FCKeditorはCMSやBlogなどの特定のWebアプリケーションに利用が限定されるものではなく、PerlやPHPなどで作成する自
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く