○○の歴史を分かりやすくタイムラインにできるjQueryプラグイン「Timelinr」:phpspot開発日誌
jQuery Timelinr ○○の歴史を分かりやすくタイムラインにできるjQueryプラグイン「Timelinr」。 次のような年をインデックスとしたスライダーを作ることができるjQueryプラグイン。 会社の歴史とか、PHPの歴史とかなんでもいいのでタイムラインをちょっと雰囲気を持たせながら表示させたい場合に使えそうです 年部分をクリックするとかっこよくアニメーションしながらスライドしてくれます。 すべての内容は１個のHTMLに入れられて作るのも楽そうです。 関連エントリ Twitter OAuth認証をポップアップで行うjQueryプラグイン 綺麗なツリービューが実装できるｊQueryプラグイン「jsTree」 RSSやATOMフィードを読み込んで表示できるjQueryプラグイン「FeedEk」
TwitterやFacebookの独自アイコンを作る場合に覚えておきたい「Picons」:phpspot開発日誌
Picons | Vector Icons and Pictograms TwitterやFacebookの独自アイコンを作る場合に覚えておきたい「Picons」 ベクター形式でロイヤリティフリーなので独自アイコン作成の際にはうってつけ。 デザイナーさんなら誰もが独自のアイコンを作りたいと思うのでこれをベースにするとよさそうです。 ６０種類のソーシャルアイコンが同梱 配布形式も色々で扱いやすいです。 アーカイブをDLすればそれぞれ収録されています 関連エントリ 選びたい放題のフリーのソーシャルアイコンセット色々 TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット４０ シンプル白黒がいい感じのソーシャルアイコン37個セット「LinkDeck」 白黒シンプルがいい感じのベクター形式のソーシャルアイコンセット
Facebookライクなサイドバーが簡単に実現可能なjQueryプラグイン「MyFacebookStyleSidebar」:phpspot開発日誌
Facebookライクなサイドバーが簡単に実現可能なjQueryプラグイン「MyFacebookStyleSidebar」 2011年06月09日- Official Demo page for MyFacebookStyleSidebar jquery plugin Facebookライクなサイドバーが簡単に実現可能なjQueryプラグイン「MyFacebookStyleSidebar」 このプラグインを使えば左側にメニュー、右側にコンテンツがあり、メニュークリックでAjaxなどによって画面を切り替えるUIが実現できます。 ajaxでページ読み込みはもちろんiframeも利用可能みたいです。 ローディング画像を表示できたり、SEOフレンドリなAjaxコール、そしてクロスブラウザ動作という特徴を持ちます。 実際に数億人が使うUIを真似ることで、世界中の人々が使いやすいUIというものを構築で
上下左右どこでも設置できるスライドコンテンツ実装jQueryプラグイン「jQuery Slick」:phpspot開発日誌
上下左右どこでも設置できるスライドコンテンツ実装jQueryプラグイン「jQuery Slick」 2011年06月07日- jQuery Slick Plugin ? Examples Design Chemical Lab 上下左右どこでも設置できるスライドコンテンツ実装jQueryプラグイン「jQuery Slick」。 最近色々なサイトで実装されているアレを実装するためのｊQueryプラグインです。 目立たない程度にページの脇に表示されており、クリックするとコンテンツ表示します アニメーションしながらメニュー表示。常に表示しているよりも、使用頻度が少ないようなケースにおいてはメニューは隠しておいたほうがよいこともありそう 使い方も次のように直感的に簡単に使えるようになっています 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。
CSS3のよく使いそうな１０個のテクニックのまとめ:phpspot開発日誌
The top 10 CSS3 techniques | Feature | .net magazine CSS3のよく使いそうな１０個のテクニックのまとめエントリのご紹介。 font-face によってマシンに入ってないフォントを使うCSS例 opacity による要素の透明度指定 rgbaでRGBと透明度を併せて指定 border-radiusによる角丸 box-shadowによるブロックに影を付ける効果 text-shadowによる影付きテキスト効果 ボックスのグラデーション 複数バックグラウンド指定 transformによる変形 transitionによるアニメーション テクニックのリストだけではなくて、対応していないIE等もカバーするための具体CSSも記載されていて親切です。 関連エントリ CSS3等を使ったサンプルや各種CSSリソース集 CSS3で立体的な3Dリボンを作成するチ
ワンダフルな100のPhotoShopチュートリアル:phpspot開発日誌
100 wonderful photo effects Photoshop tutorials ワンダフルな100のPhotoShopチュートリアル PhotoShopにフォトエフェクトをかけるチュートリアルがまとまっていました。 全部マスターすればどんな画像も作れます、というぐらい沢山のチュートリアルが並んでいます。 気にいったものはこなしていきたいですね。 関連エントリ クールな虹色のバックグランドを作成するPhotoShopチュートリアル 美しい光のバックグランド風イメージを作成するPhotoShopチュートリアル PhotoShopで綺麗なコーン画像を作成するチュートリアル
デザインを高速に行える技巧的な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自体の学習用にもよさそう。 （アクションの読み込み方は本エントリの最後を参照） 画
訂正: PHPでファイルをDLさせる際のPHPコード例:phpspot開発日誌
YUI2.5.0リリース！Flickr風のマルチファイルアップローダーやレイアウト... 次の記事 ≫：2008年2月22日 管理人のブックマーク 先日、「PHPでファイルをDLさせる際のPHPコード例」というエントリを書きましたが、いくつか問題を持っているようで、アナウンスのため、新規エントリを立てました。 訂正１） 以下のようにしないと大きなファイルの場合はダウンロード失敗するようです。 RFC的には以下が正しいとのこと。 header('Content-Disposition: filename=dl.zip'); ↓ header('Content-Disposition: attachment; filename="dl.zip"'); 訂正2 ) 毎回メモリに読み込むのは良くないということで、以下の訂正 echo file_get_contents('test.zip'); ↓
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ライブラリ「PEAR::Net_UserAgent_Mobile」最新版を入れよう:phpspot開発日誌
PEAR :: Package :: Net_UserAgent_Mobile モバイルキャリア判定用のPHPライブラリ「PEAR::Net_UserAgent_Mobile」が2/10にアップデートされました。 前回のリリースは、2007/2/20。1年ほど経っているわけなのですが、その間に携帯端末のユーザエージェントの状況なんかも変わりましたね。 新しく、モバイルかPCのどちらか、というのを判別するために、isMobile メソッドが追加されています。 (これまでは、isDocomo、isEZWebなど、具体的なキャリア名の指定が必要でした） より詳しい変更点はこちらを参照してください 携帯サイトをPHPで構築されている方は要チェックですね。 関連エントリ 携帯端末のUserAgentを扱うライブラリ:Net_UserAgent_Mobile
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
綺麗にスタイルされたRSSを簡単に吐けるPHPクラスライブラリ「RSS74」:phpspot開発日誌
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
グラスに神秘的な光を追加するPhotoShopチュートリアル:phpspot開発日誌
Amazing Photoshop light effect in 10 Steps | Abduzeedo by design Last year I had written a tutorial showing how to create some lighting effects in Photoshop, it was called Magic Lighting Effects. グラスに神秘的な光を追加するPhotoShopチュートリアル。 普通のグラスに対して、次のように、光輝く効果を与え、神秘的なものにしていくチュートリアルです。 グラスだけでなく、いろいろなものを輝かせてみたいですね。 関連エントリ WordPressのロゴを美しく輝かせるPhotoShopチュートリアル PhotoShopで輝く美しい球体を作成するチュートリアル PhotoShopで７色に輝く美しいパーテ
ピュアCSSでクールなグラフサンプル「Pure Css Data Chart」:phpspot開発日誌
Pure Css Data Chart | Css Globe Data visualization is mostly achieved with flash applications or with help of some programming languages. Are those solutions the only way to present, let's say simple data chart? How about giving it a try with nothing but good ol' css? ピュアCSSでクールなグラフサンプル「Pure Css Data Chart」。 次のようなグラフを描画するCSSとHTMLマークアップのサンプルが紹介されています。 マークアップも次のように綺麗に記述できます。 <dt>Day 1</dt> <dd class
カラー写真を新聞紙に掲載された写真のようにするチュートリアル:phpspot開発日誌
*BB Special* 3 Ways: VECTOR HALFTONES from RASTER Images | BittBox This is by far the most-emailed question I get here at BittBox.カラー写真を新聞紙に掲載された写真のようにするチュートリアル。 次のように、画像をハーフトーン調に加工していきます。 カラー写真もいいですが、こうしたハーフトーンでレトロな感じを出したい場合に使えそうなチュートリアル。 是非とも覚えておきたいですね。 関連エントリ iPodのCM風の人影風イメージを作るPhotoShopチュートリアル 美しいアートを作成するためのPhotoShopチュートリアル100 PhotoShopを使ってリアルな触手っぽい画像を作成するチュートリアル PhotoShopでMP3プレイヤーのデザインを作成するチュ
虹のファンタジックな夜空を描くPhotoShopチュートリアル:phpspot開発日誌
PSDTuts - Photoshop Tutorials and Links - Creating A Fantastic Fantasy Night Sky In Photoshop Last month while I was selecting some images for a post to my blog I found an amazing design created by Nik Ainley, one of my favorite Photoshop masters. 虹のファンタジックな夜空を描くPhotoShopチュートリアル。 次のような美しい虹色の夜空を描いていきます。 雲模様から雲を描画していって虹もPhotoShopで描いていきます。 ↓虹とかも描いていきます。 こういうテクニックも身に付けておくとよさそうですね。 関連エントリ 美しいアートを作成するため
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ピュアCSSでページ上に通知を出すチュートリアル:phpspot開発日誌
これは必見のCSS3のBox Shadow等を使って描画されたオブジェクト描画例いろいろ３９:phpspot開発日誌
CSSでクールなリストボックスを作るサンプル:phpspot開発日誌