Building Web 2.0 Tag Clouds in PHP PHPでタグクラウドを実装するサンプルプログラムが公開。 配列データを以下のようにタグクラウド化します。 PearのHTML_TagCloudを使って実装することも出来ますが、配列から自分でタグクラウドをカンタンに作成する際の1つの参考にできそうです。 関連エントリ タグクラウドのCSSスタイルシートサンプル集 PHP用タグクラウド生成ライブラリ(HTML_TagCloud)利用サンプル
53 Killer Photoshop Illustrator Effects and Tutorials Photoshop&Illustratorのキラーチュートリアル53、というエントリが公開されていました。 どれもうなるような作品ばかりで、その製作過程が見れるというのは非常に参考になりますね。 特に目をひいたものをピックアップ。 Create cool neon effects Creating Smoke Jessica Rabbit Silver White Fractal Rainy Day Rainbows The Dream In A Puddle Nietylko 参考にすれば、目を引くブログのヘッダー画像みたいなものは簡単に作れてしまいそうですね。
Javascript Page Slider?Roundup - CSS-Tricks “Page Sliders” are a bit like Tabbed Boxes, only the content appears to slide by instead of be instantly replaced. JavaScriptでページスライダー用ライブラリいろいろ。 小さい範囲に複数のアイテムを格納したい場合に使えるスライダー用ライブラリがいくつか紹介されていました。 Coda Slider Step Carousel Viewer Simulates a Flash Horizontal Navigational Effect jCarousel Carousel Component - YUI カッコいいだけでなく、省スペース、ということで色々なところで活用できそうですね。
PHPでATOM、RSS1/2フォーマットのフィードが超簡単に吐き出せる「FeedWriter.php」 2008年03月12日- PHP Universal Feed Generator (supports RSS 1.0, RSS 2.0 and ATOM) | ajaXray It’s been a while since I’ve planned on developing a feed generator that fulfills most my needs by supporting the various feed formats. PHPでATOM、RSS1/2フォーマットのフィードが超簡単に吐き出せる「FeedWriter.php」。 RSS1や2、ATOMのフォーマットを理解して出力するのは面倒ですね。 このライブラリを使えば、RSS1/2もATOMも、クラスを作成す
Free RSS to HTML PHP Script In addition to making your RSS feed available to your visitors for use with their RSS Feed Reader, as a webmaster you may also want to make the same feed available on your website for viewing with a regular web browser. RSSを処理するためのライブラリは多く存在しますが、PHPの知識がなければ使えなかったりするものも多いです。 そこで、RSS2HTMLを使えば、PHPの知識はなくとも、特定のRSSをHTMLに簡単に変換できます。 使用するには、ダウンロード後、解凍したパッケージ内のrss2html.phpを編集します。
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.
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 -
YUI2.5.0リリース!Flickr風のマルチファイルアップローダーやレイアウト... 次の記事 ≫:2008年2月22日 管理人のブックマーク 先日、「PHPでファイルをDLさせる際のPHPコード例」というエントリを書きましたが、いくつか問題を持っているようで、アナウンスのため、新規エントリを立てました。 訂正1) 以下のようにしないと大きなファイルの場合はダウンロード失敗するようです。 RFC的には以下が正しいとのこと。 header('Content-Disposition: filename=dl.zip'); ↓ header('Content-Disposition: attachment; filename="dl.zip"'); 訂正2 ) 毎回メモリに読み込むのは良くないということで、以下の訂正 echo file_get_contents('test.zip'); ↓
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でも、みせ方次第でこれだけ印象って変
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
Simple Round Corners in CSS (revisited) We are going to use a single image (20px x 20px) to provide our rounded corners and to save on using different images we will use one image only and simply place each corner into place using the background-position property. 1個の画像でシンプルに角丸を実装するCSSサンプル。 使うのは次の1枚の300バイトの画像。 なるほど、これでポジションをずらしてあげれば、画像は1枚でシンプルに実装できるわけですね。 HTMLマークアップとCSSの紹介と解説がされてます。 関連エントリ CSSで角丸テ
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> そして、次のCSSを適用。 p.thumb{ float:left; margin:.5
CSS Gradient Text Effect Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). CSSのみでプレーンテキストにクールなグラデーション効果を付けるテクニック。 テキストと画像を使って、テキストの背景に画像を混ぜて次のようなテキスト効果を得るCSSテクニックが紹介されています。 JavaScriptやFlashなどは一切使用していない、PureCSSになっているそうです。 デモページはこちら(FireFox等
MP3 Player Design | Free Adobe Photoshop Tutorials - Zymic In this tutorial you will learn how to design a product in Photoshop. The product is a RCA Lyra X3030 portable media player. PhotoShopでMP3プレイヤーのデザインを作成するチュートリアル。 次のようなMP3プレイヤーの画像を作成していきます。 素材を使うわけではなく、PhotoShopの機能を駆使してプレイヤーをデザインしていくので、いろいろ参考にできそうなテクニックが詰まってそうです。 関連エントリ PhotoShopでオリジナルの古地図を作成するチュートリアル 写真家のためのPhotoShopレタッチテクニック集55 サングラスに好きな写
Luxa - Photoshop Tutorials, Videos, Brushes, Tips & Tricks There are many different ways to attack a business card design. 凄くクールな名刺を作成するPhotoShopチュートリアル 次のようなカッコいいデザインの名刺をPhotoShopで作っていきます。 こんな名刺を渡されたら、つい取っておきたくなる、あるいは自慢したくなるかもしれません。 名刺をデザインするような際には是非覚えておきたいチュートリアルですね。 関連エントリ WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル テキストに迫力ある隕石風エフェクトをかけるPhotoShopチュートリアル Photoshopで幻想的なファイナルファンタジー風のロゴ作成チュートリアル
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
Alexei@Nitobi Blog Archive Development Diary: Taming the Fisheye I thought it might be a good idea to document the development of one of our components from a user-interface perspective. We’re in the process of developing a host of new components now, which should be ready for release early this spring. One of these is a Fisheye Menu. JavaScriptでMacOS XのDock機能を実現する。 Dock機能というのは、次の画像のようにカーソルを合わせると画
SexyAlice Nebula Fractals by ~SexyAlice on deviantART PhotoShop用、超クールなフラクタルブラシ。 次のようなブラシが配布されています。 ブラシで書いてみた例 活用することで物凄くカッコいい画像が作れそう。 関連エントリ PhotoShopのブラシやパターンがいっぱい「myphotoshopbrushes.com」 リアルな壁面PhotoShopブラシ
PHP classes 綺麗にスタイルされたRSSを簡単に吐けるPHPクラスライブラリが公開されています。 (「RSS74」という名前で公開されているものです) PHPでRSSを吐くのはXMLを組み立てるだけで簡単だけど、ブラウザで見た場合にも綺麗に表示できる、スタイルされたものを吐きたい場合はちょっと大変。 ということで、スタイルされたRSSを吐くPHPクラスライブラリの登場です。 次図のようなブラウザで閲覧してもスタイルされたRSSが吐けます。 ソースは次のように、オブジェクト指向で分かりやすい記述が可能です。 オブジェクトに配列を渡してあげるだけです。 <?php include('inc.rss74.php'); // RSS items list: $example_list = array(); /* ** Create some test entries: */ $examp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く