propsAのブックマーク - はてなブックマーク

画像を生成せずにサムネイル風に小さな画像を表示·jQuery NailThumb MOONGIFT

jQuery NailThumbはWeb上でCSSによる画像サムネイル風表示を実現するjQueryライブラリです。 Webサイトで画像を縮小して表示したい場合、ImageMagickなどのサーバサイドの技術を使うのが一般的です。しかしjQuery NailThumbを使えばクライアントサイドだけで高度なサムネイル風表示を実現します。デモです。左側が元画像、その右側にサムネイル化した画像が表示されています。正方形の他に縦横比の固定、横幅優先といった指定もできます。縦長の画像の場合、横幅優先にすると自動的に左右に空白が入ります。こちらは切り取りです。他にもサンプルが多数あります。画像の量にもよりますが思ったよりも負荷は少ないように感じられます。jQuery NailThumbはCanvasで画像生成という訳ではなく、CSSを使って画像を擬似的に縮小表示しています。その際の配置やサイ

propsA 2012/04/29

リンク

これは凄いぞ！スマートフォン向けHTML5生成プログラミング言語「mobl」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ

moblはEclipse上で開発し、HTML5/CSS/JavaScript/画像を生成するスマートフォン向けプログラミング言語。 moblはJava製のオープンソース・ソフトウェア。スマートフォンの人気がとても高い。特にWebKitのモバイル版を組み込んでいるものが殆どで（iOS/Android/Palm Pre/Blackberryなど）HTML5の恩恵にあずかりやすいのが良い。開発環境はEclipse そんなHTML5のパワーを使えば、まるでネイティブアプリのような動作をさせることも可能になっている。そのためのスマートフォン向けライブラリは数多くあれど、moblは一味も二味も違う。完全に専用言語でスマートフォン向けWebアプリケーションを開発できる。 moblはEclipse用のプラグインを配布しており、それをインストールした後プロジェクトを作成する。使うのはmoblという拡張子の

propsA 2011/02/04

リンク

Windowsユーザ必見のiPhone向けサイトデザイン&シミュレータ·MobiOne Studio MOONGIFT

MobiOne StudioはWindows用のフリーウェア。iPhone用のWebサイトを作ろうとした場合、Windowsでは相当不利になっていた。WebKitはあるので、ユーザエージェントを変えればレンダリング結果は近いものが得られるだろうが、やはり別物だった。ビジュアルデザインが可能さらにWebサイトのデザインをするのも画面構成が特殊なので、Mac OSXがないと難しかったはずだ。そんな面倒さにやきもきしていたWindowsユーザはMobiOne Studioを使おう。これを使えば一気に未来が開けるはずだ。 MobiOne StudioはiPhone用のWebサイトをデザインするためのIDEだ。30以上のコンポーネントがあり、ドラッグアンドドロップで配置してWebデザインができる。とても簡単に最適化サイトの設計ができるはずだ。専用のアイコンも60種類以上ある。生成されるHTML

propsA 2010/09/22

iPhone

リンク

AndroidをPCで使う·Android-x86 MOONGIFT

Android-x86はオープンソース・ソフトウェアのOS。Androidは主に携帯電話向けのOSではあるが、オープンソースで携帯電話のような少ないリソースでも使えるとあって、フォトフレームや家電などでも利用され始めている。個人的には携帯電話よりも情報家電分野での利用が興味深い。 AndroidベースのPC向けOS そんなAndroidを通常のPCでも使えるようにしようというのがAndroid-x86だ。プロジェクトではEee PC向けのインストールイメージが提供されていることからも分かる通り、ネットブック分野においても重宝しそうなソフトウェアだ。 Live CDやUSBメモリに入れるためのイメージも提供されているので、手軽に試すことが出来るだろう。Andoridがベースなので日本語ローカライズも行われている。設定からすぐに日本語を適用して利用できるのだ。さらにアプリケーションも多数存在す

propsA 2010/03/15

android

リンク

クローラーを作るためのフレームワーク·Anemone MOONGIFT

RSSフィードやWeb API、Mashupなどの単語が注目を集める中、Webクローラーを通じて外部のWebサイトにあるデータをかき集め、それを解析して別な形にするというのはよく見られるものになってきた。あるURLを指定し、そこからリンクされているURLを一覧表示できるそうした数々のシステムの中で、クローラーとなる基盤は大きな違いはない。Webサイトのデータを取得し、次のリンクを洗い出して取得していくようなものだ。そうした共通動作部分を切り出したフレームワークがAnemoneだ。今回紹介するオープンソース・ソフトウェアはAnemone、Webクローラを開発するためのフレームワークだ。 Anemoneは任意のWebサイトにアクセスし、その内容を解析するWebクローラーだ。例えばあるURLに付けられているリンクを一覧で取得するようなことも簡単にできる。外部サイトなのかどうかも区別できるの