ファイル編集したら即ブラウザー再読込させる LiveReloadX を作った
Web 開発してると、ソースを編集して、ブラウザーをリロードして、という作業の繰り返しになりがちだ。ソースを編集したら、自動でブラウザーをリロードしてくれるような夢のツールがあれば便利そうだ。 この分野では CodeKit や LiveReload などが有名なんだけど、もれなく有料だったり GUI だったりする。そこで、LiveReload のオープンソースな部分を参考にしつつ、コマンドラインで使える LiveReloadX というものを作ってみた。 特長はこんなところ。 Node.js を使ってるので Windows/Mac/Linux 問わずに動かせる 開発環境のブラウザーだけでなくスマートフォンのブラウザーもリロードできる 無料 インストール方法 インストールは超簡単！ Node.js をインストールする。 コマンドラインで npm install -g livereloadx を
Firebug
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
Mozilla Japan - Firefox アドオン - Facebook Toolbar
Facebook Toolbar 1.4.5 開発元作者: Facebook , Briks Softwareダウンロード数週間ダウンロード数: 23カテゴリソーシャル＆コミュニケーション | 写真＆音楽＆動画 | 検索ツール共有この記事を Twitter へ投稿 (2) この記事をはてなブックマークへ追加 この記事を Delicious へ追加 この記事を livedoor クリップへ追加 この記事を Yahoo! ブックマークへ追加 ソーシャルネットワーキングサービス「Facebook」のサービスを Firefox へ統合します。サイト内検索、友達リストの表示、新着メッセージ・イベント・グループの通知、気になったコンテンツの共有、写真のアップロードなど、様々な機能をツールバーとサイドバーから直接利用できます。 対応バージョン Firefox 3.0 - 3.6.* 詳しい説明 Inte
はてなブックマークをSafariから快適に利用する機能拡張を開発しました。 - 5.1さらうどん
JavaScript, extention | | 先日、Safari5が正式リリースされて、試しに使っていたのだけど、とてつもなく秀逸でしばらくメインブラウザとして使っていました。爆速だし、UIは綺麗だし、拡張機能までサポートされて最強すぎる！唯一の不満点として、Safariでネットサーフィンすると、はてブへの登録やブコメの閲覧が非常に面倒だったので、拡張機能を自作してみた。近いうちに公式で配布されるような気もするけど・・・。 インストールHatena Bookmark for Safariこちらからどうぞ。 主な機能マウスオーバーでコメントを表示右下にページのブックマーク数が表示されます。ブコメが付いている場合、マウスオーバーでコメントビュアーが表示されます。 ちなみに、コメントビュアーのデザインについては、Firefox向けのHBカウンタという拡張のデザインを拝借させて頂きました。m
Awarepixel: BetterSource Safari Extension
BetterSource shows the document source in a new tab, with line numbers, and colour syntax highlighting. Shows the original source, as received from the web server. Shows the generated source. This is the source of the current document, after any alteration made by Safari or scripts. Download now! Version 1.1 Changelog 1.1 (18 Dec 2012) Line numbers are not included in the selection, except when “S
Cross-Browser CSS Gradient
The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browers. But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image. This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome. Also, check ou
Fluid – Turn any webpage into a real Mac App
Version 2.1. Just a svelte 6.3 MB download. Requires Mac OS 10.12 or later. Web applications like Gmail, Facebook, Campfire and Pandora are becoming more and more like desktop applications every day. Running each of these web apps in a separate tab in your browser can be a real pain. Fluid lets you create a Real Mac App (or "Fluid App") out of any website or web application, effectively turning yo
Adobeのブラウザ表示チェックサービスBrowserLabが凄い件 - よねのはてな
Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。 https://browserlab.adobe.com/index.html このサービスを使うと、以下のブラウザでの表示テストが可能です。 Windows XP Firefox 2.0（2.0.0.18） Firefox 3.0（3.0.13） Firefox 3.05（3.5.3） Internet Explorer 6.0（6.0.3790.3959） Internet Explorer 7.0（7.0.5730） Internet Explorer 8.0（8.0.6001.18702） Chrome 3.0（3.0.195.27） Mac OS X Safari 3.0（3.2.3） Safari 4.0（4.0.3） Firefox 2.0（2.0.0.18） Firefo
9 Most Common IE Bugs and How to Fix Them | Envato Tuts+
Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. 1. Centering a Layout Centering an element is probabl
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
Gmailを便利にするFirefox 3のアドオン厳選8つ
Firefox3にしてからGmailのアドオンを整理していたところで13 Gmail Extensions for Firefox 3のエントリを見て、知らなかったものを含め、使えそうなGmail拡張用アドオンがあったので13個の中から8つを選んでみました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Gmailを便利にしてくれるFirefox 3のアドオン8つ すべてFirefox 3.0.3で動作確認済みです。 場合によってはプラグインのダウンロードにMozzilaアカウントが必要になるものもあります。 【2008-10-03 追記】 小見出しに９つと書いたままにしていました、すみません。 理由は、GTD Inboxがうまく動作せずに途中で削除したからです。これはちょっと残念。 1. Be
Home - tombloo - GitHub
つまりTomblooは、いろいろなページから情報を取り出し、いろいろなサービスへポストできる、組み合わせ自由なハブなのです。 Tomblooは軽快に動作します。 たくさんのサービスに対応しているからといって、ブラウザが重くなったりはいたしません。 使ってみよう まずはインストール、その後にいくつかの基本的な使い方をみていきましょう。 インストールする 以下の拡張ファイルを右クリックし、 名前をつけてリンク先を保存 からダウンロードしてください。 tombloo.xpi ダウンロードされたファイルをFirefoxのウィンドウへドロップするとインストールがはじまります。 メモやメッセージをポストする はじめに、ひとことメモをTwitterにポストしてみましょう(もちろんTumblrでもWassrでもかまいません)。 まず、てきとうなページの何もないところを右クリックして… Share... －
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
Safari で使えるプラグイン - soundscape out
Safariは、とってもシンプルで、高速なブラウザです。 今後ますますスピードアップしていくようですが、主な機能にはあまり変化がありません。 そこで、機能を追加してくれるプラグインをリスト化してみました（個人的なインストールリストとしても有効ですし）。 まずは、プラグインの種類について簡単に書いておきます。 プラグインには、SIMBL と、InputManager の２タイプがあります。 SIMBL プラグインを使用するには、 SIMBL を、あらかじめインストールしておく必要があります。 SIMBL プラグインのインストール先は、 ~/Library/Application Support/SIMBL/Plugins そして、InputManager プラグインは、 /Library/InputManagers にインストールされます。 ほとんどのプラグインは、アンインストーラが用意され
Google x はてブ（Greasemonkey版）
ごむが作ったこれにフォントいじりを加えてはてブstyleにしたもの。Web版と同じだけど、遙かに高速です。 http://yagi.xrea.jp/2005/12/gb.user.js 関連 全てのサイトをはてブ化する はてブentryページから特定ユーザのコメントを消す 使ってもらうための敷居は高いかなぁ。全く難しくはないけど、IEしか使ってない人ならFirefox・Greasemonkey・このスクリプトと３つもインストールしなきゃいけない。見合うだけの便利さは得られるけど。 ryokoさん経由でこちらより。 UKSipなんか近いイメージでしょうか。あるいはHandSKKか。 ハードキーが5x6個あると、アルファベット26字+Shift+Space+Enter+BSが収まってしまうので、いっそQWERTYを搭載したくなる気もします。海外ならtreoとか、試作ながらこんなのまであるんです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
safariextensions.org - このウェブサイトは販売用です！ - safariextensions リソースおよび情報
http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs
@troynt's Twitter Script for Greasemonkey
サムライファクトリーのWebアクセス解析結果、XPが依然6割以上 
ashikunep.org