POSTやファイルアップロード等がPHPから簡単に行えるHTTPライブラリ「Unirest」:phpspot開発日誌
Unirest - Simplified, lightweight HTTP libraries in multiple languages POSTやファイルアップロード等がPHPから簡単に行えるHTTPライブラリ「Unirest」 かなり簡単なコードでHTTPの操作が可能になるライブラリのご紹介。PHPだけじゃなくて、Java、Ruby、Pythonの他、Objective-Cにも対応。 次のようなコードで簡単にPOST操作ができます ファイルアップロードも簡単。。 これは知っておくと楽ができそうですね 関連エントリ 軽量で便利に使えるPHP用DB操作ライブラリ「Medoo」 レイヤー機能による画像合成機能やサムネイル生成等が超簡単に行えるPHPライブラリ「PHPImageWorkshop」 PHPのエラー画面をリッチにしてくれるライブラリ「PHP Error」
Amebaっピグっぽい物が作れるjQueryプラグイン「pp3Diso」:phpspot開発日誌
Plugin pp3Diso : moteur de jeu web pour l'affichage et la gestion d'une map 3D isomtrique Amebaっピグっぽい物が作れるjQueryプラグイン「pp3Diso」。 マップ上を人が移動するような感じのゲーム風インタフェースが作れるライブラリっぽいです。 フランス語っぽいので翻訳したりコードを読んだりして使う必要がありますが、なかなかおもしろいのでご紹介。 JavaScriptベースということで、スマホで動くAmebaピグを作ってやろう、という方は参考にできるかも。 関連エントリ ２Dゲームが作れそうなアニメーションjQueryプラグイン「Motio」 カスタマイズ可能で動きがよいalertダイアログ実装jQueryプラグイン「alertifyjs」 Instagramの写真をサイトに簡単掲載できるjQ
フルスクリーンでページめくりをするUI実装デモ:phpspot開発日誌
Fullscreen Pageflip Layout with BookBlock フルスクリーンでページめくりをするUI実装デモ。 なかなかいい感じのインタフェースのデモとサンプルのダウンロードが可能。 ページめくり部分はjQuery+CSSで実装されており再利用ができそう ページ全体をめくるというのもなかなかいい、と感じるデモでした。 完成度が高いのでそのままサイトに移植してもよさそうですね 関連エントリ ページめくりを実現するためのjQueryプラグイン集 Flipboardみたくページめくりを実現できるjQueryプラグイン「BookBlock」 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 美しいページめくり効果が作れるjQueryプラグイン「Flippy」
Bootstrapで矢印を描くのなら「Bootstrap Arrows」:phpspot開発日誌
Bootstrap Arrows Bootstrapで矢印を描くのなら「Bootstrap Arrows」 全国の矢印好きの諸君。こんにちは。もうPhotoshopで矢印を描いて画像を作ってアップロードなんていうことは必要ない。 <span> に簡単なclassをつけるだけで、向きも、長さも、色だって、自由自在。 しかも、次のような美しい矢印が描画できる。センス云々の話ではなく、class="arrow" として rel で角度を指定するだけで美しい矢印が描けるのだ。 色んなUIライブラリはあれど、矢印まで描けるとなるともう選択肢は限られる。 これでBootstrapを使わない理由は一切なくなったのだ。 関連エントリ TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 Twitter BootStrap に追加できる５つのコンポーネント
機能全部入りアップローダー実装jQueryプラグイン「Fine Uploader」:phpspot開発日誌
Fine Uploader a.k.a valums file-uploader 機能全部入りアップローダー実装jQueryプラグイン「Fine Uploader」。 プログレスバー付きでアップロード後の即時サムネイル表示、ドラッグ＆ドロップアップロード、複数ファイルアップロード対応など全部入り。 BootStrapのテーマにあわせることもできます。IE7移行も対応しています。 モダンなアップローダーを作るなら１つの選択肢になりそうです 関連エントリ 画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」 HTML5を使ったファイルアップロード用プログラム集
Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」:phpspot開発日誌
FullCalendar - Full-sized Calendar jQuery Plugin Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」 カレンダー実装のスクリプトは色々とありますが、UIが綺麗に作られているカレンダー実装jQueryプラグインの１つとしてご紹介 ドキュメントが充実しておりカスタマイズ制が高いものとなっています 関連エントリ Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」 これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム
様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」:phpspot開発日誌
NVD3.js :: re-usable charts for d3.js 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 d3.jsという以前紹介したライブラリをベースに利用しているみたい。 グラフ描画のライブラリは色々ありますが、こちらのライブラリで描画するグラフのデザインもなかなかいい感じですね マウスとのインタラクティブなグラフ実装が可能で拡張も容易みたい サンプルページにはソースがついているので参考に組めば抵抗なくグラフが描けそうです 関連エントリ 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 クールなドアノブ風の％グラフを描画できるjQuery Knob
レスポンシブなフォームを作成するフレームワーク「jq-idealforms」:phpspot開発日誌
jq-idealforms レスポンシブなフォームを作成するフレームワーク「jq-idealforms」 フォームのデザインが良い感じにデザインされているだけではなく、幅を狭くすることでレイアウトが変更されるレスポンシブなフォームを簡単に実装出来ます。 ポップアップによる入力ヒントの実装も可能。とにかくデザインが良い感じなので非デザイナーさんでもカッコいいフォームが作れるという部分も特徴 スマホの場合、レイアウトが最適化されます jQueryとLESSを使って実装されています 関連エントリ フォームをカッコよくするjQueryプラグイン集１５ 通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」 フォーム要素をクールにするためのjQueryプラグイン集
JavaScriptでの日付の処理が超便利になる「Moment.js」:phpspot開発日誌
Moment.js - A lightweight javascript date library JavaScriptでの日付の処理が超便利になる「Moment.js」 以下にできることをまとめてみます 文字列からパースして日付オブジェクトを生成 UNIXのタイムスタンプから日付オブジェクトを生成 「Dec 25, 1995」みたいな文字列から日付オブジェクトを生成 日付オブジェクトに時間を簡単に を加算・減算 指定日時からの経過時間を取得 オブジェクトをベースにフォーマットして出力する moment(date).format("dddd, MMMM Do YYYY, h:mm:ss a"); phpにもdateという関数やstrtotimeという関数があったりしますが、そういう便利機能をJSでも使うことが出来るようなものです。 日付をヘビーに使うようなプロダクトで使えそうですね。 サイ
カーソルを合わせると泡がブクブクっとさせることができるjQueryプラグイン「jBubbles」:phpspot開発日誌
カーソルを合わせると泡がブクブクっとさせることができるjQueryプラグイン「jBubbles」 2011年09月30日- jBubbles - jQuery plugin to make links or other elements bubble カーソルを合わせると泡がブクブクっとさせることができるjQueryプラグイン「jBubbles」 正直、魚以外に誰が得するんだろうと思うプラグインですが、面白かったのでご紹介です。 プラグインを改良してカーソルを合わせると超気持ちいい演出に応用できるかもしれません。 使い方は以下のように超簡単です。が手間に見合わない効果かもしれません。 $( selector ).mouseover(function () { $(this).jBubbles(); }); 関連エントリ Windowsのスピンボタンコントロールを実装できるjQueryプラグ
複数画像を並べるだけでアニメのように奥行きを表現できる「jQuery.Smart3D」:phpspot開発日誌
jQuery.Smart3D Info for Coders 複数画像を並べるだけでアニメのように奥行きを表現できる「jQuery.Smart3D」 マウス位置に応じて画像をずらせて奥行きを表現できます。 実装方法が簡単で、ul以下にliとimgタグを並べて初期化するだけというものです。マークアップ的にあんまりよろしくないのかもしれませんが、こうしたUIが必要なときに手軽に実装できます。 単なる画像よりも、こうしたインタラクティブな要素を入れるとより注目を集められそうですね 関連エントリ 独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」 ページの要素を3D化できる面白jQueryプラグイン「3Dify」 次世代のイメージマップを実現できるjQueryプラグイン「ImageMapster」
UIの研究や作成に参考にできるフリーのUIキット４２:phpspot開発日誌
42 Outstanding FREE UI Kits for Web Designers | Queness UIの研究や作成に参考にできるフリーのUIキット４２。 PSD形式などで利用することができるようです。サイトのアイデアを練りつつ、どんなUIにしたらベストかな？といったことを考える際にもUIが揃っているので参考にできるかもしれません。 関連エントリ LionのUIキットPSD これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 独特のUIを提供してくれるjQuery用のUIフレームワーク「Ninja UI」 色々と使えそうなフリーのUIエレメントPSD７０種
Google＋風の円形リストを作成できるjQueryプラグイン「CircleList」:phpspot開発日誌
CircleList jQuery Plugin Google＋風の円形リストを作成できるjQueryプラグイン「CircleList」。 ULで定義したリストを初期化するだけで次のように円形にアニメーションします。各アイテムはドラッグ＆ドロップで他の円リストに移動することが出来ます。 更に、範囲指定で複数アイテムの選択なんかもできるようになっています。 実装は必要プラグインを読み込んだ後、次のように初期化するだけです。 <ul id='list'> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>4</li> </ul> <script> $('#list').circlelist(); </script> ジェネレーターもあって、その場で動きを作れてコードも出力する機能もあったりします。 ちょっとしたサプライズ効果に使えそうですね。 関連
HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。 関連エントリ CSS3を使った驚きのデモいろいろ２５種類 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今風のWEBベースチャットを作れるオープンソースソフト「kandan」:phpspot開発日誌
jQueryでモーダルダイアログを実現するプラグイン２０:phpspot開発日誌
JavaScriptのコードでPDFを生成できる「jsPDF」:phpspot開発日誌
シンプルなタグなのに凝った綺麗なボタンを作るCSSチュートリアル:phpspot開発日誌
立体的にアイコン付きでいい感じにデザインされたボタン作成Photoshop素材＆チュートリアル:phpspot開発日誌
インスピレーションのための美しいCSSサイト２５:phpspot開発日誌