Free Textures Download 商用利用もOKで使えるテクスチャ画像提供サイト「freetextures.org」。 木や緑、花、石、空などのテクスチャ素材が多数配布されています。 3Dな方はもちろんですが、PhotoShop用のベース素材としても活用できますね。 配布されているテクスチャのサイズは2000x1000など、かなり大きくて利用シーンも幅広いです。 関連エントリ つやつやしたベクター形式のボタン素材77
PHPでATOM、RSS1/2フォーマットのフィードが超簡単に吐き出せる「FeedWriter... 次の記事 ≫:優雅なWeb制作のためのJavaScript「yuga.js」 Taffy DB : A JavaScript database for your browser Taffy DB is a free and opensource JavaScript library that acts as thin data layer inside Web 2.0 and Ajax applications. ブラウザ上で使えるJavaScriptによるデータベース「Traffy DB」. Ajaxアプリケーションなどで、ブラウザ内で多くのデータを扱う場合に使えるライブラリのようです。 例えば、次のようにデータを検索することが出来るようです products.find({price:{
デスクトップ操作をビデオにするソフトやサービスx11個。 ソフトの紹介や、サイトの使い方の紹介するのはビデオ化するのが一番分かりやすいですね。 操作録画のためのソフトはどういうものがあるのか、調べてみました。 Wink - Windows, Linux対応の録画ソフト。ムービーへの注釈などの挿入も簡単。 Jing - Mac, Windows 対応の録画ソフト、サイトでの共有機能あり freescreencast.com - Windows向け(.Net必要)の録画ソフト、サイトでの共有機能あり TipCam - Windows向けのPC操作録画ソフト。Facebookにてシェア可能 DesktopCam - デスクトップ上の動きをWMV形式で高品質に録画できるキャプチャソフト Istanbul - Linux向け。Ogg Theora Video形式などに保存できるみたい AviScre
Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements. 超クールなカレンダー型日付入力補助用JSライブラリ。 次のような個性的なカレンダーで入力補助が可能です。 オシャレでかわいいカレンダー スタイルされたクールなカレンダー 写真入りのカレンダー mootoolsを使っていて次のように初期化するだけで簡単に使えるみたい myCal1 = new Calendar({ date1: 'd/m/Y' }, { direc
記事の訂正です。 (phpspotの人は正規表現について語らないほうがいいのでは)というエントリの指摘を受け、本記事を修正します。 問題は、簡単な目視のチェックのみで動作確認を行わなかった点が問題ですね。 掲載した正規表現では厳密なチェックは行えない、一部の正規表現で正しく動作しないという問題点がありました。 また、「メールアドレスの正規表現」の記事修正も行っています。 メールアドレスの正規表現はきちんと書くと長くなってしまったりするので、注意文とメールが届くかどうかのチェックを促すよう記載しました。 それでも、まだ問題があるよ、という方はお手数ですが、こちらまでご連絡ください。 (追記) 正しい正規表現は、秋元さんのブログにも掲載されていますが、次のエントリを参考にするのがよいでしょう PHPでメールアドレスかどうか調べる方法 PHPでメールアドレスを確認する「正しい方法」(Linux
秋元@サイボウズラボ・プログラマー・ブログ: phpspotの件のまとめ 「訂正:実用的なPHP用の正規表現x8」にて、私の間違いについて秋元さんにご指摘頂きました。 その後、間違いの指摘のことで、メールにて議論をさせて頂きました。 互いの見解について、互いのブログで公開する、ということになったので本エントリにて記載させて頂きます。 私の考えとしては、 いきなりブログに書くと騒ぎになる可能性があるので、いきなりブログに書くのはやめて、まずメールで知らせるのが親切な方法なのではないか?という考えです。知らせてもらった結果は修正して、間違った認識が広まらないように努めればよいのでは?と考えています。 騒ぎになることで、ブログの内容の殆どが誤りのような誤解を生み、書き手は当該の問題に関係のない酷いことも言われる結果となるので反対だ、という考え。 メールの返事がない場合はあきらめます。 秋元さんの
Textarea tools Small collection of tools for use with textareas (or input fields). フォームのtextareaをより使いやすくすることが出来る「Textarea tools」。 上記画像では、右端にはるボタンを押して、textarea部分のリサイズや、フォントサイズの変更が可能になっています。 使い方は非常に簡単で、必要なJavaScriptファイルとCSSファイルを読み込んでおき、textarea に class="resizable" の属性を付与するのみとなっています。 掲示板なんかにこの機能を組み込んでおけば親切ですね。
Devlounge | 30 Fonts You Want to Have Everyone has their own personal preferences when it comes to deciding what fonts to you one their designs.超ハイクオリティーな30の英文フォントが紹介されていました。 ロゴなんかに活用できそうなフォントが多数紹介されているようです。 その中でも特に目を引いたものを抜粋。 Segoe UI - フリー(VistaのSystemフォントらしいですね) Decker - フリー(これはクールです) SoopaFresh - フリー Ubahn - フリー Bitstream Vera Serif - フリー Bold Bold - フリー Interstate - シェア Rockwell - シェア Ar
Styling File Inputs with CSS and the DOM // ShaunInman.com This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. inputのtype=fileをCSSでクールにスタイルするサンプル input type=file なエレメントを次のように美しくスタイリングするサンプルが公開されています。 これはなかなかクールですね。Web2.0なサイトでは是非実装したいスタイルです。 関連エントリ サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ CSSでデザインされたテーブルレスでクールなフォームサ
FusionCharts Free - Animated Flash Charts & Graphs for ASP, ASP.NET, PHP applications FusionCharts Free is a flash charting component that can be used to render data-driven & animated charts for your web applications and presentations. PHPから使えるアニメーションするグラフコンポーネント「FusionCharts Free」。 アニメーションが心地よく、実に様々なグラフを描画することが出来ます。 チャートは次のように、JavaScriptコードで簡単に貼り付け可能。データはXMLから読み込み。 PHPから簡単に使えるAPIライブラリも公開されています。 <
A CSS styled table | Veerle's blog Further to my article about the creation of a CSS calendar the thought crossed my mind to show you an example on how you can style a table using CSS.CSSでクールなテーブルを作成するサンプル。 次のようなテーブルを作成するサンプルが公開されています。 サンプル1(解説記事) サンプル2(解説記事) テーブルもここまでカッコいいものが作れるんですね。 是非テーブルスタイル時の参考にしたいサンプルです。
リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」 2007年08月07日- Scrollovers - A New Way of Linking Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren't expectin g. リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」。 例えば、次のアンカーにカーソルを合わせて みてください。 [YOUR TEXT HERE] Scrollovers を使えば、こんなリンクの貼り方が出来ます。 普通のリンクより 分かりやすいだけでなく、訪問者に驚きを与えることが出来ますね
The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources at DesignVitality WEBデザインに便利なリソース100リンクが紹介されていました。 フリーテンプレート OSWD OpenWebDesign Open Designs CSS Tinderbox デザインテンプレート TemplateNavigator TemplateBox Template Monster Art for the Web Free CSS Templates CSSレイアウト集 Layout Gala AndreasVilkund.com CSS Template Directory BenMeadowcroft.com Mollio CSS自動ツール、ジェネレーター CSS Creator -
Mizuno's Super Airbrush PP Tutorial! (56K Warning) - Canon Digital Photography Forums 元エントリが消えてしまっているようです。代替URLをご存知の方はご連絡頂けると有難いです。 Hello everyone! I thought I would put this tutorial together, as it seems every time I post an image that I have processed in this way, everyone wants to know how I did it. 人物の写真をPhotoShopで美しく修正するチュートリアル。 次のように、肌がすべすべで目もクッキリな写真に修正する流れが紹介されています。 ここまで修正できるとある種恐ろしいですが、覚え
How to turn your photo into movie-like effect using Photoshop? ・ebin What you need to have: Adobe Photoshop What you will learn: colour mood adjustments depth of field effect film effect PS: ? key for Mac users / CTRL key for Windows users PhotoShopを使って画像を映画風に加工するチュートリアル。 左の一見普通の画像を、右の画像のように映画風にカッコよく加工するための流れが説明されています。 色調や明るさを調整しながら、ぼかし効果などを使い、巧みに画像を加工していってます。 何の変哲もない写真もこのテクニックで印象に残る画像に加工できそうですね。
Give your Text a Glossy Highlight PhotoShopでWeb2.0風な光沢あるロゴを作るためのチュートリアル 次のように、普通のテキストをWeb2.0風にするまでが紹介されています。 やってみたところ、すごく簡単にできました。 次がその成果物です。 これは知っておくとよさそうですね。 関連エントリ PhotoShopを使って画像を映画風に加工するチュートリアル PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル 人物の写真をPhotoShopで美しく修正するチュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル PhotoShopでタバコの煙風クール画像を1から作るチュートリアル
The PHP coder's top 10 mistakes and problems @ SourceRally.net PHP Community 「PHPプログラマがおかしがちなミスTOP10」、という記事があったので紹介。 PHP初心者だとこういうミスがよくありますね。ということで今年からPHPをはじめようと思っている人には気をつけてほしいリストです。 生でクエリを出力しない echo $_GET['username']; ↓ echo htmlspecialchars($_GET['username'], ENT_QUOTES); やらないとクロスサイトスクリプティングされます。 SQLクエリに$_GET,$_POST,$_REQUESTの値を直接含めない $sql = "select * from table where id=".$_GET["id"]; ↓ $sql =
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 2006年12月27日- Particletree Dynamic Resolution Dependent Layouts ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」。 読み込んでおくだけで、750px以下、750px以上/950px以下、950px以上の3つのウィンドウサイズに応じて自動でCSSを切り替えることが出来ます。 JavaScriptの知識が一切なくとも、利用者の端末に合わせて、最適なUIを選択することができ、なかなか面白い&便利。 アイデア次第で凄く優れたWEBサイトになりそうな感じですね。 (750px 以下) (750px以上/950px以下) (950px以上) 関連エントリ AjaxでSS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く