レスポンシブで軽量なLightBox実装「Rebox」:phpspot開発日誌
Rebox - jQuery or Zepto tiny small simple responsive lightbox レスポンシブで軽量なLightBox実装「Rebox」 画像のズームとギャラリー機能付きでレスポンシブなプラグインを選ぶ際の１選択肢として覚えておいてもよいかも。 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」
WEB開発者はインストール必須のChrome拡張「Pendule」:phpspot開発日誌
Chrome ウェブストア - Pendule WEB開発者はインストール必須のChrome拡張「Pendule」。 昔からあるChrome拡張ですが知らない間に色々と便利になっているようだったのでご紹介。 ４月からはたいている新入社員のWEBデベロッパーさんにもオススメ インストールすると以下のようなボタンが表示されますのでクリック。 まず、StyleSheetのタブではCSSを見れる、CSSがその場でリロードできたり、CSSをを無効にできます サイトで使われているカラーを１６進数で出してくれる機能もあります CSSビュー。折畳み可能で使いやすく見やすい Formsタブ。パスワードを表示したり、hiddenなフィールドのアイテムを表示したりできちゃいます。恥ずかしい！ Imagesのタブでは全部の画像を非表示にしたり、背景画像を非表示にしたり、altを全部表示したりといったことが可能 そ
縦に長〜いページを読むときに超使えるFireFox拡張「Book Text Mark」:phpspot開発日誌
Book Text Mark :: Firefox Add-ons Use context menu or Bookmarks menu to set mark lines within long pages. Navigate to marked pages and to the marked lines 縦に長〜いページを読むときに超使えるFireFox拡張「Book Text Mark」。 縦に長いページ(長いブログ記事など)を読んでいると、途中で読むのを休止したい場合があります。 そんな場合に使えるのが Book TextMark 。 インストール後、ページ内で右クリックして 「Book Text Mark」→「Set Book Text Mark」でブックマークできます。 他のページに移動しても、「右クリック」→「Book Text Mark」→「Book Text Marks」
JavaScriptで複雑なURLをパースできるライブラリ「parseUri」:phpspot開発日誌
parseUri 1.2: Split URLs in JavaScript I've just updated parseUri. If you haven't seen the older version (the last official release was v0.1), parseUri is a function which splits any well-formed URI into its parts, all of which are optional. JavaScriptで複雑なURLをパースできるライブラリ「parseUri」 「http://usr:pwd@www.test.com:81/dir/dir.2/index.htm?q1=0&&test1&test2=value#top」のようなURLを次のように分解することが出来ます。 複雑なURLもきちんと分
JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
Ajaxを使ってブラウザ上で動作するターミナル「AjaxTerm」:phpspot開発日誌
AjaxTerm - QWeb - Trac Ajaxterm is a web based terminal. It was totally inspired and works almost exactly like http://anyterm.org/ except it's much easier to install (see comparaison with anyterm below). Ajaxを使ってブラウザ上で動作するターミナル「AjaxTerm」。 ターミナル上ではタブ補完が出来たり、各種コマンドがそのままブラウザ上で動作してしまいます。 次のように色分けも可能です。 これは素晴らしいですね。 関連エントリ ブラウザ上で動作する端末、WebTTY PHPで出来たターミナルエミュレーター : PHPTerm
忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」:phpspot開発日誌
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」:phpspot開発日誌
Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」 2007年01月15日- Javascript Dataflow Architecture_(alpha) | MAYA Foundry Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」。 次の画像のように、出力部分と入力部分とを繋いでいくだけでマッシュアップが出来てしまうという代物。 例えば、Flickr等の写真を取ってくる部品があって、その出力部分をHTMLパーツの入力部分に指定することでFlickrの写真をHTMLで表示できるアプリケーションが作れます。 Plaggerをご存知の方は、視覚的なPlaggerというイメージで分かりやすいかと思います。 (左領域がビジュアル開発画面で、
CSSだけでフレームを作るテクニック:phpspot開発日誌
CSS Frames v2, full-height | 456 Berea Street Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS. CSSだけでフレームを作るテクニック。 通常、フレームというとframeタグを使って実現しますが、検索クローラーに対して不利などの理由から最近ではあまり見かけなくなってしまいました。 フレーム風のインタフェースをＣＳＳだけで実現するテクニック。 常にヘッダー、フッターのナビゲーションが固定されているのでフレームの使いやすさはそのままで、かつクリーンなHTMLによってフレームを実現でき
JavaScriptデバッグツール集:phpspot開発日誌
Ajax Digest // Javascript debuggers overview JavaScript debugging has some specifics in comparison with stand-alone applications. JavaScript programs usually rely on interaction with the loaded page's Document Object Model (DOM) so errors may be caused by wrong DOM usage in a technically correct script. JavaScriptデバッグツール集。 様々なJavaScriptデバッグツールが紹介されてます。 （Microsoft Script Debugger) IE上で動作するもの Micros
IPアドレスから国名や経緯度を得る方法:phpspot開発日誌
Using the Database - IP Address Lookup - Community Geotarget IP Addresses Project hostip.infoのAPIを使ってIPアドレスから国名を得ることが可能です。 ●次のURLにアクセスすれば自分の国が表示されます。 http://api.hostip.info/country.php 出力例） JP ●次のURLにGETでアクセスすると指定したipの国情報が得られます。 http://api.hostip.info/get_html.php?ip=12.215.42.19 出力例) Country: UNITED STATES (US) City: Sugar Grove, IL ●次のように position=true を付与すると経緯度を得ることも可能。 http://api.hostip.info/g
翻訳エンジンを提供する開発者向けWebサービス: WebserviceX.NET:phpspot開発日誌
窓の杜 - 【NEWS】12カ国語の相互翻訳が可能なフリーの翻訳ソフト「iTranslator for Java」 日本語、英語、イタリア語など12カ国語に対応しており、Webブラウザー機能を内蔵した翻訳ソフト「iTranslator for Java」v3.40isが、7日に公開された。Windows 98/Me/NT 4.0/2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 WebserviceX.NETというWebサービスを使った翻訳ソフトウェアが登場。 翻訳ソフト自体も勿論注目すべきなんですが、気になったのは翻訳用WEBサービス。 ついに翻訳のWebAPIも登場したか、という感じです。 翻訳API自体は、次の言語変換に対応しているようで、SOAPによる利用が可能です。 English to Chinese, English to French,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
