iPhone CSS3 これはすごい!CSS3で描画されたiPhone。 画像でもFlashでもなく、CSS3で描画されています。 それぞれのアイコンや時計さえもCSS3で描画されているところが凄いです。 関連エントリ ピュアCSS3で3Dアニメーション IE6-8でもCSS3に対応するライブラリまとめ jQueryとCSS3、HTML5でここまで出来るホバーインタフェース 近未来に頻繁に使われるであろうCSS3サンプル10
OAuth対応のPHPでTwitterに投稿するスニペット。 Services_TwitterとHTTP_OAuthを使ったサンプルで私の使っているものです。 予め、pearコマンドでServices_Twitter, HTTP_OAuth をインストールしておく必要があります。 <?php require_once 'Services/Twitter.php'; require_once 'HTTP/OAuth/Consumer.php'; $message = '投稿テストです'; try { $twitter = new Services_Twitter(); $oauth = new HTTP_OAuth_Consumer( 'Consumer Key', 'Consumer Secret', 'Access Token', 'Access Token Secret'); $twi
Maintainable CSS3 Using PHP PHPを使ってCSS3のプロパティを便利に使えるスニペット。 CSS3のbox-shadowといったプロパティはブラウザごとに違いますが、これを全ブラウザ用に書くのは手書きとかだとメンド臭いですね。 そこで次のような関数を用意しておくと便利かもというスニペットです。 css3_props関数で次のように便利に使うことができます。 cssファイルにphpを使うということで若干負荷は上がるのを覚悟すればなかなか便利に使えそうですね。 関連エントリ 便利なCSS3ツール6つ+α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 ピュアCSS3で3Dアニメーション IE6-8でもCSS3に対応するライブラリまとめ
Fluid Width YouTube Videos | CSS-Tricks jQueryでYoutube埋め込みビデオをブロックの幅に合わせるコード。 ビデオの幅を自由に調整できるので、幅が変わったとしても簡単にページレイアウトになじませられます。 jQueryベースのコードで簡単に対応できるようです。 関連エントリ YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」 PHP+MySQL+jQueryでYoutube動画マネージャを作るサンプルプログラム PHPからYouTubeのAPIを簡単に使えるServices_YouTube
bxCarousel | jQuery Carousel Plugin 関連アイテムを出す場合等に使えそうなjQueryカルーセル「bxCarousel」 次のようなUIでamazonの関連商品を出すような場合に使えそうです。 個々のアイテム自体はulリストで定義するだけなので簡単。 ブログ記事の最後なんかに設置することもできそう 関連エントリ JavaScriptで実装するクルクル回転する3DカルーセルUI実装ライブラリ 高速に動作する画像カルーセルUI実装用jQueryプラグイン「Agile Carousel」 無限に回転するカルーセルUI実現用jQueryプラグイン実装チュートリアル カルーセルやページャ機能がついたYUI 2.6.0がリリース
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3の擬似クラスがIEでも使えて効率的なスタイリングが可能になります。 jQuery, prototype, mootools等と同時に使うことができ、 使えるプロパティはライブラリごとに違うようで、サイト上にそれぞれ掲載されています。 完璧ではないようですが、便利なものが多く使えるということで、活用してみてもいいかもしれませんね。 関連エントリ 便利なCSS3ツール6つ+α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 ピュアCSS3で3Dアニメーション IE6-8でもCSS3に対応するライブラリまとめ
PADILICIOUS: How to Add Finger-Swipe Support to Your Webpage iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript。 左から右、右から左、上から下、下から上といった指でのスライドアクションをiPadのブラウザ上で検知して好きなJavaScriptコードを実行するようにできます。 これで、本当にブラウザ上で電子書籍を読むようなインタフェースを実現できます。単純なクリックよりもよりアプリ寄りのUIがブラウザ上で実現できますね。 デモページをiPadで見てみると、それぞれ指でスライドするとページの背景色が変わるはずです。 関連エントリ iPad向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」 iPadのサイト開発、アプリ紹介等のエントリ色々 iPad用のサイト作成に覚えておくこと色々
RecRec - Image to HTML WEBレイアウトの画像をアップしてドラッグ&ドロップでHTMLに変換できる「RecRec」。 サイトのレイアウトの画像をアップロードして、ブロック部を選択するだけでHTMLとCSSを出力できるWEBベースのツールです。 生成されるHTMLはdivベースのデザインになります。 簡単なものならこれで仕上げちゃうこともできそうです。 関連エントリ チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル そのまま使えるWEBレイアウトのPhotoshopテンプレート40 スタイリッシュなWEBレイアウト作成Photoshopチュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集80
CRUD太郎 - 管理画面自動生成 MySQLベースのデータ管理画面をWEB上で自動生成可能な「CRUD太郎」 まずWEB上で、Create分を入力してウィザードに従うとCakePHPベースのPHPコードがダウンロード可能です。 生成できる画面デザインもクールで、機能的にはデータの挿入、編集、削除などの機能があります。 実際に利用者に公開する部分に注力したい場合はこうしたツールで管理画面の作成作業を簡略化したいものですね。 現在CakePHPベースですが、今後別のフレームワークにも対応予定だそうです。 管理画面の色は7色から選べます データの追加画面もいい感じです ログイン・ログアウト機能、データの追加・編集・削除・表示機能がCREATE文を入れるだけで本当に一瞬で出来てしまいました。
2000 Free Photoshop Patterns - Web Design Blog ? DesignM.ag 背景画像に使えるPhotoshopの背景パターン2000 可愛いものからクールなものまで実に様々な背景パターンがまとまっていてこれはなかなか使えそうです。 ありすぎて困るという意見もあるかもしれませんが、あらかじめ自分の気に入ったものを覚えておくとよさそう。 関連エントリ じゅうたん風の美麗背景パターン素材集70 シームレスな背景パターンを得られるサイト27 背景画像に使えるシームレスなパターン画像500種
jQuery関連の多数のライブラリが登録されているJSホスティングの「Cached Commons」 2010年09月01日- Cached Commons jQuery関連の多数のライブラリが登録されているJSホスティングの「Cached Commons」。 <script src="****"></script> のようにしてそのまま使えるGitHub上のCDNにのったJSホスティングサービスです。 jQueryのプラグインなどが豊富なのでGoogleなんかに乗っかっていない場合はこちらを使ってみるのもいいかも。 特にアクセスの多いサイトなどではこうしたJSの転送量もばかになりませんから、転送量節約のためにもよさそうです。 尚、欲しいものがあったらリクエストで追加してくれるそうです。 関連エントリ GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利
WanderWall ? A jQuery, CSS3 & HTML5 Hover-Based Interface | AddyOsmani.com | Where User Interface Ideas Grows jQueryとCSS3、HTML5でここまで出来るホバーインタフェース。 jQueryで様々なことが出来るようになっているのはご存知だと思うのですが、更にCSS3とHTML5も組み合わせるともっとすごいよ、という1つのデモです。 まだまだインタフェースは進化するのだな、という可能性を感じるものになっているので一回見ておいたらよいかも。 WanderWallのデモ とにかく実際にHTML5対応のブラウザで見てみもらうのが一番分かりやすいです 上のメニューにカーソルを合わせると画面がアニメーションしながらクールに切り替わります。 HTML5ブラウザがデフォルトになり、こうした技
PHP Excel Extension 0.8.6 - iBlog - Ilia Alshanetsky Excelの2007/2010バージョンも読み書きできるPHPエクステンションが公開されているっぽいです。 Extensionなので高速で動作し、さらに新しいバージョンのExcelも使えるということで試してみるとよいかも。 公開はGitHubにて行われています 関連エントリ PHPExcelを使ってPHPでExcelファイルを出力 PHPでExcel2007のファイルを扱えるクラスライブラリ「PHPExcel」 PHPからWord、Excel、PowerPointのドキュメントを生成するサンプル
まるで何かのOSに搭載されているようなブラウザベースの高機能ファイルマネージャ「elFinder」 2010年08月31日- elFinder - file manager for web まるで何かのOSに搭載されているようなブラウザベースの高機能ファイルマネージャ「elFinder」。 次のような左側にツリービュー、右側にファイル一覧のインタフェースをもち、ファイルはドラッグ&ドロップも出来たりするリッチなブラウザベースのファイルマネージャを実現できるオープンソースです。 フォルダはAjax形式で画面遷移せずに中身を表示することが出来ます。 ファイルのアップロードは勿論、フォルダや新規ファイルをその場で作るような機能もあります。 新規ファイルはその場で直接編集することだってできちゃいます。 ツールバーから色々な操作が可能です。 認証など、気をつけたい部分はありそうですが、ちょっと設置し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く