美しいフリーフォント45セット:phpspot開発日誌
45 Beautiful Free Fonts for Modern Design Trends - Six Revisions 美しいフリーフォント45セットが紹介されています。 ロゴデザインなんかに使ってもまったく問題なさそうです。 Cicle Share Reznor Broken Alte Haas Grotesk Abrosia AUdimat 全部見る フォントのインストールのしすぎは注意が必要ですが、これは、というお気に入りのフォントがあったら入れておきたいですね。 関連エントリ 萌え系フォントのまとめ ウェブ、ＤＴＰに使えるクールなフォント集 フリーフォント大量配布/紹介サイトいろいろ フリーフォントを入手するためのトップ５サイト 女性の書いたようなやわらかい萌えフォント「あんずもじ」
ロゴデザインの際に参考にできるリソース集:phpspot開発日誌
The Ultimate List of the Top Best Logo Design Resources Below you will find galleries of logo designs for logo design inspiration. ロゴデザインの際に参考にできるリソース集。 Logo Of The Day 投票機能付きでどういうロゴが評価を得るか、という点も参考になります。 タグ検索機能付き Logo Pond クオリティの高い多数のロゴが見れる Fave Up こちらも投票機能付き。比較的大きいロゴ画像を一覧でシンプルに見れる Logo Sauce サムネイルで一覧表示。検索機能付きのロゴデザインまとめサイト Identity Archives 製品のロゴなどを検索できます。coke とか wii とかを検索してみましょう。 Logo Faves ロゴにカー
背景画像に最適！超ハイクオリティな400以上のパターン画像集:phpspot開発日誌
400 High Quality Patterns | Design Reviver Patterns can be found every where. Most commonly we can see them in fabric and wallpaper, but they also make great visual elements for web design. 背景画像に最適！超ハイクオリティな400以上のパターン画像集。 単なる背景画像にしておくにはもったいないほど書き込みが細かくて、見ているだけでも楽しめます。 Damask Patterns Volume 2 ision Micro Patterns Vector Patterns 背景画像がいっぱいあって、色合いなんかもWEB上でかえられるようなサービスがあったらいいなと思いました。
信じられないほどクリエイティブなFlashサイト集:phpspot開発日誌
21 Incredibly Creative Flash Websites - Down the Foxhole というエントリにて、信じられないほどクリエイティブなFlashサイト集ということでFlashサイトが特集されていました。 以下、信じられないほどクリエイティブなFlashサイトの引用です。 http://www.nationalgridfloe.com/ http://lab.mathieu-badimon.com/ http://ecodazoo.com/ http://www.lacoste-future.com/ http://sectionseven.com/ 続きを見る 数年前を思い返してみると、数年前では想像もできないようなサイトが増えてますね。 Flashプレイヤーの進化によってどんどん出来ることが増えていくため、成果物のクオリティや機能もどんどん進化しているよう
フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」:phpspot開発日誌
フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」 サムネイルクリックでLightBoxでサンプルを確認できます。 テンプレートの投稿もできるみたい。 クールにデザインされているものが多く、色々使えそうです。 関連エントリ 使えるCSSレイアウトテンプレート集「mycelly.com」 シンプルだけど使いやすそうなフリーのXHTML/CSSテンプレート集「Mantis-a templates」 管理者ページのテンプレートが配布 ドラッグ＆ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成 12のフリーCSSテンプレート集 １カラムのクールなテンプレート集４０＋ 用途別に使えるフォームのテンプレート集「The Wufoo FORM Gallery」 CSSベースのクールなリストが作れ
心を奪われるような美しいタイポグラフィー集:phpspot開発日誌
Sexy, Bold And Experimental Typography | Monday Inspiration | Smashing Magazine Sometimes typography is all you need to communicate your ideas effectively. 心を奪われるような美しいタイポグラフィー集。 非常に美しいタイポグラフィーがいろいろまとまっています。 Sweet Sixteen Dive Deep Scarlett Rally Empire 続きは以下 Sexy, Bold And Experimental Typography | Monday Inspiration | Smashing Magazine フォントを使ってグラフィックを作ってみたくなりますね。 関連エントリ CSSを使ったテキストをデザインとして魅せるテクニ
便利なＣＳＳテクニック３０選:phpspot開発日誌
30 Exceptional CSS Techniques and Examples | Six Revisions In this article, I’ve pieced together 30 excellent CSS techniques and examples 便利なＣＳＳテクニック３０選ということでエントリがまとまっていたので紹介。 特に気になったものを以下にまとめました。 Hoverbox Image Gallery - 画像ギャラリー上でマウスホバー時に画像拡大 デモはこちら CSS Photo Zoom - 文書に添付の画像にカーソルを合わせると画像拡大。テキスト位置も自動調整 デモはこちら whatever: hover - windowsのスタートメニュー風の階層メニュー デモはこちら Content Overlay with CSS - オーバーレイでdescr
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」:phpspot開発日誌
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 2006年12月27日- Particletree Dynamic Resolution Dependent Layouts ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」。 読み込んでおくだけで、750px以下、750px以上/950px以下、950px以上の３つのウィンドウサイズに応じて自動でCSSを切り替えることが出来ます。 JavaScriptの知識が一切なくとも、利用者の端末に合わせて、最適なUIを選択することができ、なかなか面白い＆便利。 アイデア次第で凄く優れたWEBサイトになりそうな感じですね。 (750px 以下) (750px以上/950px以下) (950px以上) 関連エントリ AjaxでSS
ブラウザのウィンドウを各種解像度のサイズに自動リサイズできるFireFoxの拡張「Window Resizer」:phpspot開発日誌
ブラウザのウィンドウを各種解像度のサイズに自動リサイズできるFireFoxの拡張「Window Resizer」 2007年02月28日- Window Resizer | Firefox Add-ons | Mozilla Corporation Resize your browser to various standard resolution sizes. ブラウザのウィンドウを各種解像度のサイズに自動リサイズできるFireFoxの拡張「Window Resizer」。 WEBのデザインの際などに、解像度にあわせたサイズにブラウザサイズを調整して、いろんな環境用にデザインを調節したい場合があります。 そんな際に使えるFireFoxの拡張。 インストール後、「ツール」メニューから「Resize Window」を選択して「Window Resizer」を起動します。 起動すると、640x
iTunesのカバーフロー風ＵＩをJavaScriptで実現「ProtoFlow」:phpspot開発日誌
ProtoFlow first preview release… :: Deensoft I got busy with few other client work and didn’t really get any chance to polish up the ProtoFlow widget. iTunesのカバーフロー風ＵＩをJavaScriptで実現「ProtoFlow」。 まずはデモページを見てみましょう HTMLは次のようにシンプル <div id="protoflow"> <img src="imgs/DSCN0940_91360.jpg"/> <img src="imgs/stimme_von_oben_187192.jpg"/> <img src="imgs/Tropfen_1_Kopie_201721.jpg"/> <img src="imgs/farbraum_01
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.
flaソースコード付き20のFlashゲームチュートリアル:phpspot開発日誌
Deziner FolioBlog Archive 20 Free Tutorials to Create Your Own Flash Game Flash is a very flexible tool for building games that are both entertaining and educational. However, the software itself is a quite tough to learn and extremely hard to master. flaソースコード付き20のFlashゲームチュートリアルという記事。 チュートリアルがflaコード付きで20個特集されていました。 学ぶだけでなく、プレイしても楽しいゲームがいっぱい。 Flash Racing game tutorial - レーシングゲーム Baloon shooter -
PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」:phpspot開発日誌
PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 2008年02月21日- Icebeat | class.image PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 class.image.php を使えば、分かりやすいコードで、簡単に画像のリサイズ、切抜きが可能です。 例えば、3行で、画像のサムネイルが作れてしまいます。 まずは、画像を幅200pxでリサイズ＆保存のコード $thumb = new Image('image.jpg'); $thumb->width(200); $thumb->save(); そして、画像を50%のサイズにリサイズのコード $thumb = new Image('image.jpg'); $thumb->resize(50); $thumb->save(); そして、左0px、上30pxの位置
Flash用物理演算ライブラリ:Flade:phpspot開発日誌
Flade - Flash Dynamics Engine Flade (Flash Dynamics Engine) is an open source actionscript 2.0 library for simulating 2D physics using Verlet integration. It currently features rectangular, circular, & wheel primitives, spring & angular constraints, and surfaces composed of line segments, circles, & rectangles. It's designed primarily for games with a goal of speed and ease of use, and is MTASC -s
ActionScript3用3D物理エンジンライブラリ「WOW-Engine」:phpspot開発日誌
shirotokoro AS3 3D Physics Engine : WOW-Engine WOW-Engine is a free AS3 open source physics engine written by Seraf ( Je Birembaut ) capable to handle positions in a 3D environment. ActionScript3用3D物理エンジンライブラリ「WOW-Engine」。 またまた新しい３Ｄ物理演算ライブラリを発見。 サンプルいろいろ spheres on plane boundArea, sphere spheres and contraints 3D picture rope, box cloth 01 cloth 02 cloth 03 チュートリアル Your First WOW-Engine Applicati
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
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
カスタマイズできる多機能LightBox「Lightview」:phpspot開発日誌
Lightview Lightview was built to change the way you overlay images on a website. カスタマイズできる多機能LightBox「Lightview」。 次のように、背景色を赤にカスタマイズしたりできるLightBoxの登場です。 背景色のほか、角丸の度合いや、灰色背景の描画ON/OFFとその透明度、zIndex、表示の際のエフェクトなどをカスタマイズ可能です。 インストールは、必要なCSS/JSを読み込んだ後、<img> タグの rel 属性に lightview を設定するだけ。 (例： <a href='image.jpg' rel='lightview'>My image<a/> ) スライドショーの機能なんかも実装されています。 関連エントリ LightBox風に角丸で可愛く画像をポップアップしてくれる「F
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ページを開く
サイトのロゴ作成のヒントとなる秀逸なロゴデザイン集:phpspot開発日誌