前ブラウザのブラウザハックまとめ「Browserhacks」:phpspot開発日誌
Browserhacks 前ブラウザのブラウザハックまとめ「Browserhacks」 Chrome,Firefox,IE,Opera,Safariのハックが1ページにまとまっていて便利。 CSSによるハック方法と、JavaScriptによるハック方法が網羅されてます。 ブックマークしておけばとりあえず使えそうなサイトですね 関連エントリ ブラウザ上でまるで美術館。3Dイメージギャラリーデモ ブラウザ上での音声再生に使えるシンプルプレイヤー「Audio5js」 ブラウザ上でZenCodingできるEmmetのサイト「Emmet.io」 PNG画像をブラウザにドラッグ＆ドロップすればPNGを無劣化圧縮してくれる「TinyPNG」 CSSスプライトをブラウザにD&Dで速攻作れる「Instant Sprite」 CSSのブラウザ対応状況が一発で分かる「BrowserSupport」
［ウェブサービスレビュー］特定ブラウザでの表示をオンラインでエミュレートできる「browserling」
内容：「browserling」は、特定のウェブページが指定したブラウザおよびバージョンでどのように表示されるかをエミュレートできるサービスだ。実際のブラウザ環境を用意することなく、各ブラウザおよびバージョンごとの表示をチェックすることができる。 「browserling」トップページ。URLを入力するフォームと、ブラウザおよびバージョンを選択するメニューで成り立っている。表示は英語だが問題なく使えるだろう 「browserling」は、特定のウェブページが指定したブラウザおよびバージョンでどのように表示されるかをエミュレートできるサービスだ。実際のブラウザ環境を用意することなく、各ブラウザおよびバージョンごとの表示をチェックすることができる。特別なプログラムをインストールする必要もない。 使い方は簡単で、ウェブページのURLをトップページのフォームに入力し、ブラウザおよびバージョンを選ん
様々なJavaScriptライブラリをコレクションしているWebサイト・JSDB.IO
様々なJSライブラリのまとめサイトのご紹介。主にクライアントサイドのJSライブラリを中心にコレクションしているみたいです。シンプルで探しやすかったのでメモ。 JSのコレクションサイト。サクサク動作して広告などの余計なコンテンツも無いので非常に探しやすい印象です。
開発者を悩ませるiframe内表示Webアプリ問題とは？｜【Tech総研】
フレーム内に小さなブラウザのようにWebページを表示してくれる「iframe」。特別な技術は必要ないのに、さまざまな問題に直面してしまうことが多く、開発者を悩ませます。今回はこの問題について解説します。 こんにちは、ミクシィの鈴木理恵子です。前回は身近なWebの世界でよく使われているiframeを、利用シーン別に分類してご紹介しました。ソーシャルアプリ型、ソーシャルプラグイン型、ブログパーツ型、ポータル型がありましたね。 iframeはまるで小さなブラウザであるかのように、フレーム内にWebページを表示してくれます。そのため、iframe内Webアプリは、通常のWebサイトとほぼ同じ開発方法で作成ができ、特別な技術は必要ありません。しかし、全く同じ開発方法で問題ないかというとそうでもなく、そのままだとさまざまな問題に直面してしまいます。特に「Cookieを利用したセッション管理ができない場
どのブラウザでアクセスしたかを検出できるWordPressプラグイン・PHP Browser Detection - かちびと.net
ブラウザを検出出来る、というWordPressプラグインのご紹介。紹介というか、メモです。まだ時間なくて触ってないので動作テストしていませんが、使いそうなので備忘録。 ブラウザの種類を検出して条件分岐させる事が出来るWPプラグインです。結構面倒な作業だったのでこれなら楽になるかも、と期待を込めて。まだ時間が取れなくて触ってないので、正常動作するかは分かりません。 PHPで検出して分岐可能にする、というもの。1つ2つなら自分でコード書きますけど、必要検出ブラウザの量が多いならプラグインに仕事してもらったほうが合理的かも。 is_firefox($version) 有効化すれば上記のような関数を使えるようになるみたい。 場合によっては無駄にCSSやJSを読み込む必要がなくなりそうですね。 PHP Browser Detection
ブラウザ上での音声再生に使えるシンプルプレイヤー「Audio5js」:phpspot開発日誌
Audio5js - The HTML Audio Compatibility Layer ブラウザ上での音声再生に使えるシンプルプレイヤー「Audio5js」 HTML5ベースですが、非対応ブラウザ用にFlashの音楽プレイヤーもついています コーデック判別機能もついていてブラウザに適したオーディオを選んで再生できるみたいです ちょっと音楽を流したい際の１つの選択肢として。 関連エントリ シンプルデザインがいい感じのHTML5オーディオプレイヤー「audio.js」 オーディオ機器のボリュームを上げる風インタフェースを作るCSS3＆jQueryサンプル レスポンシブ＆タッチフレンドリなWEBベースの音楽プレイヤー実装デモ
ブラウザ上でまるで美術館。3Dイメージギャラリーデモ:phpspot開発日誌
3D Image Gallery Room | Codrops ブラウザ上でまるで美術館。3Dイメージギャラリーデモ。 単なる画像ギャラリーではなく、周りの空間も再現したようなギャラリーが実現できています。 対応ブラウザでないと動作しませんが、将来的にはこうしたサイトも当たり前の物となっているのかも。 Safari等で見てみましょう 関連エントリ サムネイルがシャッフルされてクールなギャラリー実装「Photofy」 卓上に写真を置いたようなインタフェースのギャラリー作成用のjQueryプラグイン 動画ギャラリー用WordPressプラグイン10個
主要ブラウザのスピード対決・2013年冬！（Chrome 24、Firefox 18、IE 10、Opera 12.12） | ライフハッカー・ジャパン
TOP効率化ツール主要ブラウザのスピード対決・2013年冬！（Chrome 24、Firefox 18、IE 10、Opera 12.12） Windows 8ではInternet Explorerの最新版が搭載されました。新しいFirefoxはJavaScriptが高速化、メモリー使用量も改善しています。Chromeもスピードが向上しています。この記事では、主要ブラウザ最新版のスピード対決をお届けします！ 米Lifehackerではこれまでもブラウザのスピードテストを繰り返してきました。テスト方法にも磨きがかかっています。体感速度の手動計測、ハードコアなJavaScriptベンチマーク、さらにChromeのプレレンダリングや、Firefoxのタブのオンデマンド読み込みなど、特定機能にフォーカスしたテストも実施します。今回、すべてのテストはWindowsで行いました（これがSafariをテ
モバイルアプリ向けJavaScriptフレームワーク「Junior」、Backbone、Zeptoなどを採用し、ネイティブのルック＆フィールを持つ
Juniorは、Justin Martin氏が開発したフレームワーク。Martin氏は“My holiday project”としてJuniorを開発したとツイートしています。 Juniorの特徴は、モバイルに最適化したCSSトランジションによるスムーズな画像効果、zeptoやbackbone.jsなど多数のライブラリに依存していることなど。UIコンポーネントはRatchetを利用しているようで、モバイルネイティブのルック＆フィールを備えていると説明されてます。 modernizr、zepto、backboneなどに依存 Juniorが依存しているライブラリは以下。 modernizr（ブラウザごとに異なる実装を調べて、対応するコードを書きやすくする） zepto（jQuery互換のミニマルなライブラリ） zepto flickable（zeptoのタッチ対応プラグイン） lodash（U
[JS]ブラウザとそのバージョンだけでなくOSもデバイスもスクリーンサイズも判定し、CSSのセレクタで利用できる便利なスクリプト -CSS Browser Selector+
IE6/7/8/9, Firefox, Chrome, Safari, Operaは当たり前、Win, Mac, LinuxなどのOS、iPhone, Android, iPod, iPadなどのデバイス、スクリーンのサイズ、言語などを判定し、それらをCSSのセレクタで利用できるスタンドアローンのスクリプトを紹介します。 CSS Browser Selector+ CSS Browser Selector+の特徴 CSS Browser Selector+の使い方 CSS Browser Selector+の特徴 CSS Browser Selector+はハック無しで、さまざまなUAをCSSのセレクタで指定できるスクリプトです。ブラウザごとに異なるスタイルシートの適用、スマフォやタブレット用のレスポンシブなスタイルにも利用できます。 CSS Browser Selector+が判別するの
Webデザイナー・コーダー必見の神アプリ！MacでWindows IEなどのブラウザチェックが出来る「Sauce」が便利すぎてヤバイ
Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。 via: これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce | コリス Winを起動させるためのBoot CampもParallels Desktopも必要ない、と言うのがとても大きいですね:) アプリを起動したらアカウント登録画面を経てこの画面。アカウントは有料・無料があり、閲覧できるブラウザに制限などがかかります。 矢印の部分、Newボタンをクリック。 あとは見たいページのUR
【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO
IE6はﾀﾋぬDeath! こんばんは、クラスメソッドWebマスターの野中です。 今日はクリスマスですね、社内には独り身の負のオーラが満ちてます（既婚者が多いので残っている人は少ない）。 ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。 とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。 過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。 解決のきっかけ程度になれば良いと思いまとめています。 IEの現状 一般的なブラウザと先進的なブラウザに対する手法と考え方 ドキュメントタイプ：文書型定義 IE向け条件付きコメントで分岐処理
これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce
Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。
HTML5 開発者向け！「ブラウザ仕様確認ツール」をリリースしました。 - NTTドコモ開発者情報Blog
本日2回目のブログ更新となります！ 本日1回目のブログでもお伝えしていていましたが いよいよ開発者の皆様に向けた新規企画の発表です！ （タイトルでバレバレですが^^;） 本日、HTML5 開発者に向けた （スマートフォン）搭載ブラウザの仕様を確認するツール ※PCブラウザでも確認できます。 ブラウザ仕様確認ツールをリリースしました！！ URLはこちらです！↓ http://spec.nttdocomo.co.jp/spbss/ 上記のURLにブラウザでアクセスすると W3Cのカテゴリに基づいたHTML5の仕様を 搭載ブラウザで利用できるか判定をして OK or NGで結果を返します！ TOP画面はこんな感じで UAの情報を確認できるようにしています！ 今回は、判定項目数を約2600個用意しました！ あれこれ精査していくうちに開発者の皆様により多くの項目を見
登録不要ですぐにウェブ会議ができるサービス「meetingl.com」 | ライフハッカー・ジャパン
「meetingl.com」は複数人でウェブ会議がすぐに利用できるサービスです。ブラウザがあれば会議用のRoomを新規作成でき、そこに友人を招待すればOKです。登録も不要ですぐにウェブ会議が始められます。シンプルな作りでとても便利なサイトですよ。 実際に使ってみた様子は以下から。 まずmeetingl.comへアクセスしましょう。 まずはウェブ会議用の部屋を新しく作りましょう。適当な部屋の名前をつければ準備完了。 ウェブカメラのアクセスを許可すればこのようにウェブ会議室が作れました。既に自分がその部屋にログインしている状態です。「Invite」から招待用のURLを送ることができます。画面左下にある9桁のコードを共有すればOKです。ブラウザだけですぐに始められるので便利ですね。ぜひご活用ください。 meetingl.com （カメきち）
HTML5とCSS3のオンラインサンプルが良い感じ | Web活メモ帳
Web上で見て触れる、HTML5とCSS3のオンラインサンプルがすごく良かったのでご紹介。 HTML5 & CSS3 Tools and Tutorials パラメータを自由に触りながら、実際に動作している様子をリアルタイムにプレビューする事が可能です。 以下に使っている様子を載せてみます。 ↑設定した項目を選択します。 まずはBox Propertiesを試してみます。 ↑設定可能な項目が表示されます。 パラメータをグリグリいじれちゃいます。 ↑設定した内容はリアルタイムにプレビュー表示されました。 使用するコードと対応するブラウザも教えてくれます。 違うものも試してみましょう。 ↑Videoを設定している所です。 動画ファイルはURLを直接入力して設定します。 ↑プレビューです。 細かいブラウザのバージョンも教えてくれました。 他にも設定可能な項目はたくさんありました。 興味のある方は
実用レベルになってきたWebベースのプログラミングエディタ·Scripted MOONGIFT
Scriptedはnode.jsで作られたWebベースのプログラミングエディタです。 Webブラウザ上で開発できる環境が徐々に整いつつあります。ローカルとはまた違う魅力が提供できるでしょう。今回はその一つ、Scriptedを紹介します。 メイン画面です。左側に実行したディレクトリにあるファイル一覧、右側がエディタになります。 各プログラミング言語に対応したハイライター付きです。 TODOについては緑のアイコンが表示されます。 構文チェッカーもあります。 縦にスプリットもできます。 キーボードショートカットもあります。 ScriptedはWebブラウザ上で動作しますが、ファイルの保存にも対応しています。操作性はテキストエディタとして十分な機能があります。コーディングするエリアも可読性が高く、使いやすいです。 Scriptedはnode.js/JavaScript製のオープンソース・ソフトウェ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今風のWEBベースチャットを作れるオープンソースソフト「kandan」:phpspot開発日誌
IDEA * IDEA
非表示になっているパスワードをブラウザから簡単に確認する方法 : ライフハッカー［日本版］
