ドットインストール代表のライフハックブログ
現在Internet Explorerの強大なシェアに最も肉薄しているブラウザであるFirefoxですが、ご存知の通り様々なジャンルのアドオンが那由他に存在しています。 特にWeb制作者にとっては便利すぎて手放せないようなモノも数多く、その有用性はAdobe製品群とも並ぶほど。 そんなワケで今回のエントリーでは、素晴らしいアドオンの中でも、特にWeb制作に効果的なモノを選りすぐりしちゃってみました! 今回ご紹介するアドオンをフル装備すれば、恐らくそんじょそこらの有料開発ツールと同等以上のポテンシャルを秘めたWeb開発統合ツールが完成するんじゃなかろーかと。 ブラウザを思いのまま颯爽と操る後ろ姿、プライスレス☆ html/cssコーディング Codetch DreamWeaver風のWYSIWYGなHTMLエディタ機能を追加するアドオンです。 作成したHTMLをバリデートチェックする機能も搭
知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると良いのですが。 1. Firebug :: Add-ons for Firefox Firefox上でCSS、HTML、JavaScriptを編集したりデバッグすることができる。 2. Web Developer :: Add-ons for Firefox ツールバーにJavaやcookie、CSSの切り替えといったメニューを追加する。 3. ColorZilla :: Add-ons for Firefox カラーピッカーのアドオン。 4. Html Validator :: Add-ons for Firefox HTMLのバリデーション(検証)を行い、ステータスバーのアイコンに表示。 5. FireFTP :: Add-ons for Firefox FirefoxをFTPク
ウェブサイトの制作時によく使用するダミーテキストを手軽にコピーペーストできるFirefoxのアドオン「Dummy Lipsum」を紹介します。 Dummy Lipsum 機能はダミーテキストの生成、コピーだけですが、ウェブ制作者には嬉しいアドオンです。 ダミーテキストはLorem Ipsumのものです。 インターフェイスも非常にシンプルです。
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて19 Firefox Add-ons For Designersのタイトルのもと、Webデザイナ向けのFirefoxエクステンションを紹介している。Webデザインの作業をおこなうにあたり、複数のプログラムを起動して使うのではなく、1つのプログラムで複数の処理を簡単に行いたいという趣旨の内容になっている。紹介されているエクステンションは次のとおり。 カラーツール ColorSuckr (画像から代表的な色を12色取り出して、そのデータからカラースキーマを作成する) ColorZilla (ページのみならずブラウザの任意のポイントのカラーをピックアップするツール。任意の2点間の距離も測定できる) F
趣味から仕事の用途まで、広い活用方法を持つFirefox。豊富なアドオンを使うことで、さまざまな便利機能を付加できる。アドオンの組みあわせは自由自在、自分の使いやすいようにカスタマイズが可能だ。本稿では先日紹介された「Webデザイナ向けFirefoxエクステンション19」より、カラーツールとスクリーンショットツールに焦点をあて、とくに興味深い5つのアドオンの使い方を紹介しよう。 カラーツール ColorSuckr (配布元 / ダウンロード) ColorZilla (配布元 / ダウンロード) スクリーンショットツール Abduction! (配布元 / ダウンロード) Image Zoom (配布元 / ダウンロード) Screengrab (配布元 / ダウンロード) 紹介にあたり、ここでの動作環境は次のとおり。 OS … MacOS X 10.5.8 ブラウザ … Firefox 3
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
If you’re a blogger, journalist, or simply have a desire for more knowledge, you’ve most definitely faced information organization problems. Sometimes being able to access and find information quickly is crucial. Nowadays the web is enormous and it’s a big advantage to have a place where you can store all your bookmarks, pictures and links, access them anytime, anywhere and be able share them quic
35 Absolutely Useful Firefox Plugins For Web Designers And Developers Firefox is a very popular browser, especially among web designers. There are more than 70% of WDB’s readers are using Firefox. There are few reasons which make Firefox so popular compared to others and obviously, its plugins had contributed a lot for that. Today, we are going to look into 35 useful Firefox extensions for both we
Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど
はじめに JavaScript が書ければ、誰でも簡単に Firefox の拡張が書けてしまう。しかも、もれなく jQuery が付いて来る! というものを Mozilla Labs がリリースしたみたいですね。 https://jetpack.mozillalabs.com/ というわけで 少し触ってみました Jetpack Feature の書き方 Jetpack で書く Firefox 拡張を「Jetpack Feature」といいます。 これは、以下の 2 つのものを用意すれば誰でも簡単に公開することが出来ます。 JavaScript ファイル 公開用 HTML ファイル JavaScript ファイル JavaScript ファイルには、 Jetpack Feature のアプリケーションコードを書きます。 (function() { Jetpack.statusBar.appe
ウェブページのパフォーマンスを評価して、改善点を指摘してくれるFirefox/Firebugのアドオン「Page Speed」を紹介します。 Introducing Page Speed Page Speedを利用するにはFirefox/Firebugが必要で、下記ページからダウンロードできます。 Page Speed 使用方法は簡単で、「Page Speed」のタブをクリックし、「Analyze Performance」をクリックするだけで、表示されているページのパフォーマンスの評価が始まります。
先日Yahoo!ニュースがリニューアルを行ったそうです*1 今回のリニューアルでは快適に使うことができるようパフォーマンスを重視したリニューアルを行った、とありました。 で、思ったのがWebにおけるパフォーマンス向上のためにどういうことができるのか。 そして、実際に書籍にもあるような内容を実施するために何に気をつける必要があるのか、について改めて考えてみました。 そもそもWebにおけるパフォーマンスとは何か Webサイトにおけるパフォーマンスとはいったいなんなのでしょう。 個人的な考えですが、パフォーマンスとは大きく分けて クライアントからサーバ、サーバからクライアントまでの手続きの短さ*2 サーバにおける処理の軽さ なのではないかと考えています。 前者はとても分かりやすい部分だと思います。 ブラウザからとあるURLにアクセスがあったときにどれだけ速くページを表示させるか。 そして後者です
(X)HTMLの詳細な検証をするために「HTML-lint」を使うことがあります。 Firefoxのアドオン「Web Developer」を導入していると、以前の日本語バージョンでは「ツール」から「HTML-lint」を利用することができたのですが、最近のバージョンではあらかじめ設定されていないようです。 しかし、任意のサービスを自分で設定することができますので必要があれば次のように設定してください。 Web Developer Toolbar>ツール>ツールを編集する>Web Developerの設定>ツール>追加 概要 任意(HTML構文の検証 (HTML-lint:日本語)) ツールタイプ URL URL http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi?Stat=on&ViewSource=on&Method=URL&URL=
はじめに このたび、Firefox 3+Firebugについての連載を書かせていただきます、堀と申します。普段は仕事でJavaScriptやPHPを用いたフロントエンドの開発を行いながら、個人でRoppongi.JSという、JavaScriptのイベントの企画・主催をしております。 この連載では、Firefox 3のリリースに備えて、現在提供されているFirefox 3のベータ版とFirebugによるJavaScriptの開発手法について解説していきます。 第1回はFirefox 3ベータ版とFirebugのインストールから、Firebugによって、どのようなことが行えるようになるかについて簡単に概略を説明していきます。 Firebugとは FirebugとはHTML、CSS、JavaScriptのための開発ツールを提供するFirefoxアドオンです。このツールによって、あなたのJavaS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く