)
フレッシュなWordPressテーマ１００:phpspot開発日誌
Straight to the Source: 100 Fresh and Free WordPress Themes | WordPress News at WPMU.org フレッシュなWordPressテーマ１００。 この手のネタが最近多いような気がしますが、クオリティの高いものも多く含まれていたのでご紹介。 テーマが無尽蔵に現れて、世界中の人が機能拡張するという視点でこうしたオープンソースソフトウェアを作る際の設計にはWordPressは参考にしたいところですね 関連エントリ かなりいい感じのWordPressテーマ２０ シンプルなポートフォリオサイト構築用WordPressテーマ25 かなり美麗なフリーのWordPressテーマ60 動画ブログのためのハイクオリティWordPressテーマ２５
カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigation」:phpspot開発日誌
カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigation」 2011年03月31日- jQuery Flower Navigation | jQuery Plugins カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigation」。 何の変哲もない円形のボタン。 クリックすると円の内側から画像がワサッとアニメーションでメニューが現れます。 カーソルを合わせると止まります。 マークアップは次のように書かれています。 デモではクリックしても飛べませんが、aタグのhrefを指定してあげれば飛べるということが分かりますね。 <nav id="websites"> <ul> <li><a href="#"><img src="http://soma.urlich.ch/_media/internet/mdm_sma
)
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リボンを作成するチ
)
使い方簡単で見た目も綺麗なダイアログ実装jQueryプラグイン「Apprise」:phpspot開発日誌
Apprise - The attractive alert alternative for jQuery 使い方簡単で見た目も綺麗なダイアログ実装jQueryプラグイン「Apprise」 次のようなダイアログを apprise('Hello?', options); だけで実現できるようになります。 optionsに色々渡すことで様々にカスタマイズが可能。 confirm っぽくしたり 入力ボックスにしたり。 アニメーションで表示させたりも出来ます。 ダイアログは色々ありますが１つの選択肢として覚えておいてもよさそうです。 関連エントリ 超カッコいい確認ダイアログをjQueryで実装するチュートリアル jQueryを使って作るシンプルなモーダルダイアログ その場でポップアップするクールな確認ダイアログ実装用jQueryプラグイン「jConfirmAction」 効果音付きでアニメーション
)
PHPプロファイリングに役立つXHProfを色々便利にしてくれる「XHGui」:phpspot開発日誌
XHGui Improvements Analyzing site Performance (PDF注意) PHPプロファイリングに役立つXHProfを色々便利にしてくれる「XHGui」のご紹介。 知らない方の為に、まず、XHProfについて説明するとfacebookが作ったPHPのプロファイリングツールは、PHPアプリケーションの速度の遅い部分を探すのに便利なツールです。 プログラムのフローチャートを図にして重い部分を赤や黄色で表示してくれたりします。 テーブルでそれぞれの処理がどれだけ時間がかかったかを示してくれます。 但し、標準のXHProf の画面はなんとも味気ないものですし、１つのリクエストに対しての結果をただ表示するものでした。 XHGUI はXHProfのフォークで、 ・標準の画面をリッチにして、 ・グラフ等も付けてより分かりやすくしてくれる上に、 ・全てのリクエストの統計を
)
ページを下にスクロールするにつれ表示する「TOPへ」ボタン実装チュートリアル:phpspot開発日誌
Animated Scroll to Top ページを下にスクロールするにつれ表示する「TOPへ」ボタン実装チュートリアル。 ページの上の方にいる場合は必要ないかもしれないボタン。下に行くにつれ表示されることで上に戻れることが分かりやすく、上にいるときは邪魔にならないという使いやすいボタンが作れますね。 jQueryにて実装するチュートリアルとなっており、サンプルのダウンロードも出来るのでいざ実装する際に参考にできそう。 デモページ 最近WEBを巡回していると散見するUIですね。 関連エントリ 指定位置までスクロールするとヒントを表示させられる便利jQueryプラグイン「SlideNote」 スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 カッコ悪いスクロールバーとはオサラバできるjQueryプラグイン「jQuery vScroll」
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
)
かなりいい感じのWordPressテーマ２０:phpspot開発日誌
20 Beautiful Wordpress Themes | Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers かなりいい感じのWordPressテーマ２０。 次のようなセンスのいいテーマが２０種類もまとまったエントリのご紹介です。 テーマ選びの参考に。 関連エントリ シンプルなポートフォリオサイト構築用WordPressテーマ25 WordPressデフォルトテーマのTwentyTenから派生した12のテーマ かなり美麗なフリーのWordPressテーマ60 黒ベースのクールかつフリーなWordPressテーマ色々
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」:phpspot開発日誌
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 2011年04月11日- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 これ１つで出回ってるであろう殆どのツールチップは作れる気がします。しかも全てハイクオリティ。 フレームワークということで以下の点をカスタマイズ可能 ・スキン ・ツールチップの位置設定（左右上下など） ・コンテンツをAJAX読み込み ・ローディング画像のカスタマイズ ・コールバック機能(afterUpdate)、イベント(onHide, onShow) ・APIの提供 スクリーンショットを以下にサンプルとして掲載。 それぞれがセンスがよくてどれをつかってもよい気が
)
QRコードをピュアJSで作れるjQueryプラグイン「jQuery.qrcode」:phpspot開発日誌
jquery.qrcode - jquery plugin for a pure browser qrcode generation QRコードをピュアJSで作れるjQueryプラグイン「jQuery.qrcode」。 通常QRコードというとサーバ側で画像にして画像を送信するというのが一般的ですが、このプラグインはブラウザ上で描画するタイプです。 <div id="qrcode"></div> というマークアップがあったとして、次のようにすることでQRコードを埋め込みます。 jquery('#qrcode').qrcode("this plugin is great"); カメラ等で読み取れば、「this plugin is great」がテキストとして読み取れます。 canvasを使っているので、canvas対応ブラウザでしか動作しない点に注意。 関連エントリ リンクにカーソルを合わせる
iPhoneやAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組み色々:phpspot開発日誌
iPhoneやAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組み色々 2010年10月21日- HTML5/CSS3やJavaScript、Flashを使ってiPhoneやAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組みを色々と調査してみました。 スマートフォンアプリを作るのであれば効率的にクロスプラットフォーム上で動く物で作りたい、というのは開発者の誰もが思うことではないでしょうか？ そんな技術の現時点でのまとめ、更にHTML5によるモバイルアプリ作成のフレームワークについても軽くまとめてみました。 Titanium Mobile HTML5/CSS3やJavaScriptベース→Native並の速度のiPhoneアプリ変換。javascriptをベースとしてアプリ開発を行うスタイルを実現する仕組み naoyaさんの「Titani
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な
)
CSSスプライトでカッコイイボタンを作るチュートリアル:phpspot開発日誌
CSS Basics: How to Design & Code a Stylish Button CSSスプライトでカッコイイボタンを作るチュートリアル。 CSS3は使っていませんが、３つの画像を１枚にして、hover時、active時に変化するボタン作成の例です。 CSS3でいきたいところですが、CSS3非対応ブラウザにして、かつ、デザインもオーサリングツールで凝ったものにしたいというケースにおいて参考に出来ます。 デモページ マークアップ自体は次のように非常にシンプルに出来ます。 <a href="#" class="btn">Push the button</a> どうしてもクロスブラウザで動いてJSなしにCSSで行きたいって場合のシンプルでベストな方法ではないでしょうか。 関連エントリ ブラウザごとのCSS3プレフィクスを自動で付与できるWEBサイトツール「prefixMyCSS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
)
メニューに困ったら参考にできる40個のプラグインやスクリプト:phpspot開発日誌)
jQueryベースの画像スライダー３０まとめ:phpspot開発日誌)
かなりクールなPhotoshop用フリーUIキット-PSDファイル50個:phpspot開発日誌)
独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」:phpspot開発日誌)
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」:phpspot開発日誌)
HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」:phpspot開発日誌)
アイデアあふれるロゴデザイン４０:phpspot開発日誌