タグ

ブックマーク / phpspot.org (13)

  • 6KB以下の超軽量でフラットなLightBox実装jQueryプラグイン「Featherlight」:phpspot開発日誌

    6KB以下の超軽量でフラットなLightBox実装jQueryプラグイン「Featherlight」 2014年05月20日- Featherlight ? The ultra slim jQuery lightbox. 6KB以下の超軽量でフラットなLightBox実装jQueryプラグイン「Featherlight」。 画像、iframe、ajaxでコンテンツをロードできて、余計な機能は除いて軽量なLightBoxを実装したい場合に使えそう アニメーションも比較的高速で、動きもサクサクしている感があります。 とりえあえず、軽いけど基的な機能はそろってるLightBoxを使いたいという場合に使えそうです 関連エントリ レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 レスポンシブで何でも埋め込めるLightBox実装jQue

  • ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌

    gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風

  • 可愛いツールチップを実装したjQuery&CSS3のデモ「Sweet Tooltip」:phpspot開発日誌

    Sweet Tooltip a jQuery & CSS3 Tooltips ? Webstuffshare ? Learn and share. The simplest harmony. 可愛いツールチップを実装したjQuery&CSS3のデモ「Sweet Tooltip」 次のような可愛いモダンなデザインのツールチップの実装デモが公開されています。 目立たせたい時や注目してもらいたい場合に使うと効果的ですね。通常のデザインも入っているようなので使い分けられそうです ファイルをDLすればデモのHTMLCSS, JSが入っているので変更して容易に利用できます 関連エントリ もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 簡単コードで実装&カスタマイズできるツールチップ実装jQueryプラグイン「Poshy Tip」 シンプルなツールチップ実装ができるj

  • PNGを無劣化で圧縮できるWindowsソフト「PNGGauntlet」:phpspot開発日誌

    PNGGauntlet - PNG Compression Software | BenHollis.net PNGを無劣化で圧縮できるWindowsソフト「PNGGauntlet」。 いくらブロードバンドだからといって転送量のかかるサーバなどでは出来るだけ転送量を抑えたほうがいいですし、その方がページスピードも早くなる場合もありそうです。 次のようなインタフェースを持ち、ドラッグ&ドロップで簡単に圧縮できます。 関連エントリ ドラッグ&ドロップでCSSを瞬時に圧縮できるブラウザツール「excssive.com」

  • RSSやATOMフィードを読み込んで表示できるjQueryプラグイン「FeedEk」:phpspot開発日誌

    FeedEk jQuery RSS/ATOM Feed Plugin RSSやATOMフィードを読み込んで表示できるjQueryプラグイン「FeedEk」 普通にコーディングするよりもはるかに楽で分かりやすいコードで実装できます。 表示例 とりあえずマークアップ記述 FeedEkメソッドにフィードのURLと表示数などをオプションとして渡してあげるだけです。 フィード先のサーバに負荷がかからないように注意したいですが、JSでやりたい場合の参考に。 関連エントリ ブログを一瞬でOGP対応にしてソーシャルサイトでの集客力をUPさせられるWordPressプラグイン「WP-OGPTwitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 ソーシャルな活動を1個にまとめて配信できる

  • 並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌

    Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」

  • TwitterやFacebookへのログイン機能をこれ1個で実装できるPHPライブラリ「HybridAuth」:phpspot開発日誌

    TwitterやFacebookへのログイン機能をこれ1個で実装できるPHPライブラリ「HybridAuth」 2011年08月22日- HybridAuth, Open Source Social-Signle-Sign-On Solution for authentication through Facebook, Twitter, Google, Yahoo, MySpace, LinkedIn, AOL, Vimeo, FourSquare, OpenID and other Identity providers TwitterやFacebookへのログイン機能をこれ1個で実装できるPHPライブラリ「HybridAuth」 Facebook, Twitter, Google, Yahoo, Windows Live, MySpace, LinkedIn, FourSquare, O

  • Amazon EC2を使う前に知っておきたいこと色々:phpspot開発日誌

    Amazon EC2を使う前に知っておきたいこと色々。 仕事でEC2を使っているのですが、やって見る前に思い描いていたことと、実際にやってみると相違があったりしました。やる前に知っておくといいことをまとめてみました。 EC2を使う予定の方は参考まで。 それでは早速。 インスタンスの 32bit か 64 bit に注意する EC2では負荷が高くなったらハイスペックなインスタンスに変えればいいというのがありますが、32bitのOSイメージを64bitのインスタンスに入れることは出来ません。 最初はsmallインスタンス(最近ではmicro)から始まると思いますが、32bit でいうとハイスペックなもので High CPU のインスタンスまでになっています。それ以降は64bitなので、そこで環境を作り替えないといけなくなります。 とはいえ64bit環境はLargeからで安いとはいえないので、こ

  • 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」:phpspot開発日誌

    Supersized - Full Screen Background/Slideshow jQuery Plugin | Build Internet! 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」。 次のように、ブラウザのサイズを変えても背景画像がリサイズされます。 更に、スライドショーのように背景を切り替え可能です。 ありそうでなかったかもしれないプラグインですね。 背景に迫力のあるものを設定すればインパクトが大きそうです。 関連エントリ 便利なjQueryプラグインいろいろ これは面白!PHPとjQueryでクリックした位置が分かるクリックマップ作成 サイトに驚き!のページめくり効果をつけられるjQueryプラグイン

  • いい感じのフリーのWEBサイトレイアウト用Photoshopテンプレート15:phpspot開発日誌

    15 Free PSD Website Templates いい感じのフリーのWEBサイトレイアウト用Photoshopテンプレート15がまとまっています。 それぞれインパクトのあるデザインになっていて使えそうです。 ほんとにフリーでいいの?というクオリティですが、こうしたものがフリーである以上、WEBデザイナー専業でやっている人は何か付加価値をクライアントに提供していくためのスキルを身につけておきたいですね。 関連エントリ WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 そのまま使えるWEBレイアウトのPhotoshopテンプレート40 かなりクールなフリーのWEBサイトPhotoshopテンプレート「BlueMasters」 無料で使える綺麗なWEBサイトPhotoshopテンプレート

  • PHP製のショッピングカートシステムいろいろ:phpspot開発日誌

    StoreSprite PHPMySQLなショッピングカートシステム。 デモページにてデモが利用できますが、デザインも使用感もなかなかいい感じです。 OpenCart こちらもPHPベース。 デモページを見るとこちらもなかなかいい感じ。 osCommerse こちらはおなじみPHP製のショッピングカートシステム。 ショッピングサイト構築に使えるので、それぞれ評価してみるのもよいかもしれませんね。 参考エントリ:8 Best Open Source Shopping Carts | WebTecker the latest Web Tech, Resources and News.

  • PHPで書かれた次世代のショッピングカートシステム「TomatoCart」:phpspot開発日誌

    TomatoCart- New Generation Ecommerce PHPで書かれた次世代のショッピングカートシステム「TomatoCart」。 ショッピングカートといえばosCommerceが有名ですが、TomatoCartはosCommerceからブランチしてweb2.0的な仕組みを取り入れたり、ExtJSを導入したりしていて、なかなか便利そうです。 ショッピングカートを実装する必要にかられたときに1つの選択肢として覚えておいてよさそうです。 管理画面がすごくて、Windowsデスクトップ風UIで超リッチで直感的に使えるものになっています。 アイコンごとに機能が分かれていて、クリックするとアプリケーションが立ち上がるイメージで機能を利用できます。 管理画面のアイコンで立ち上がるアプリケーションっぽいものはExtJSを使って作られていて、使いやすさもなかなかよさそう。 SEOフレ

  • フリーで使えるPHP+MySQLで構築されたショッピングカートシステム「Zeuscart」:phpspot開発日誌

    Zeuscart ? Free GPL Ecommerce Shopping Cart Software | Ecommerce Solutions | Online PHP Shopping Carts | Storefront Software フリーで使えるPHPMySQLで構築されたショッピングカートシステム「Zeuscart」。 AmazonっぽいECサイトの構築ができる上に管理画面もなかなか充実しているようです。 構築されたショッピングサイト。UIもなかなかカッコいい。 実際に見てみる場合はこちら 商品詳細ページ 管理画面では売れたもののグラフ描画機能なんかがついてるようです。 アイテム管理画面 1つの選択肢として覚えておいてよさそうですね。 関連エントリ PHPで書かれた次世代のショッピングカートシステム「TomatoCart」 カートが目立たず、いい感じにスライドしてくれ

  • 1