mpdf ～phpからpdfを書き出すライブラリ | パソコン組立修理 小樽・札幌｜フォトンPCサポート
自社のお客様データベースをファイルメーカーからphp+sqliteかmysqlにできないか構想中です。（材料費ただなので。。。）phpからpdfを書き出すことがスムーズに行けば実現も近いかと思うのですが、なかなかややこしい。mpdfというhtmlからpdfを書き出すライブラリがあったので試してみました。何とか出せましたが、タグやcssの読む読まないが色々あって大変。単純なタグなら読むかと思えばそうでもなかったり。封筒に印刷したいので用紙設定のユーザー定義サイズの指定を調べたがなかなか分からず、海外のブログに載ってました。だがしかし、配列を$size=array(239,110)とか指定するとなぜかうまくいかない。直にarray(239,110)でないとだめという。 [code] <?php // index.php // mPDFファイルを展開 include("./mpdf/mpdf.p
jQueryを使ってCSSを補強するテクニック15 – creamu
Web Developer Plusで、jQueryを使ってCSSを補強するテクニックが紹介されています。 ざっといくつかご紹介。 jQueryでカラムの高さを統一する equalHeights pluginを使って、一行でカラムの高さを同じにする 入力中のフォームをハイライトする highlighting the label along with the selected input fieldを使って、フォームのユーザビリティーを上げるテクニック 角丸 jQuery Curvy Cornersで角丸を実装する メニューの背景をアニメーションさせる メニューにマウスオーバーしたときに、一瞬でhover画像に切り替えるのではなく、ふわ〜っとアニメーションして切り替えるテクニック。例：Create an Attractive jQuery Menu with Fade In and Fade
[JS]ブラウザの種類を検出して、CSSのセレクタで実装できるスクリプト | コリス
jQuery Browserは、スクリプトでブラウザの種類を検出して、CSSのセレクタとして実装できるスクリプトです。 jQuery Browser jQuery Browserは、ブラウザのもつplatformやuserAgentから、OSやブラウザの情報を取得し、セレクタを利用して、ブラウザごとのスタイルシートを適用することが可能です。 jQuery Browserでのスタイルシートの記述例 <textarea name="code" class="css" cols="60" rows="5"> div#browser-test{ border: 2px solid #000; padding: 10px; } ■Internet Explorer用 div#browser-test.msie{ background-color: #f00; } ■Firefox用 div#brow
カーソル位置によって自動スクロールする小窓実装ライブラリ:phpspot開発日誌
woork: Using CSS and Mootools to simulate Flash horizontal navigation effect カーソル位置によって自動スクロールする小窓実装ライブラリ。 枠の右端に移動すると、右にズイズイとスクロール、左に移動すると左へスクロールするような小窓を実装するためのライブラリが公開されています。 クリックでデモを表示 次のように、見えている部分と、隠している部分をCSSによって出し分けています。 JavaScriptによってスクロール処理を実装。 横スクロールしていくようなＵＩの実装に使えそうです。 また、サンプルのような大きいブロックではなく、小さい領域で、いくつかの情報を格納するのにも便利そうですね。 mootools+CSSで実装されているようです。
[JS]デザイナーのためのjQueryのチュートリアル
Web Design Wallのエントリー「jQuery Tutorials for Designers」から、JavaScriptのライブラリ「jQuery」が視覚的にどのように動作するかデモと共に解説してる10のチュートリアルを紹介します。
LightBox風エフェクトライブラリのiBox:phpspot開発日誌
iBox / iBegin Blog (powered by evoBlog) またまたLightBox風エフェクトライブラリのiBox。LightBox風というよりかはThickBox に似ています。 他のライブラリと比べ、次のようなメリットがあるそうです。 1. サイズが小さく軽い 2. 画像、指定div要素、外部HTMLへのリンク対応 3. JavaScriptがOFFユーザにも対応 4. 依存ライブラリなし(prototype.js, moo.fx, jQuery 不使用) デモはこちら いろいろありますが、実際に使ってみて自分にベストフィットなものを使うのがいいんでしょうね。 MITライセンス。 関連エントリ： 画像やページをLightBox風に表示できるThickbox LightBox.jsにスライドショー機能を追加するSlidebox 同一ページ内でポップアップウィンドウを
文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのまま表示させたいときなど、デザインを重視するサイトでよく見られる工夫だ。しかし問題はそのメンテナンス性の悪さだろう。 奇麗に文字が表示されるようになる それに適切に説明文を入れておかないと文字読み上げブラウザなどでは何も情報が得られなくなってしまう。そうした煩雑さから解放されるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはtypeface.js、文字をSVG画像に変換するJavaScriptライブラリだ。 typeface.jsは指定した文字をそのままcanvasタグを使ったSVG画像に変換する。CSSを使って文字装飾を行うことができ、太字/イタリック/色変更を変更できる。他にもfont-stretch（横幅）、文字間隔、行の高さなどを指定することが可能だ。 選択すると文字全
縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」:phpspot開発日誌
縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」 2009年10月21日- Long Dropdowns 縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」 ドロップダウンメニューは限られたスペース内に沢山のナビゲーションを埋め込めるということで便利なのですが、多くなって縦に長くなってしまうと、下のほうのアイテムがクリックしづらくなります。 これを使いやすくしたのが今回のサンプル。 マウスを下に移動すると、少しのマウス移動でメニュー自体が上にニュイーンと上がってきてくれます。 結果的にカーソル移動量が少なくなって使いやすくなります。 最初は驚くかもしれませんが、なれると便利ですし、一番したまでいってもループして戻ってくるという仕様なので、見逃した、という失敗も避けられます。 これは新しい上
jQueryとCSSで驚きのページめくり効果を作るサンプル:phpspot開発日誌
Simple Page Peel Effect with jQuery & CSS jQueryとCSSで驚きのページめくり効果を作るサンプル。 利用者に対して驚きを与えるだけでなく、スペースも有効に使える便利なサンプルが公開されていました。 綺麗なアニメーションをするも、Flashは使っておらず、jQueryとCSSで表現されているところが凄くてそのテクニックにも注目。 以下のようなＵＩがあります。 右上のめくったところにカーソルを合わせるとペローンとページがめくられ、少ないスペースだったのに情報が表示されます。 該当のコードですが、以下のように、jQueryのanimateによって実現されています。 $("#pageflip").hover(function() { //On hover... $("#pageflip img , .msg_block").stop() .animat
Animated Menus Using jQuery � ShopDev Website Design Blog
I recently stumbled upon Dragon Interactive (dragoninteractive.com). It’s a pretty well designed site. However, the pièce de résistance is their rather cool animated menu. Now… had this been designed in Adobe Flash, I wouldn’t had paid much attention. A closer inspection revealed that the menu is plain XHTML, CSS and Javascript. Today, I’m going to show you how to create an animated menu (ve
Basic Spring - EJE INC. WEBLOG
バネ運動をActionscriptで再現したものです。 NIKKEのFlashのときにas2で作ったのですが、as3に書き直してみました。 描画はラインのみでほぼ内部計算なので、as3の性能がフル活用できるのではないでしょうか。 下記の例はぶら下がり運動ですが、地面をつけたりすれば一応物理演算系の動作も可能です。 Z座標を追加すれば3D上でも使えます。 （※閲覧にはFlashPlayer10が必要です。） package { /*************** * Import */ import flash.display.Sprite; import flash.display.Bitmap; import flash.geom.Point; import flash.events.MouseEvent; import flash.events.Event; import f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳
横にスライドするきれいな動きのアコーディオンJavaScript*ホームページを作る人のネタ帳