30 Useful Responsive Wordpress Themes 使えそうなレスポンシブ対応のWordPressテーマ３０。 レスポンシブなテーマ、どんどん出てきますがこの流れは当然といえば当然ですね 最初からレスポンシブ対応のテーマを選んでおくというのもスマートです、ということで選ぶ際の参考に。 今後もどんどん増えていきそう。 関連エントリ Pinterest風のWordPressテーマ集 フリーでレスポンシブなWordPressテーマ２８ レスポンシブ対応等済みのフレッシュ＆フリーなWordPressテーマ集 フリーのハイクオリティでレスポンシブなWordPressテーマ３０

WordPress iPad Swipe WordPress Plugins 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」。 プラグインをダウンロードして有効化するだけで、スワイプが有効になります。 iPadやiPhone向けのブログで使い勝手を向上させる用に覚えておいてもよさそうです。 左にスワイプすることで、次のエントリ、右にスワイプで前のエントリに移動することが出来ます。 設定ページではiPad以外でも有効にするかどうかの設定（デフォルトはiPadのみ）や、ポップアップでスワイプが効くことをメッセージ表示できるのですが、そのメッセージを指定できます。 ブログを、ページをめくる要領でページ送りが出来るというのはタッチパネル型のデバイスではなかなか使い勝手がよいみたいです。 関連エントリ iPhone/iPad用サイト作成時に使えるスワイプイ

WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログでも捌けるようにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressでのページ表示高速１５の方法。 体感速度をあげちゃう方法が色々と載ってましたので通常のWEBサイト作りにおいての常識も多く含みますが参考までにメモしてみました。 FirebugとYSlowを使ってページを最適化しよう W3 Total Cache を使おう WP Super Cache 等、静的にキャッシュしてそもそもDBアクセスをなくしちゃったりするプラグインを使おうという話 WP

50 Most Creative Free Wordpress Themes Of Year 2010 2010年の最もクリエイティブかつフリーなWordPressテーマ集５０というエントリのご紹介。 最もかどうかはさておき、多数の美しいテーマでフリーのものが集まっていますので参考にできそう。 WordPressな方は2011年から新しいデザインにしてみるのもよさそう。 2011年も多数のWordPressテーマが生まれそうですね。 関連エントリ かなり美麗なフリーのWordPressテーマ60 会社でも使えそうなWordPressテーマ２０ スモールビジネス向けのWordPressテーマ１０ iPhone等のモバイルデバイス向けWordPressテーマ色々

Job Board Software - JobAppr PHPで書かれたフリーのジョブボードアプリケーション「JobAppr」。 ジョブボードとは、ブログなんかに月額いくらで求人を載せるというようなものです。 求人側が仕事を登録するフォームが用意され、そこからPaypal決済までのインタフェースも提供されます。 仕事登録画面。3ステップで登録が可能。 仕事リスト表示。ＲＳＳを吐いてくれるので、ブログなんかに貼り付けるのも容易ですね ジョブボード的なものを１から作る前に、利用を検討してみてもよいかもしれません。

Twitter・mixi・facebook等の国内主要ソーシャル用ボタンを超カンタンに作れる「jQuery.socialbutton」 2010年11月05日- 2011/5/7: 本ライブラリに脆弱性がありましたので速やかにバージョンアップを実施して下さい。(詳細) Twitter/facebook/mixi/GREEのボタンを超カンタンに作れる jQuery.socialbutton プラグインを作ったよ Twitter・mixi・facebook等の国内主要ソーシャル用ボタンを超カンタンに作れる「jQuery.socialbutton」。 仕様について理解しなくても、このプラグインを読み込んでちょちょっと数行書くだけで実装出来てしまいます。 例えば、facebookなら、$('.facebook').socialbutton('facebook_like'); と１行書くだけ。 mi

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

CGMサイトで盛り上がってる感を出して成功に近づける方法まとめ CGMサイト等でどんなにシステムを作りこんでも人がいない、あるいは人がいない感が漂っているサイトだと利用見込みの訪問者も利用をためらってしまうかもしれません。 ということで、サイトがどれだけ盛り上がっているかを表す方法や、それをやることで盛り上がるかもしれない方法、で本等を読んで勉強したことを自分なりにまとめてみました。 当たり前のことも多いですが、サイト作り自体に集中していると当たり前のことに気づかないこともあり、あえて当たり前のことも入れてあります。 他にこんな方法もあるよという方がおられましたら教えてください:-) ログイン人数を表示 アカウント登録型のサイトの場合、ログイン人数が多い場合はそれだけで盛り上がってる感を出すことができますね。 携帯サイトなどでは端末IDがユニークで取得できるのでログインしていないユーザもカ

How to Mimic the iGoogle Interface | Nettuts iGoogle風のUIを比較的簡単に実現できる「iNettuts」。 iGoogle風のUIを作成するNettutsのチュートリアルとサンプルコードのダウンロードが可能です。 当然ドラッグ＆ドロップによる移動やソートも可能になってます。 自分で作るとかなり大変そうですが、こうしたものを使うことで誰でも簡単に実現できますね。 解説を読んでもなかなか勉強になりそうです。 関連エントリ Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 iGoogleみたいなインタフェースを作成するチュートリアル

YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」 2010年05月11日- jquery.mb.mediaEmbedder Matteo Bicocchi's Blog YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」が公開されています。 <div>要素の中にWIKI記法っぽく記述するだけで動画の埋込みが可能です。vimeo、Ustream、Youtube、Livestream、Flickrの他、mp3のようなオーディオファイルにも対応しています。 サンプルコードは以下で、動画のembedコードを取り出すことなく、動画閲覧用のURLを指定するだけで埋込みが完了します。 投稿されたURL等をプレビューしたい場合に、いちいちYo

fire2chDat :: Add-ons for Firefox 今開いているdat落ちした２ｃｈスレを右クリックで蘇生させます 2chのdat落ちしたスレを右クリックで即座に蘇生させられるFirefoxアドオン「fire2chDat」。 検索エンジンに引っかかって、有益そうなのに読みたいけど読めなかったという場合があったりしますが、右クリックで読めるようになるというのは便利かも。 「今開いているdatスレを蘇生させる」というメニューがあります。 復活できた場合、そのままスレを読めるので便利そうですね。

Google Translation PHP wrapper : CodeDiesel Google翻訳をPHPから使って翻訳できるクラスライブラリが公開されています。 Google AJAX Language API を使ったもので、JSONデータを返してくれるAPIを使って簡単に翻訳出来ます。 例えば、実際に翻訳をする場合は次のようにクラスを new して translate メソッドに翻訳したい文書と from, to の言語コードを入れればOK。 <?php require_once('googleTranslate.class.php'); $gt = new GoogleTranslateWrapper(); $test = "Bonjour de cette partie du monde"; echo $gt->translate($test, "en", "fr"); ペ

ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B

WordPress高速化やカスタマイズ・ハックに関するエントリやプラグインを色々まとめてみました。 WordPress自体の奥深さとシェアの高さによって、こうしたテクニック集が本当に充実しています。 テクニック集いろいろ 18 Useful Tricks To Speed Up WordPress & Boost Performance WordPress高速化のための１８のテクニック A better Wordpress tag cloud wordpressタグクラウドをよりよい見栄え＆高速化するスニペット Wordpress Tutorial: How To Display A User Welcome Message | Spyre Studios WordPressでウェルカムメッセージを作成するチュートリアル 9 Extremely Useful RSS Tricks and

エントリ元がリンク切れしています。Googleのキャッシュ等を参照してみてください 類似のエントリ：これは押したい！というボタンを作成するチュートリアル集 ボタン作りにもう手間はかからないPhotoshopのボタン素材１５０がまとまっています。 知っておけば、ちょっと凝ったようなボタンも一瞬で作れるのでデザインの効率を上げられるでしょう。 Glossy Button DifferentButtons Set Button.PSD Carbon Button リンク先は以下のエントリを参照してください。 150 Free PSD Buttons For Every Day Use | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net

Sexy Music Album Overlays Komodo Media これは楽しい！どんな画像もCDのアルバム風にできるCSSテクニック。 どんなサイズの画像も、次のようなジュエルケースに押し込んでしまえるCSSのテクニックです。 CSSが無い状態だと次のような殺風景な状態ですが、CSSとPNGのオーバーレイによって美しいジュエルケースに入った状態になってますね。 他にもスタイルが容易されていて、CDのディスク風にする例 同じようにレコード風にする例も紹介されています。 これはすばらしいですね。応用して、ゲームソフトのパッケージ風にしてみたり、色々できそうです。 関連エントリ CSSリストに関する5つのテクニック集 CSSとdivを使った画像先読みテクニック 便利なＣＳＳテクニック３０選 本の目次部分のようなリストをCSSでデザインするテクニック

これは絶対覚えておいた方がよいシルエットの素材集。 85サイトのフリーかつハイクオリティなシルエット素材集が物凄い勢いでまとまっています。 覚えておくと色々な場面で使えることは間違いなさそう。 人型だけじゃなくて、動物や昆虫・植物などそろってます。 リンク先は以下のＵＲＬから参照してください 85 Free High Quality Silhouette Sets | Graphics

SEO Knowledge ３大検索エンジンでの順位を一括検索できるツール提供サイト「SEO Knowledge」。 自サイトなどのURLを入力し、特定のワードを元に順位を一括してチェックできるツールが公開されています。 早速、javascriptist.net で試してみました。 解析するURLとキーワードを入力して「このサイトを解析」で解析します。 javascript や css といった指定のキーワードによって検索した順位の結果を一覧で表示できます。 javascriptist.net は、javascriptという検索ワードでは、Google で 31位、Yahooで34位、MSNで2位という情報が1回のアクセスで簡単に引き出せます。 また、キーワードごとの調査用ページも存在していて、たとえば、「php」というキーワードの場合、次のように、３つそれぞれの検索エンジンでの順位を比較

WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが１ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう？という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、