33 Fresh & High Quality Fonts For Your Next Designs PSDFan 次のデザインで使えるかもしれないフレッシュでハイクオリティなフォント33 フリーではないですが、個性的なフォントが多く紹介されていたのでご紹介。 関連エントリ Twitterで使われているフォント「Pico」 クリエイティブでユニークなフォント30 Web2.0っぽい30のフリーフォント集 フリーフォントがダウンロードできる60サイト
Davor Spasovski / Web Developer 画像を使った綺麗なタイマーが実装できるjQueryプラグイン「spriteTimer」。 次のような1枚の画像を使って簡単に綺麗なカウントダウン&カウントアップタイマーが実装できます。 タイマーを表示されるなら味気ないテキスト表示よりも画像で綺麗にやりたいですよね。 画像なので、画像編集ツールを使って簡単にフォントやデザインを替えられます。 元画像。これをjQueryでCSSスプライトを活用してタイマーにします。 残り1時間に設定したカウントダウンタイマー。ちゃんと時間表示になってますね。 カウントアップにも対応。スタート/ストップボタンによってタイマーの制御も出来ます。 地味に使いそうなので覚えておいてもよさそう。 関連エントリ 画像にぼかし効果を与えられるjQueryプラグイン「Image Blur」 色合いを選べるツール
カッコ悪いスクロールバーとはオサラバできるjQueryプラグイン「jQuery vScroll」 2010年10月28日- jQuery vScroll ? Simple animated vertical content scroller supporting varying heights HibboBlog カッコ悪いスクロールバーとはオサラバできるjQueryプラグイン「jQuery vScroll」 通常、divなんかにサイズを指定して、overflow:auto とかにすると次のようにスクロールバーがでますよね。 ただ、このスクロールバーはブラウザ依存でちょっとデザインにあわなかったりしてカッコ悪いという場合があります。 デモページ そこでこのプラグインを使えば、スクロールバーを消してしまうことが可能。 消しちゃうとコンテンツ見れないじゃん、という心配は不要で、ボタンをクリック
30 Delicious Food and Drink Website Designs | CreativeFan 食べ物やドリンクが食欲をそそるWEBデザイン集30。 食べ物屋さんなどのサイトを作る際に参考にできそうです。 Fundo Los Paltos C&C Coffee O’Reilly’s Pub Woki Tokee McDonald’s Wholesome Bakery 全部見る こういうのは写真がメインだったりしそうですが、写真とうまくデザインを組み合わせる部分で特に参考になりそうです。 関連エントリ クリエイティブなデザインのCSSサイト27 イカしたデザインのプログレスバーをCSS3で作成する例 黒ベースのクールなデザインいろいろ シンプルだけど、クールなデザインサイト集
SVG-edit ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄いです。 次のようなインタフェースで、Chromeだとサクサク動くSVGエディタがGoogle codeにてオープンソースでダウンロード可能です。 SVGでお手軽にお絵かきしたい場合や、SVGなお絵かきサイトなんかを作るのにも活用できそう 描画したグラフィックをSVGに変換した例。ツールバーからそのまま出力可能です。 次のようなXMLデータになります。 触ってみるだけでも価値がありそうです。 関連エントリ JavaScriptでFlashやSVGを使わない3Dアニメーション PHPでベクターグラフィックスを作成するためのチュートリアル テキストで描画されたSVGグラフィックス
ShineTime ? A Kick-Ass New jQuery & CSS3 Gallery With Animated Shine Effects 画像や枠などをキラッと超カッコよく光らせるエフェクトをjQueryで実装する例が公開されています。 透明と白のグラデーション画像を斜めにして画像や枠の上をアニメーションで横切らせるというシンプルな方法でFlashサイトのようなクールな演出を実現しています。 実際のデモを見てみましょう。 超クールですね。 チュートリアル形式になっているので横切らせる画像を替えたりしても面白いかも。 このエフェクトは使える気がします。 チュートリアルでは現在のところjQueryは使っていますがプラグインの形ではないのでコードを記述する必要がありますが、プラグインになったらより便利そうですね。 関連エントリ 画像の映り込みエフェクトを実現するJavaScrip
Simple Dropdown List Plugin - Examples シンプルだけど使えそうなドロップダウンメニュー実装jQueryプラグイン。 次のような見た目で、クリックするとアニメーションしながら開くドロップダウンを簡単に実装できます。 クリックでアニメーションしながら開きます。 タグ的には<ul><li>のリストでアイテムを定義しておいて、$.simpledropdown(element); で初期化できるようです。 デフォルトのデザインはちょっとカッコ悪いですが、CSSでデザインを直せばそれなりに使えそうですね <select>じゃなくて、独自デザインで作りたい場合にサクッと実装できそうなので覚えておいてもよいかも。 関連エントリ ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」 コンテンツがたっぷりつまって使
再生ボタン等も変更できちゃうYoutube操作jQueryプラグイン「jQuery Youtube P... 次の記事 ≫:シンプルだけど使えそうなドロップダウンメニュー実装jQueryプラグイ...
再生ボタン等も変更できちゃうYoutube操作jQueryプラグイン「jQuery Youtube Player」 2010年10月26日- jQuery Youtube Player 再生ボタン等も変更できちゃうYoutube操作jQueryプラグイン「jQuery Youtube Player」 このプラグインを使えば次のように、Youtubeの動画に独自の再生、動画送り、リピートボタン、ボリュームボタンの他、プレイリストを付けてリストから再生なんていうことができちゃいます。 YoutubeのコントロールはFlashの中にあるから無理と思っていましたがYoutubeのFlash側で対応したっぽいですね。(外部からJSでFlash内で公開された関数を操作してるようです) ↑プレイヤー下部のリストがプレイリスト。クリックで動画が切り替わります。 ↓現在再生中の秒数なんかも取れたりするようで
Practical Uses for PHP 5.3 Closures | Vance Lucas PHP5.3での実用的なクロージャのコード例。 PHP5.3ではクロージャが使えるわけですが、今まで使えなかったものが急に使えるようになったので、使ってない人も多そう。 まだPHP5.3以下の環境であったりもしますしね。なかなか興味深い使い方のコード例を解説しているページがあったのでご紹介。 メソッドの引数にクロージャで関数を引数として渡している例。 引数が関数になることで、呼び先のメソッドでより柔軟な処理が可能になりますね。 次は、コンフィグファイルにクロージャで関数を代入。より状況にあわせたダイナミックなコンフィグの使い分けができそう 次は、データのキャッシュの際に、キャッシュしたいデータを返す関数をキャッシュする関数の引数として渡すというもの。 コードの可読性とか構造とかこれでいいのか
Free Elegant Restaurant WordPress Themes | Blogger's Path お店なんかのブログを作る時に使えるかもしれないフリーのWordPressテーマ集。 量は多くはありませんがクオリティの高いテーマが色々掲載されていましたのでご紹介。 カフェっぽいデザイン こちらもカフェっぽいデザイン レストランで使えそう 寿司に限るかも 関連エントリ かなり美麗なフリーのWordPressテーマ60 スモールビジネス向けのWordPressテーマ10 iPhone等のモバイルデバイス向けWordPressテーマ色々 会社でも使えそうなWordPressテーマ20
iPhoneやAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組み色々 2010年10月21日- HTML5/CSS3やJavaScript、Flashを使ってiPhoneやAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組みを色々と調査してみました。 スマートフォンアプリを作るのであれば効率的にクロスプラットフォーム上で動く物で作りたい、というのは開発者の誰もが思うことではないでしょうか? そんな技術の現時点でのまとめ、更にHTML5によるモバイルアプリ作成のフレームワークについても軽くまとめてみました。 Titanium Mobile HTML5/CSS3やJavaScriptベース→Native並の速度のiPhoneアプリ変換。javascriptをベースとしてアプリ開発を行うスタイルを実現する仕組み naoyaさんの「Titani
50 Free CSS/(X)HTML Templates - Noupe Design Blog フリーの(X)HTML/CSSテンプレートが沢山まとまったエントリが沢山ありましたのでご紹介。 先日も似たようなものを紹介しましたが、本日も便利そうなエントリを発見しました。 HTML5 and CSS3 Ornare iPhone App StudioClick Darkness MYportfolio 全部見る こんなものをフリーで提供してくれる方々の仕事している姿を想像すると涙が出そうになります。 関連エントリ ハイセンスにデザインされたHTML/CSSテンプレート集 ほんとにフリー?というクオリティのXHTML/CSSテンプレート20 クールなデザイン満載のXHTML/CSSテンプレート40種 フリーのCSS/HTMLテンプレートいろいろ2010
Full Set Of Credit Card Icons By Graphicpeel 角丸でいい感じのクレジットカードアイコンセット35。 PNG形式で32x32の形式で配布されていてすぐに使うことができます。 主要クレジットカード会社のアイコンはもちろん、Google Checkout や amazon 決済、Paypalなどもあります。 こんないい感じのアイコンがあったら購買意欲向上にも貢献するんじゃないか? というふうにまで思ってしまうアイコンセットですね。 関連エントリ クレジットカードやPaypal、貨幣等のシンプルで綺麗なアイコンセット集 RSS、クレジットカード、国旗など便利なフリーアイコン集「fineicons」 オンラインショップ向けのクレジットカードアイコンいろいろ
IMGr :: jQuery Image Rounder IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」 $("imageElement").imgr(); と唱えるだけでクロスブラウザで画像の角を丸くすることが可能です。 $("imageElement").imgr( optoins ); でradiusやサイズ、色のカスタマイズが可能。 赤いボーダーで角丸の例 ボーダーを消した例 四方の角丸の操作も自由自在です。 IE 6, IE 7, IE 8, FF 3.6, Chrome 6.0, Safari 5.0, Opera 10.62 のブラウザ上でテストされているそうです。 関連エントリ CSSで角丸テクニック25 角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」 CSS3で影付き角丸グラデーション付きのボタンを作成す
PHP Image Resizer Class : Milaju PHPで画像のリサイズ等が簡単に行えるクラスが公開されています。 こうしたライブラリは同様のものが存在するのですが、便利そうなので公開。 次のように実装時に分かりやすいコードでかつ簡単にリサイズが可能です。リサイズだけではなく、クオリティやmaxサイズといったオプション指定も出来るようになってます。 require_once('class.imgsizer.php'); $imgSizer = new imgSizer(); $imgSizer->type = "width"; $imgSizer->max = 100; $imgSizer->quality = 8; $imgSizer->square = true; $imgSizer->prefix = "sml_"; $imgSizer->folder = "_siz
jQuery Mobile | jQuery Mobile jQuery Mobileのアルファ版がリリースされました。 ボタンやフォーム要素、リスト、UIなどのコンポーネント要素が最初から入っており、スマートフォン向けのスマートなサイト作成が簡単に、jQueryベースで実現できます。 iOSやAndroidの他主要なスマートフォンのOSで動くことが想定されており、クロスプラットフォームで動作するリッチなサイトを作りたい場合のフレームワークとしては大注目ではないでしょうか。 デモページではリッチなコンポーネントが多数確認できます。 JSフレームワークではjQueryがシェアを独占してしまった感がありますが、スマートフォン用サイトのフレームワークでもjQueryがシェアを握ってしまうのでしょうか。 関連エントリ これは注目のHTML5を使ったモバイルアプリケーション構築用フレームワーク「Se
Red5 recorder: open source video recorder. Add video to your site. WEBカメラの映像をブラウザ上で録画できるオープンソース「Red5 recorder」。 Flashプレイヤー9以上があれば他のプラグインは不要でカメラの内容をサーバに録画できるみたいです。 録画機能以外に、オーディオチャットの機能なんかもついてるそう。 FEはflashvarsのパラメーターをいじって殆どの挙動をコントロールすることもできるそうです。 残念なのは、サーバサイドのコードが提供されていない点で、サーバサイド部分は自分で実装するか、あるいは「Services」タブよりコンタクトして提供してもらう必要がある点。 とはいえ、690ユーロで約8万円なので、1から作ったり誰かに作ってもらうことを考えると比較的安価に導入できるかもしれません。 また、利用す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く