アイテムをタイル状に並べる新しいjQueryプラグイン「Freetile」:phpspot開発日誌
Yannis Chatzikonstantinou / Freetile.js アイテムをタイル状に並べる新しいjQueryプラグイン「Freetile」 LightBoxばりに流行ったこのレイアウトプラグインですが、新しいプラグインが出た模様。 プラグインは色々ありますがそれぞれ使い勝手が違ったりするので１つの選択肢として覚えておいてもよさそうですね 使い方は以下のように簡単で、オプションでアニメーションするかなどのシンプルなオプションが選べる模様です $('#container').freetile(); 関連エントリ 画像レイアウト関連で便利なjQueryプラグイン等まとめ
jQueryでRetinaディスプレイを判別して処理を変える方法｜BLACKFLAG
iPhoneなどApple製品に使われているRetinaディスプレイ。 従来のディスプレイよりも高解像度（1ピクセルの幅が78ミクロン）であることから Retinaディスプレイで画像を綺麗に表示するには、表示する倍のサイズで作成する必要があったり 特別な対処をする必要がでてきたりします。 そんなRetinaディスプレイに対して、jQuery（JavaScript）を使って判別し 個別に処理させる方法があったので紹介してみます。 ※webkitブラウザのみの対応です。 Retinaディスプレイかどうかを判別するプロパティは デバイス上で画像の1pxの単位を何pxとしてレンダリングしているかを見てくれる ————————————– window.devicePixelRatio ————————————– によって判別します。 Retinaディスプレイはここで取得する値が「2」になります。 こ
ツイッターのつぶやきをリアルタイム検索してサイトに表示できるjQueryプラグイン「liveTwitter」:phpspot開発日誌
elektronaut/jquery.livetwitter @ GitHub ツイッターのつぶやきをリアルタイム検索してサイトに表示できるjQueryプラグイン「liveTwitter」。 Twitter標準のつぶやきをリアルタイムで表示できるウィジェットがありますが、俺はみんなが使ってるデザインは嫌だぜ、という方はこうしたプラグインでちょっと見栄えを変えて表示することが出来ます。 JS単体で動くということで自分のサーバにもやさしい。 関連エントリ Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」 PHPフレームワークにTwitter,Facebook等の認証を速攻実装できる「Opauth」 綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテーマ「jQuery UI Bootstrap」 FacebookやTwit
[JS]ページ全体やコンテンツ（画像や動画）をフルスクリーンで表示するだけのシンプルなスクリプト -BigScreen
指定したエレメントをクリックすると、ページ全体をフルスクリーンで表示したり、画像や動画をフルスクリーンで表示するシンプルで超軽量（1KB）のスクリプトを紹介します。 BigScreen BigScreenの特徴 BigScreenのデモ BigScreenの使い方 BigScreenの特徴 BigScreenはページ全体やコンテンツをフルスクリーンで表示するシンプルで軽量（minified:1KB）のスクリプトです。 対応ブラウザ Chrome 15+ Firefox 10+ Safari 5.1+ 動画コンテンツの表示は下記もサポートします。 Safari 5.0 iOS 4.2+ BigScreenのデモ デモはサイトのタイトル（BigScreen）のテキストをはじめ、画像や動画などをクリックすると、フルスクリーンで表示します。 BigScreenのデモ：動画 動画は右下のボタンをクリ
Objective-Cで少しでも疎結合なプログラムを書くためのチェックポイント | TOKOROM BLOG
チェック1. なんでもかんでもヘッダーファイルでimportしていませんか？ 例えば、こんなコードを書いていませんか？ #import "OtherLibrary1.h" #import "OtherLibrary2.h" @interface Library @property (strong) OtherLibrary1* otherLibrary1; @property (strong) OtherLibrary2* otherLibrary2; @property (assign) BOOL flag; @end Libraryというクラスを作り、そこでOtherLibrary1とOtherLibrary2をpublicなpropertyとする場合、当然のごとくOtherLibrary1とOtherLibrary2のimportが必要なわけですが、なにも考えずにヘッダーファイルでO
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
PHP: The Right Way
ようこそ 時代遅れの情報がウェブ上にあふれている。そんな情報を見たPHP初心者は戸惑ってしまうだろう。そして、まずい手法やまずいコードが広まってしまう。 そんなのはもうやめよう。PHP: The Right Way は気軽に読めるクイックリファレンスだ。PHPの一般的なコーディング規約、 ウェブ上のよくできたチュートリアルへのリンク、そして現時点でのベストプラクティスだと執筆者が考えていることをまとめた。 大事なのは、 PHPを使うための正式なお作法など存在しない ってこと。 このサイトの狙いは、はじめて PHP を使うことになった開発者に、いろんなトピックを紹介すること。 経験豊富なプロの人にとっても、これまで深く考えることなく使ってきた内容について、新鮮な見方を伝えられるだろう。 このサイトは、決して「どのツールを使えばいいのか」を教えるものじゃない。 いくつかの選択肢を示して、それぞ
【プレゼント有】ツイッターアプリを作ろう – 第3回。誰でもわかるiPhone開発講座。 | AppBank
みなさま、こんにちは！拡張現実ライフの@akio0911と申します。※詳しいプロフィールはこちら。 ツイッターアプリを作ろう。誰でもわかるiPhone開発講座。第3回です。記事の最後にプレゼントを用意しています。お楽しみに！ 過去の記事はこちら → 【プレゼント有】ツイッターアプリを作ろう。誰でもわかるiPhone開発講座。第1回。 – AppBank → ツイッターアプリを作ろう – 第2回。誰でもわかるiPhone開発講座。 – AppBank 今回は、TwitterのAPIを使って取得したタイムライン情報を画面に表示するコードを追加します。 第3回の目次です。 statuses を複数のメソッドからアクセスできるようにする 取得したデータを statuses に格納する テーブルビューのセクション数を指定する テーブルビューの行数を指定する セルにつぶやきを表示する テーブルビューを
Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT
gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。 GoogleマップではJavaScriptのAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。 まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。 イベントも取れます。クリックやドラッグなど様々なイベントが使えます。 マーカーの追加も分かりやすいです。マーカーにイベントをつけるのも簡単。 HTMLコンテンツを表示するのも手軽です。 HTML5の位置情報取得にも対応しています。 住所を検索してジオコーディング。 ドローです。指定は大変ですが。 オーバーレイ表示です。 ルート検索です。二つの位置情報を渡すだけです。 ルート検索をさらにポイントごとに表示していくこともできます。 こちらは静的なマップ。画像として表示できます
PHPでもリアルタイムWeb。node.php·React MOONGIFT
node.jsの魅力はノンブロッキングシステムにあります。そんなnode.jsの魅力をPHPで実現するソフトウェアがReactです。 サンプルコードです。読み込むたびに数字が繰り上がります。 同時に二つのファイルをダウンロードするデモです。パラレルで処理されています。 サーバを実行しているところです。 読み込むと数値が繰り上がっていきます。 ReactではApacheなどを使うのではなく、独自のWebサーバを立ち上げて実行します。また、そのままPHPを使うというよりはReactのライブラリでラッピングしながら作っていく形になります。そのため専用の作法を覚える必要がありそうですが、使い慣れたPHPを使ってノンブロッキングシステムを実現できるというのは魅力的かも知れません。 ReactはPHP製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る node.
アニメ映画のようなロゴアニメーションを実現するjQueryアニメーションプラグイン「SuperScrollRama」:phpspot開発日誌
アニメ映画のようなロゴアニメーションを実現するjQueryアニメーションプラグイン「SuperScrollRama」 2012年05月30日- SUPERSCROLLORAMA アニメ映画のようなロゴアニメーションを実現するjQueryアニメーションプラグイン「SuperScrollRama」。 動きについてはサイトを見ていただくとよく分かります。 マークアップは至って普通の文字列なんですが、１個１個切り離してタイムラインアニメーションしちゃうということをやってます かなり細かいところまでアニメーション制御が可能で、そのままぺたりと使うもよし、動きにこだわってもよしな感じです 関連エントリ faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」 アニメーションするクールな円形メニューが実装できるjQueryプラグイン「MobilyB
コンテンツをフルスクリーン表示にする際に便利なJSライブラリ「screenfull.js」:phpspot開発日誌
screenfull.js demo コンテンツをフルスクリーン表示にする際に便利なJSライブラリ「screenfull.js」 FullScreen API のクロスブラウザで動作するラッパーライブラリです。 例えば、ページ内に画像や動画があったとしてクリックするとフルスクリーンで楽しめる、的な使い方ができます。 screenfull.request( $('#container')[0] ); のように、screenfull.requrest( element ) でフルスクリーンが開始されます。 フルスクリーン化 フルスクリーンした後のイベントハンドラなんかも設定できるみたい。 関連エントリ フルスクリーン背景がスライドショーになるCSS3サンプル フルスクリーンでぼかしがカッコいいHTML5ギャラリーを作るサンプル １見の価値あり！なフルスクリーンWEBサイトのまとめ
Git道場を開催してきた « stnard.jp
なんか師範ということで、課題とリベース・マージついてお話させていただきました。 もとよりコンセプトとして、「同じ型を繰り返し行うことで身につける」事を目的としていたので、「複数人でマージコンフリクトを解決してみる」ことと「複数人でリベースコンフリクトを解決してみる」ことを実習形式でやってもらいました。 ただ午前中は某氏への講義を中継されたり、@iwamatsu さんと視聴者からの質問に応えてみたりと、私的にはよくわからない道場でした。さらに、実習の途中からニコ生で喋ってみたりと、人生初体験が多かった日ですね。まあ楽しかったのですが、非常に疲れました。 参加者の方も、一人で使ってますとか、複数人だけど一人1プロジェクトとかが多いらしく、「複数人でわざとコンフリクトしやすい状況」での実習はかなりハードだったようで、最後のほうでは皆さんお疲れでした。ただ「手を動かすこと」をやってもらえたので開催
curl_multiでHTTP並行リクエストを行うサンプル
curl_multiはselectシステムコールを使って同時に複数のHTTPリクエストを行うことができます。マルチスレッドやらマルチプロセスを使っているわけではなく、原理はnode.jsなんかと近いI/O多重化で、一度に一つのことしかしていません。 PHPのcurlはlibcurlのAPIをほぼ踏襲しており、ちょっと取っつきにくいです。クラスでラッピングして、curl_close()などはデストラクタで呼ばれるように自動化すると、もう少しすっきりすると思います。 <?php /** * curl_multiでHTTP複数リクエストを並列実行するテンプレ * */ //タイムアウト時間を決めておく $TIMEOUT = 10; //10秒 /* * 1) 準備 * - curl_multiハンドラを用意 * - 各リクエストに対応するcurlハンドラを用意 * リクエスト分だけ必要 * *
Facebook 開発する際に抑えておきたいサイト | バシャログ。
カーネーション 終わっちゃいましたね～。ここ最近の朝ドラは良作続きなので、梅ちゃん先生 も期待大です。というわけで新年度も張り切っていきましょう！nakamura です！ 弊社でも増えている Facebook ページ・アプリの開発ですが、作業する際にいつもお世話になっているサイトを今回はまとめてみました。Facebook は仕様もコロコロ変わるし API もやたらたくさんあるので基本的なドキュメントは抑えておいた方が良いですよ～。 Facebook開発者 Facebook 公式の開発者向けサイトです。各種ドキュメントや自分が管理している Facebook アプリの管理画面などが見れます。 ちなみに僕がよく見るのはこの辺りでしょうか。 Graph API - 各種 API のドキュメント JavaScript SDK - JavaScript SDK のドキュメント PHP SDK Over
リアルタイムなデータビジュアライズ「graphene」:phpspot開発日誌
graphene D3.jsというJavaScript製ビジュアライズライブラリと、JavaScriptのMVCライブラリであるBackbone.jsをベースとして作られていてgithubでソースが公開されています。 Chromeなどのブラウザで見てみるとリアルタイムにグラフが流れているのが分かります。 デモを見るだけでも楽しいんですが、サイトの管理ツール等色々と応用が効きそうだなというところですね 今後もこうしてWEBサイトはどんどんリアルタイムに動いていく物になっていくんでしょうね 関連エントリ 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」
jQuery製。イフェクトが格好いいスライドライブラリ·jqFancyTransitions MOONGIFT
jqFancyTransitionsは画像の切り替わりが格好いいスライドライブラリです。 最近、Webサイトトップなどで画像をスライドで切り替えるサイトが増えています。そこで使ってみたいのがjqFancyTransitionsです。クールでいい感じのイフェクトが特徴です。 サンプル。切り替わりでスクリーンショットを撮っているので汚く見えてしまっているかも知れませんが…。 写真に切れ目が入って切り替わるのは格好いい。 デモ動画。各イフェクトの格好いい切り替わりをお楽しみください。 jqFancyTransitionsでは上下左右からの滑らかなイフェクトができます。対応ブラウザはIE6以上、Firefox2以上、Google Chrome3以上、Safari2以上、Opera9以上となっています。 jqFancyTransitionsはjQuery/JavaScript製、MIT Licens
これはすごいかも。iOS上で動くnode.js·nios MOONGIFT
niosはiOS上で動作するnode.jsです。 niosは何とiOS上でnode.jsをサーバとして動かしてしまおうというかなり野心的なプロジェクトになります。 起動しました。Startボタンを押します。 リッスンしています（error:8080）というのが気になりますが… Webブラウザからアクセスするとローディングが続いてコンテンツが返ってきません。 niosを停止するとサーバとの接続が切られるので、起動はしているようです。なかなか破壊力を秘めたツールに見えるので今後の開発が楽しみです。 niosはObjective-C製、iOS向けのオープンソース・ソフトウェア（BSD License）です。 MOONGIFTはこう見る 数年前からそれぞれのプログラミング言語持っていた壁のようなものがどんどん破壊されています。JavaScript、Ruby、Pythonといった言語がその中心にいま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneってアプリでこんな事まで出来るのかと話題に！【NAVERまとめ】
Microsoft – 長沢智治のブログ
