.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
人物の写真をベクター形式に変換するチュートリアル集:phpspot開発日誌
Photoshop Packs Pack 001: converting people to illustration vector effects 人物の写真をベクター形式に変換するチュートリアル集が公開されていました。 Vector Art with Photoshop Vectorize Me Learn how to do a basic Vector Art Tutorial Create a Basic Vexel Image Vector Vector Detailed Hair Create a Vector Style Illustration in Photoshop 写真をイラスト風にするとソフトになっていいですね。 WEBページの色彩なんかとうまくマッチしそうです。 関連エントリ ラスター画像をベクター形式に変換できるサービス「VectorMagic」
より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集:phpspot開発日誌
16 Free Ajax Contact Forms - For A Better User Experience Contact forms are the most common bridges between readers & site owners whether it is a blog or an e-commerce site. より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集。 JavaScript, Ajax等を使い、バリデーションやフォーム入力のしやすさなどについて考えられたフォーム集がまとまってました。 LightForm - Demo - ファンシーなフォームデザインにクールな入力チェック Proto Form - 入力チェック機能や現在位置強調機能 jQuery - Ajax Contact Form (Tutorial & Files) - D
コーポレートサイトでも使える20のWordpressテーマ:phpspot開発日誌
20 Free Corporate WordPress Themes | TechZoomIn These are the 20 Great corporate WordPress themes I came across at Blogsessive. コーポレートサイトでも使える20のWordpressテーマがまとめられていました。 どれもシンプルですが、分かりやすいデザインとなっています。 プレビュー＆ダウンロードはこちら 関連エントリ 非常に美しいWordPressテーマ「Outdoorsy」 凄くクールなフリーのWordpressテーマ「Infinity」 ノートをイメージしたカッコいいWordpressテーマ「Notepad Chaos」
標準のINPUTを拡張してフォーム入力を便利にする「inputEx」:phpspot開発日誌
inputEx Documentation - Examples 標準のINPUTを拡張してフォーム入力を便利にする「inputEx」。 input 入力の際に、数値Onlyや、Validate機能、色入力機能、オートコンプリートを提供して、フォーム入力をより便利にするものです。 色入力 メールアドレスバリデーション。ＵＲＬやパスワードなんかもあり 階層型のツリーデータを入力 うまく導入してフォームのユーザビリティに役立てたいですね。 関連エントリ JavaScript製のフォームバリデータライブラリいろいろ 超クールなカレンダー型日付入力補助用JSライブラリ
ベクター素材いろいろ「vector4free.com」:phpspot開発日誌
Free Vector Graphics ベクター素材いろいろ「vector4free.com」。 秀逸なベクター素材が多数ダウンロードできます。 先日、「ベクター素材配布サイトまとめエントリ」でベクター素材サイトを色々と紹介しましたが、まだまだあるものですね。
PhotoShopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」:phpspot開発日誌
Free, Fast and Easy CSS webpages! | psd 2 CSS Online psd2css online converts your fantastic, creative, artistic, no holds barred web page designs into strict XHTML compliant CSS web pages automatically. PhotoShopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」 PSDファイルをアップロードすると、内容を読み取った上で、レイヤーごとにブロックが分けられた状態のXHTML＋CSSを取得できます。 簡単なPSDファイルを送ってみたところ、完全ではないですが、再現することが出来ました。 PhotoShopにも同じような機能はありますが、必要な画像のみトリミングしてくれ
IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html
PhotoShopのアクションやシェイプなどリソース一杯「Ladyoak.com」:phpspot開発日誌
Ladyoak - Downloads - Photoshop - Shapes PhotoShopのアクションやシェイプなどリソース一杯「Ladyoak.com」。 PhotoShopに関するリソースが沢山あるサイトLadyoakの紹介。 シェイプ 例えば、以下のようなシェイプが140種類も配布されています。 次のような動物型のシェイプもあります。 シェイプをすべてみる アクション 更に、次のようなロゴを作成するPhotoShopアクションも配布されているようです。 テキストエフェクトのアクションをすべてみる 他にも、写真にエフェクトを与えるアクションも 写真にエフェクトを与えるアクションをすべてみる 使えるものは取り入れていきたいですね。 関連エントリ デザインを高速に行える技巧的なPhotoShopアクション集 PhotoShop用Web2.0グラデーションスタイル「Ultimate
IE8に関する情報、色々とまとめ:phpspot開発日誌
IE8ベータ版が先週されました。IE8に関する色々をまとめてみました。 Internet Explorer 8 Beta: Home Page - マイクロソフト公式-ベータ版配布サイト 色々読むのが面倒という人向けに簡単な修正内容が以下 CSSの業界標準完全対応(CSS2.1完全対応) レイアウトエンジンの改良によるパフォーマンス向上 JavaScript速度向上 HTML5の実装(Ａｊａｘでのバックボタンが有効に) MS独自のマイクロフォーマット「WebSlices」の実装 Activities機能の実装 視覚的環境でHTML、CSS、スクリプトを手早くデバッグできるツール ちゃんと読みたいという方は以下が参考になります。 ニュースサイトなど 【速報】Microsoftが「Internet Explorer 8」のベータ版を一般公開：ITpro IE8の変更内容概要 IE8、Silv
WindowsVista風のLightBox作成JSライブラリ「GlassBox」:phpspot開発日誌
GlassBox WindowsVista風のLightBox作成JSライブラリ「GlassBox」。 若干表示が重いのですが、なかなかカッコいいUIを実現できます。 使い方は、以下のとおり 1. スクリプトを読み込み <script src="glassbox/glassbox.js" type="text/javascript"></script> 2. divでボックスを作成 <div id="myGlassboxContent"> <!-- Content --> </div> Content 部分にGlassBoxの中身を記述 3. スクリプトの初期化 <script type="text/javascript"> var myGlassBox = new GlassBox(); myGlassBox.init( 'myGlassboxContent', '400px', '30
デザインを高速に行える技巧的なPhotoShopアクション集:phpspot開発日誌
Photoshop actions: 124 Free Photoshop Actions to Boost Your Designs An action is a series of tasks that you play back on a single file or a batch of files - menu commands, palette options, tool actions, and so on. デザインを高速に行える技巧的なPhotoShopアクション集。 複数の処理を一括してまとめて行えるPhotoShopのアクション機能。 高度な画像処理を行うアクションがまとまっていましたので紹介。 フィルタではなく、アクションなので、それぞれの細かな動きも見ることができてPhotoShop自体の学習用にもよさそう。 （アクションの読み込み方は本エントリの最後を参照） 画
Flickrで使われているあのクールなドロップダウンメニューを実装してみよう:phpspot開発日誌
woork: Flickr like horizontal menu This tutorial explains how to implement an horizontal menu Flickr-like using CSS and Javascript to show/hide sub-menu: Flickrで使われているあのクールなドロップダウンメニューを実装してみよう！ 次のようなクールなドロップダウンメニューを実装してみましょう。 紹介元で、HTMLと画像のサンプルが配布されています。 実装自体は次のように関数が定義されていて、 <script language="javascript"> function showMenu(id_menu){ var my_menu = document.getElementById(id_menu); if(my_menu.style.
クリック後の説明文を凄くオシャレに表示できる「mooSlide」:phpspot開発日誌
mooSlide - ajax based slider - lightbox replacement The mooSlideBox v3 is a small and slim ajax based extension or replacement of the common "lightbox" that can be found on nearly every page. This lightbox clone works in IE 6/7, Opera and Firefox. クリック後の説明文を凄くオシャレに表示できる「mooSlide」。 LightBoxの一種になると思うのですが、表示の仕方がかなりオシャレなmooSlide。 クリックしたところ、ページ下部からブロックがアニメーションして説明が表示されます。 仕組みはLightBoxでも、みせ方次第でこれだけ印象って変
CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル:phpspot開発日誌
Create Resizing Thumbnails Using Overflow Property | Css Globe This tutorial is aimed at controlling the size of the thumbnails appearing on your page. CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル。 次のように、CSSで画像を固定サイズにトリミング表示できます。 更にマウスオーバーで画像を元サイズに。 実装について見ていきましょう マークアップが次のようにあったとします <p class="thumb"><a href="http://cssglobe.com/"><img src="image.jpg" /></a></p> そして、次のＣＳＳを適用。 p.thumb{ float:left; margin:.5
クオリティの高いPhotoShopブラシいっぱい:phpspot開発日誌
Free Photoshop brushes download As a part of our regular promotional resources we here at PixelMoon Studio are offering a collection of 12 high quality Photoshop brush sets made by our members and friends. クオリティの高いPhotoShopブラシがサムネイル付きで沢山紹介されています。 月と星のブラシは、神秘的なサイトデザインや、使い場所はかなり幅広い気がします。 鳥の羽なんかも、高級感を出す上でいいかもしれませんね。 ブラシは全て、getbrushes.com で配布されているものです。 getbrushes については下記を参照 100以上のクールなPhotoShop用ブラシがダウン
Javascript/Ajaxのチートシート集:phpspot開発日誌
Javascript/Ajax cheat sheets >> Scott Klarr Javascript/Ajaxのチートシート集。 JavaScript言語に関するチートシート、そして、jQuery、Prototype、YUI、Scriptacuolous等のライブラリ用チートシートも。 よく使うものは印刷して貼っておきたいですね。 関連エントリ Prototype.js 1.6.0 用チートシート
PHPからシンプルにRSSをパースできるクラスライブラリ「Last RSS」:phpspot開発日誌
Last RSS - PHP RSS parser/reader lastRSS.php is simple yet powerfull PHP class to parse RSS. PHPからシンプルにRSSをパースできるクラスライブラリ「Last RSS」。 １つのファイルのinclude で済み、必要最小限の機能で、クラスライブラリの分かりやすい形で使えます。 コード例は次のようにシンプル // include lastRSS library include './lastRSS.php'; // create lastRSS object $rss = new lastRSS; // setup transparent cache $rss->cache_dir = './cache'; $rss->cache_time = 3600; // one hour // load s
PhotoShopでオリジナルの古地図を作成するチュートリアル:phpspot開発日誌
PSDTuts - Photoshop Tutorials and Links - How To Create An Old-World Map In Photoshop PhotoShopでオリジナルの古地図を作成するチュートリアル 雲模様の描画などを駆使して次のような古地図を作成していくチュートリアルになってます。 PhotoShopでお手軽に地図を描きたい場合には覚えておきたいサンプルですね。 地図画像を作成する局面もWEB制作者にとっては珍しくない（？）かもしれないので覚えておきましょう。 関連エントリ 写真家のためのPhotoShopレタッチテクニック集55 サングラスに好きな写真を映りこませるPhotoShopチュートリアル PhotoShopで髪の毛の描き方テクニック 凄くクールな名刺を作成するPhotoShopチュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オンラインショップ向けのクレジットカードアイコンいろいろ:phpspot開発日誌