スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインいろいろ:phpspot開発日誌
8 Best jQuery Mobile Plugins | ZoomZum スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインがまとまっていましたのでご紹介。 １から作るとかなり大変そうな機能もライブラリで瞬間的に実装できます。一通りチェックした上でご紹介。 Drag And Scale For IOS ブロック要素をピンチイン、アウトによって拡大、回転させることも可能です。これでiPhone向けのWEBサイトといってもアプリのような自由度が得られます（デモ）。 こんなことできるんっ、という声が出てしまうかも（Androidはドラッグのみ） jQuery Mobile Photo Album リッチなフォトアルバム実装が可能 Jquery Mobile Device Drag And Drop 要素のドラッグ＆ドロップが可能 Jquery Swipe スワイプイベン
色々な用途に使えそうなベクターデータをまとめてみました:phpspot開発日誌
最近見つけた、色々な用途に使えそうなベクターデータをまとめてみました。 Photoshopなんかのブラシにしてみても面白いですし、背景パターンなんかにも使えるかもしれません。 皆さんのデザインワークに役立てば幸いです。 49 Vector Ornamental Stars 星型のシェイプ Vector Design Elements - Circular vectors | Grafpedia 円形のベクターデータ Code Geass Symbol Set by ~solwyvern on deviantART Vector leaves design elements 葉っぱのベクターエレメント Circular Floral Vectors Floral Banner Shape by ~eurochronix on deviantART Shapes - Letters - 2 b
オンラインでYUI Compressorを使ったJavaScriptファイル圧縮「YUI Online Compressor」:phpspot開発日誌
YUI Online Compressor オンラインでYUI Compressorを使ったJavaScriptファイル圧縮「YUI Online Compressor」。 YUI Comperssor は javaベースのコマンドラインツールでしたが、オンラインで実行できるのはうれしいですね JS圧縮サイトは色々ありますが、ここも使えそうです。 関連エントリ JavaScript圧縮＆難読化ツールまとめ Yahoo!が出したJavaScript圧縮ツール「YUI Compressor」 JavaScriptとCSSの両方を圧縮できる「YUI Compressor 2.0」リリース 各JavaScript圧縮ツールでその圧縮率を比較 高機能JavaScript圧縮ツール「jsjuicer」 JavaScriptとCSSを圧縮するPHPスクリプト「jscsscomp」
クールな名刺を作る際のチュートリアル集:phpspot開発日誌
11 Tutorials for Business Card Design | Vandelay Design Blog クールな名刺を作る際のチュートリアル集が公開。 かなり奇抜なデザインが多く、デザイナーの方なんかが持っておくとデザインのスキルをアピールを出来るだけでなく、覚えてもらえそうな名刺を作れそう。 Design a Print Ready Business Card for Designers Making a Grungy Business Card Making a Print-Ready Business Card Using Only Photoshop 全部見る 最近は家庭用プリンタでもきちんとした印刷が出来るのでありがたいですね。 関連エントリ 凄くクールな名刺を作成するPhotoShopチュートリアル
サイトのパフォーマンスを上げる、PHPでCSSファイルを圧縮転送する各種方法:phpspot開発日誌
サイトのパフォーマンスを上げる、PHPでCSSファイルを圧縮転送する各種方法 2008年12月25日- 3 ways to compress CSS files using PHP サイトのパフォーマンスを上げる、PHPでCSSファイルを圧縮転送する各種方法 1. ob_start で gzhandler を使う方法 <?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?> body{ background-color:#000000; } <?php if(extension_loaded('zlib')){ob_end_flush();}?> gzip圧縮なので、無理にphpにする必要もないですが、まず基本の方法。でもまだ不十分ですね。 2. 1の
.htaccessで使える16の技:phpspot開発日誌
16 Useful .htaccess Tricks and Hacks For Web Developers : Online Marketing Blog - Website Development & Website Marketing tips and Strategies .htaccessで使える16の技が色々と紹介されていました。 1. ErrorDocumentでエラーページ指定の方法 ErrorDocument 401 /error/401.php ErrorDocument 403 /error/403.php ErrorDocument 404 /error/404.php ErrorDocument 500 /error/500.php 2. Timezone設定 SetEnv TZ America/Houston 3. IPブロッキング allow from al
HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン:phpspot開発日誌
HOKYPOKY. | MULTICOL. jQuery Plugin MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。もちろん、日本製のプラグインなので日本語もきれいに段組みにします。HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグインの紹介。 次のようにコードを書くと、複数のブロックを簡単に4カラムにすることが可能です。 $("#sample1").multicol({colNum:4, colMargin: 10}); マージンを指定できるところも良いですね。 関連エントリ 複雑なブロックレイアウトもシンプルかつ簡単に実装可能な「malo」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 CSSレイアウトのチート集「CSS Layout Cheats
PHPコード最適化テクニック集:phpspot開発日誌
PHP Optimization Tips | ProgTuts This tutorial will explain many small techniques which will, hopefully, help optimize your php scripts. PHPコード最適化テクニック集。 (1) echo 'a string ' . $name; // は以下より速い echo "a string $name"; (2) echo 'this', 'is', 'a', $variable, 'string'; // は以下より速い echo 'this' . 'is' . 'a' . $variable . 'string'; (3) if (!isset($foo{5})) { echo "Foo is too short"; } // は以下より速い if (strl
有用なPhotoshopファイル(psd)配布サイト１４:phpspot開発日誌
14 Amazing Free Photoshop .psd Resource Sites | Speckyboy - Wordpress and Design 14 Amazing Free Photoshop .psd Resource Sites. 有用なPhotoshopファイル(psd)配布サイト１４。 サイトのテンプレート用のファイルや、素材となるような画像、チュートリアル、アイコンまで、色々と有用なPSDファイル配布サイトがまとまってます。 .PSD Files on deviantART FreePSD.com Official PSDs PhotoshopCandy Photoshop Cafe Free Photo Clips | Background-Free Photo Objects PSDTUTS 20+ Free Adobe Photoshop web but
jQueryベースのLightBoxクローン「prettyPhoto」:phpspot開発日誌
prettyPhoto - jQuery lightbox clone - by Stephane Caron Here's my jQuery lightbox clone, I did it because those available are either not close enough to the real lightbox (lacking animations, not supporting galleries, etc ,etc) or were just not suiting my need.jQueryベースのLightBoxクローン「prettyPhoto」。 特に真新しいというわけではありませんが、jQueryベースで動作します。 LightBox同様、複数画像でページ送りができるモードと、単体に対して設定することもできます。 最初から角丸になっているので角丸
IEでのデバッグ/動作確認に便利なソフトいろいろ:phpspot開発日誌
IEでのデバッグ/動作確認に便利なソフトいろいろ。 沢山あるのでまとめてみました。 IETester IE5.5, IE6, IE7, IE8でのページレンダリングを1つのソフトで一括チェックできる超優れものソフト。 Vistaでも使えるようで今後のWEB開発に必須となりそうなツール。 IEとFirefoxの同時レンダリングはCSSVistaが便利。 DebugBar IEに便利機能のついたツールバーを追加 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10% 〜 800% まで拡大/縮小表示できる( IE の Zoom 機能使用 ) 画像やFlashなどのobject も拡大縮小できます ソースコードをハイライト付きで表示 オリジナルのソースと、IEが解釈した後のソースを見比べることも可能 指定文字列ハイライト検索機能 Comp
マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル:phpspot開発日誌
phpied.com Blog Archive Simultaneuos HTTP requests in PHP with cURL The basic idea of a Web 2.0-style "mashup" is that you consume data from several services, often from different providers and combine them in interesting ways. マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル。 通常、PHPでAPIにアクセスする場合、例えば、Yahoo!検索APIとはてなブックマークのRSSを取得してマッシュアップする場合は次の図のようになります。 ただ、この方式だと、Yahoo!検索APIにリクエストし、その結果を待ちます。 そして、そこからはてなブック
PHPでファイルをDLさせる際のPHPコード例:phpspot開発日誌
2008/2/22: sotarok様より、連絡がありコードを一部訂正 参考1）http://d.hatena.ne.jp/odz/20080215/1203099900 参考2) http://d.hatena.ne.jp/cocoiti/20080221#1203611811 PHPでファイルをDLさせる際のPHPコード例 通常、PHPでファイルをダウンロードさせるとすると、次のようにシンプルにかけます。<?php header('Content-Type: application/octet-stream'); readfile("dl.zip"); ?> が、これだと、ダウンロード時に、保存名がアクセスしたphpでのファイル名になってしまいます(例えば、dl.php)。 そこで次のように Content-Disposition でファイル名をブラウザに通知することで、dl.zip
PHP用、外部接続にcURLかfsockopenが選べるHTTPクラス:phpspot開発日誌
HTTP Class for PHP (supports both cURL and fsockopen) | Md Emran Hasan aka phpfour This is a wrapper HTTP class that uses either cURL or fsockopen to harvest resources from the web. PHP用、外部接続にcURLかfsockopenが選べるHTTPクラス。 次のようにPEARレスでシンプルに使えます。 <?php include_once('class.http.php'); $http = new Http(); $http->useCurl(false); $http->setMethod('POST'); $http->addParam('user_name', 'emran'); $http->addPa
画像のマウスポインタ上をズームしてくれる「jqzoom」:phpspot開発日誌
jqzoom | allows you to realize a small magnifier window close to the image or images on your web page easily.画像のマウスポインタ上をズームしてくれる「jqzoom」。 次のように、マウスポインタ上の画像を右部分でズームしてます。 小さい画像と大きな画像を指定するので、拡大しても解像度が悪いということはありません。 jQuery ベースで、(1)ライブラリ読み込み (2) img タグ定義 (3) スクリプト初期化 というステップで実装も簡単。 サイトの仕掛けとして覚えておいた方がよさそうなライブラリですね。
LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」:phpspot開発日誌
Facebox 1.0 Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」。 リンクをクリックで次のように画像をポップアップしてくれます。 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 コードは次のように非常にシンプルです。 rel="facebox" でポップアップしてくれるみたいです。 <a href="/facebox/remote.html" rel="facebox">text</a> jQueryベースなので軽量な点もうれしいところ。 ちょっと気分を変えたい方は導入
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイトで使っているＣＭＳなどが一目でわかるFirefoxアドオン:phpspot開発日誌
URLを短くするサービスを提供できるPHPスクリプト「Phurl」:phpspot開発日誌
プレミアムなWordpressテーマ集ｘ７:phpspot開発日誌
手書き風日本語フォント「はるか」:phpspot開発日誌