範囲を指定して切り抜き。jQuery製の画像クロップライブラリ·Jcrop MOONGIFT
Jcropは画像を四角くクロップするjQueryプラグインです。 写真アップロードサービスやプロフィール画像の切り抜きで活躍しそうなライブラリがJcropです。マウスで範囲指定して画像を四角く切り抜けます。 はい、まずは普通の表示です。マウスで範囲指定します。 こんな感じで範囲指定できます。一度指定した後、マウスで微調整もできます。 正方形に限らず形を決められます。 コールバックにも対応していて、マウスを動かしたタイミングなどが座標付きで取り出せます。 サムネイルビューにも対応しています。範囲指定した部分が小さくなって右側に表示されています。 範囲を大きくしたらサムネイルが自動調整されています。 CSSを使って決められた範囲だけクロップ表示することもできます。 サーバサイドに飛ばしたところです。PHP+GDのスクリプトサンプルも用意されています。 Jcropはサーバサイドに座標を飛ばせるの
WordPressをソーシャルブックマーク風に·Pressmark MOONGIFT
WordPressをベースにしたシステムが増えている。CMSという壁を越え、WordPressをプラットフォームとして使い始めているのだ。あるプロジェクトではSNSにしたり、あるプロジェクトではEコマースのシステムにしたり。とにかくWordPressは汎用的に様々なシステムに姿を変えている。 WordPressをベースにしたオンラインブックマーク その一つとしてPressmarkを紹介しよう。こちらはWordPressをソーシャルブックマーク風に変身させてくれる。 今回紹介するオープンソース・ソフトウェアはPressmark、WordPressをベースにしたソーシャルブックマークシステムだ。 ソーシャルブックマークとは言うものの、Pressmarkはオンラインブックマークといった方が良いかもしれない。特にソーシャル的な要素は現状なさそうだ。テーマとして提供されているので、Pressmark
iPhone向けアプリケーション、Webサイトを開発する際に使えるテンプレート·Mockapp template MOONGIFT
Mockapp templateはKeynote、PowerPoint用のフリーウェア。iPhone用ネイティブアプリケーションを開発するという話をちらほら聞くようになってきた。まだまだ日本での販売台数は少ないが先行投資兼世界市場へのアピールを兼ねてチャレンジする企業、個人が多い。企業であればアプリケーションの説明を兼ねてモックアップが必要になることもあるだろう。 iPhoneアプリ作りの企画に その時に使えるのがMockapp templateだ。Mockapp templateはAppleのプレゼンテーションソフトウェアであるKeynoteやWindowsのPowerPoint向けに提供されるテンプレートで、iPhoneのモックアップを作成するのにぴったりな素材になっている。 枠が提供されているので、Mockapp templateを使って作ればモックアップが手早くできる。さらに別なフ
iPhone向けWebサイト構築の基盤に·UiUIKit MOONGIFT
特定デバイス向けのWebサイト構築というのはごくシンプルだ。iPhone向けのWebサイトを構築する場合は、iPhoneで正しく見られれば良い。PCのように多彩なブラウザが使われていたりするとその表示誤差を吸収する必要があるが、iPhoneであればSafariだけで良い（今の所は）。 アイコンリスト そのため、iPhoneのSafariに対して最適化したサイトを提供しやすい。その基盤として使えるであろうソフトウェアがUiUIKitだ。 今回紹介するオープンソース・ソフトウェアはUiUIKit（Universal iPhone UI Kit）、iPhone向けWebサイト構築フレームワークだ。 UiUIKitはiPhone用に最適化されたHTMLとCSSが提供されている。同じようなフレームワークは多数あるが、特に機能が豊富なのが特徴だ。リスト一つをとってもシンプルなもの、グルーピングされたも
iPhone向けWebサイトを作るのに最適なテンプレート&JavaScript·moobile MOONGIFT
moobileはHTML/JavaScript製のフリーウェア（ソースコードは公開されている）。iPhone/Androidを中心とするスマートフォンのシェア拡大は留まることを知らない。モバイルネットワークが発展している限り、この流れは止まることはないだろう。Webサイトを提供する上でもスマートフォンは欠かせない存在になる。 ボタンバー ネイティブアプリを提供する手もあるが、もっと容易なのが最適化されたWebサイトを提供することだ。そもそもネイティブアプリを提供するほどのニーズがないサービスもあるはずだ。そこで使えるのがmoobileになる。 moobileはiPhoneやAndroidといったWebKitベースに対応したWebサイトフレームワークだ。HTML5で作成されているのが特徴だ。フォームやボタン、ボタンバーなどのUIをテンプレート化している。これを使えば最適化されたWebサイトが
LANで使うtwitterクローン·しゃべる MOONGIFT
TwitterはIMのように使うこともできる。また、ゆるいコミュニケーションをとるのにも便利なサービスだ。とは言え、インターネット上で公開されているものなので、あまり業務に関係する情報をほいほいと投げるわけにはいかない。 twitterそっくりな画面だ そうした公開情報/非公開情報を切り分けで、twitterの魅力を活かせないのは非常に煩わしい。そこでイントラネット上にtwitterを構築しよう。 今回紹介するオープンソース・ソフトウェアはしゃべる、イントラネット上で構築できるtwitterクローンだ。 しゃべるはtwitterの殆どの機能が実装されたtwitterクローンだ。LinuxやWindowsで動作する。Windowsであればインストーラーを使って簡単に構築可能だ。ユーザ登録は管理者メニューからのみ行えるが、CSVを使って一括登録することもできる。 ログイン画面 後はtwitte
jQueryを使ったWYSIWYGなエディタ·elRTE MOONGIFT
elRTEはJavaScript製/jQueryプラグインなオープンソース・ソフトウェア。Webベースでコンテンツを作成したり、編集する際に取り得る手法は幾つかある。例えば一定の記法に沿って書くことでHTMLにコンバートして表示するもの。もう一つはWYSIWYGなエディタを用意してその場で編集するというものだ。 jQuery UIを使っている WYSIWYGエディタであればリテラシーが高くないユーザであっても、リッチなコンテンツの編集が可能になる。CKEditorをはじめとして幾つか有名なソフトウェアはあるが、ここで紹介したいのはelRTEになる。 elRTEはテキストエリアの上にツールバーを表示するタイプのWYSIWYGエディタで、jQuery UIを使って作られているのが特徴になる。jQueryを使っているので、カスタマイズが容易に行えそうなのが魅力だ。ベースのままでは提供されない機能
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
