ChainLPで青空文庫形式のテキストファイルをSony Reader向け縦書きPDFに加工してみる | ノート100YEN.com
電子ブックリーダーのSONY Reader PRS-T2を手に入れてから自炊ファイルをどんどん放り込んでいます。 液晶タブレットと違い、やはりE-Inkは目に優しく長文を読むには快適です。 Czytnik E-Book / DrabikPany 青空文庫で無料の書籍を入手 すでに自炊した書籍ファイルがあるのならそれをReader用に加工して放り込めばいいですし、何もないのであればReader™ストアやその他の電子書籍ストアで購入すればすぐに読めます。 ただ書籍の自炊はそこそこ面倒な作業でありますし、Reader™ストアなどもアカウントの取得や設定、もしくはその手前のWiFiの設定を一々調べて自分でするのが億劫だったりします。 そんな時、無料ですぐに入手可能で電子書籍を試せるのが青空文庫です。 ここはすでに「著作権が消滅した」、あるいは「著作権者がこのサイトで著作物を送信可能な状態にする事を
誰でもデータを直販できるGumroad入門。クリエイターの生活は変わる？ | fladdict
Gumroadというサービスがすごい熱い！ Gumroadは誰でも簡単にデータを販売できるようにするサービス。 FacebookやTwitterのタイムラインに、GumroadにアップしたデータのURLを貼るだけで、世界中にコンテンツを販売できるみたい。（2/14日現在、日本からの過剰すぎるアクセスでGumroadが不安定です） 何ができるの？ Gumroadを使えば、たとえばイラストレーターやミュージシャンが、そのまま作品をダイレクトにタイムラインで発表して販売できます。手数料はたったの5%（正確には5%+30セント）。Appleの30%や出版社の90%に比べると驚異的なお値段です。個人のクリエイターがクレジットカード決済でデータを販売できる…というのは、なにやら仕事のスタイルそのものが変わりそうです。 さっそく実験で、写真を１枚アップロードして$2で売ってみたら10$32ほど枚売れまし
スクロール時に画像の読み込みを開始するAjax Lazyload : 4GALAXYのメモ
67 20 09 2007 スクロール時に画像の読み込みを開始するAjax Lazyload jQuery, Ajax jQueryプラグインLazyloadの解説・設置方法、画像大量表示している場合サーバー負担軽減につながります。 ブラウザ画面に表示された時に読み込みを開始するので、無駄なトラフィックを防ぐ事が出来ます。 大量に画像を表示しているホームページなんかでは有効なプラグインですね。 jquery.js - ダウンロードページ かならず必要ですのでダウンロードして下さい コード <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.dimensions.min.js"></script> <script type="t
An explanation of the CSS animation on Apple's iPhone 4S webpage
An explanation of the CSS animation on Apple's iPhone 4S webpage October 25, 2011 The "phone stage" (blue-bordered box) contains all 6 "slides" of the animation sequence and has a transition css property with a duration and timing function (a cubic bezier curve). For the phone stage to cycle from one slide to the next, its css transform property is updated with new translate and rotate values. At
色々なエフェクトがある画像ズームJavaScript「Cloud Zoom」
twitter facebook hatena google pocket 画像をズームさせることで、小さなスペースで詳細まで見せることが可能です。 今回紹介するProfessor Cloudは軽量かつ簡単にズームをさせられます。 sponsors 使用方法 Professor Cloudからファイルをダウンロードします。 またjQueryも忘れず用意しましょう。 <link href="cloud-zoom.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="cloud-zoom.1.0.1.js"></script> 上記を記述したら画像を記述していきま
ロード中のアイコンを簡単に作れるサイト「Preloaders」*二十歳街道まっしぐら（FC2ブログ時代）
ロード中に表示するアイコンが簡単に作れるジェネレータです。 アイコンの種類も豊富にあり、色も自由にしていできます。 アニメーションの速さも設定でき、自由にカスタマイズできますよ。 ローディングアイコンが欲しいかたは、ここで作っちゃいましょう。 以下に作り方の流れを載せておきます。
Adobe CS5風のアイコンがとっても簡単に作られるアイコンジェネレータ*二十歳街道まっしぐら（FC2ブログ時代）
「CS5風アイコンジェネレータ」では、Adobe CS5風のアイコンが簡単に作れます。 こんな感じのアイコンが作れるということです。 文字を入力、色を決めるだけで！あとは自動的に作ってくれます。 その場でダウンロードおよびTwitterアイコンに設定ができますよ！ 開発者の方の記事はこちら： お手軽にCS5風のアイコンが作れるIcon Generatorをリリースしました Icon Generatorができるまで～制作レポート～ CS5およびCS4、Web2.0アイコンが作れます。 CS3は過去記事で紹介しています： 綺麗なアイコンがサクっと作れちゃうツール「Icon Generator」 以下に使ってみた様子を載せておきます。 まず、「CS5風アイコンジェネレータ」にアクセスします。 するとこんな感じでジェネレータが表示されます。 好みの文字を入力し、色を指定します。 「アイコンを保存す
できた！をかなえるチュートリアルマガジン DEKIMAGA（デキマガ）
より持続可能で思いやりのある世界を追求する中で、植物ベースの食事がグリーンリビング運動の極めて重要な側面として浮上しています。 動物性食品よりも果物、野菜、穀物、ナッツ、種子を優先するこの食生活の変化は、単なるトレンドではなく、環境、健康、倫理に大きなメリットをもたらす、深いライフスタイルの選択です。 植物ベースの食事を採用することが環境に配慮した生活の基礎である理由と、それがどのようにして世界中に前向きな変化の波及効果をもたらすことができるのかを詳しく見てみましょう。 地球にとっての勝利 植物ベースの食事に関する環境問題には説得力があります。 農業、特に肉や乳製品の生産は、温室効果ガスの排出、森林破壊、水の枯渇、生物多様性の損失の主な原因となっています。 植物ベースの食品を選択することで、環境への影響を大幅に削減します。 植物は動物製品と比べて生産に必要な土地、水、エネルギーが少なくて済
TypeKit で広がる Web デザインの可能性
今年の 5月頃に発表されて、@font-face 時代の幕開けだぜと期待をふくらませていた Web サービス、「TypeKit」 が正式に公開され、誰でも使用できるようになりました。TypeKit は、権利問題をクリアした多くのフォント一覧から自分の好きなフォントを選んで、簡単なソースコードを Web ページに埋め込むだけで @font-face によるフォントの指定が行えるようになるサービス。今までフォントの関係から画像で処理していた部分をテキストデータとして処理しつつある程度自由にフォントを選べるので、デザイナーにとっては表現の幅が広がるのではないでしょうか？ 今年の 5月頃に発表されて、@font-face 時代の幕開けだぜと期待をふくらませていた Web サービス、「TypeKit」 が正式に公開され、誰でも使用できるようになりました。 Typekit is live ： The
ロールオーバーを簡単に実装する-Image Rollover Code-
ロールオーバーを簡単に実装する-Image Rollover Code- Image Rollover Codeはロールーオーバーを簡単に実装する為のjsライブラリです。 設置方法 配布元のDaniel Nolanのサイトよりrollover.jsを取得し、head要素内などで読み込みます。 <script src="rollover.js" type="text/javascript"></script> ロールオーバーを実装したいimg要素のclass名に『imgover』を指定します。 <img src="sample.jpg" alt="Some Image" class="imgover" /> すでに、他のclass名がつけられている場合は、半角スペース区切りで指定することにより複数のclass名を指定する事が可能です。 <img src="sample.jpg" alt="S
フレームアクションで覚える Papervision3D チュートリアル Vol.01 | ClockMaker Blog
私の身の回りの人やメール等でPapervision3D (ペーパービジョンスリーディー)の使い方を教える機会があり、その度にチュートリアルサイトを教えたりしています。ただ、世の中のコードを見ると様々な書き方があり、スクリプトになれていない初級者にとっては、難解に思われる事が多いかと思います。 そこで、初級者にもやさしいPapervision3D(以下、PV3D)チュートリアルをはじめてみることにしました。チュートリアルビデオを用意して5回ぐらいに渡って連載したいと思います。必要となるスキルレベルは、ActionScript 3.0の入門書を一冊読み終えたぐらいを想定してます。 テーマは「フレームアクションだけの短いコードで、シンプルにPapervision3Dを使ってみる」です。 なお、Papervision3Dの解説はさらに詳しく書籍にもまとめています。このブログを読んでさらにスキルを高
第20回 文字エンコーディングとセキュリティ（2） | gihyo.jp
前回に引き続き、今回も文字エンコーディングとセキュリティをテーマに解説します。前回は文字エンコーディングを利用した攻撃で、JavaScriptインジェクションやSQLインジェクションなどが可能であることを紹介しました。今回はなぜ、文字エンコーディングを利用して攻撃できるのか、簡単に紹介します。 文字エンコーディングを利用した攻撃の原理 文字エンコーディングを利用した攻撃には3種類の方法があります。 不正な文字エンコーディングを利用する方法 文字エンコーディングを誤認識させる（誤認識を利用する）方法 文字エンコーディングのエスケープ方式を利用する方法 この連載は攻撃方法を詳しく解説する事が目的ではありません。具体的なの攻撃方法の解説はできる限り控え、なぜこの3つ手法が攻撃に利用できるのか解説します。 前回も触れましたが、パス遷移攻撃には文字エンコーディングを利用した攻撃方法もあります。 文字
ツールチップjQueryプラグイン「qtip」を使ってみました
<script type="text/javascript"> jQuery('raumen').qtip({ content: '<div style="font-size: 80%;color:#ff0000;" align="left">※ここに表示したいHTMLを記載できます</div><a href="https://www.asial.co.jp***.jpg &mode=1" class="popupimg"><img src="https://www.asial.co.jp***.jpg"></a></div>' , style: { width: '250px', border: {color: 'green'}, tip: {corner: 'topLeft'} } , position: { corner:{target: 'bottomLeft'} } , show
Firebugの使い方 | THE HAM MEDIA
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
zen codingは超便利！Dreamweaverで使ってみました。 – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
先日、ノンプログラマのためのPHP入門という素敵なUSTを見ていたのですが、その中で出てきたzen coding。 前々から知っていたものの、これ使うならエディタごと乗り換えないといけないんだ！とずっと勘違いしていて、なんだかんだでまだDreamweaver使ってるし…サイトの定義とかもしてるからなんだかんだでエディタ乗り換えるの面倒だしなぁ…とかごにょごにょ思っていたのですが… Dreamweaverでも使えるらしいよ！知らなかった！無知って怖い！＞＜ Dreamweaver用はこちらからダウンロードできます。 ダウンロードしたZen Coding.mxpをダブルクリックするとエクステンションマネージャーが立ち上がるので、承諾するをクリックしてインストール。 これだけでOK。 インストールが終わったら、早速何か入力してみましょう。 すごい！感動！ 展開はcontrolキーと,(カンマ)キ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblr Help Center
Photobackでフォトブックを作ったよ | それが、俺流。
JPEG画像を劣化させずに軽量化する『JPEGmini』がスゴすぎる - blog | roughtab
サービス終了のお知らせ
ZenHTMLSelectorsEn - zen-coding - Selectors and aliases for Zen HTML plugins - Project Hosting on Google Code