もっと早く知りたかった！フリーランスの効率を徹底的に上げるChrome拡張機能10選
生産性アップのツールって山ほどあるけど、それを探している時間がないんだよね…という忙しい人へ。フリーランスでなくても使ってみたい、Chrome拡張機能をお届け。 みなさんご存じの通り、フリーランサーは生産性にこだわり、時間をもっと有効活用できないかとさまざまな方法を常に模索しています。個人的には、生産性アップに役立つコツやヒントならどんどん教えて欲しいです。でも、作業の効率性を上げるカギは、実はブラウザーにこそあるということに気づいていましたか？ グーグルのChrome ウェブストアには、フリーランサーの役に立つ何万ものChromeの拡張機能があります。ただ、もし探したいものがなにかはっきり分かっていない場合、見つけ出すのは非常に難しくなります。 選択肢を絞る助けになることを願って、ワークフローを改善し生産性を上げたいと考えているフリーランサーのために、Chromeの拡張機能を10個に絞っ
Griddify, a Tiny Photoshop Panel for Guides and Grids
Griddify is tiny and fast. It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop. Watch the short tutorial to learn how it works: Download and Install (Photoshop CC) Download and install ZXPInstaller. It helps you install Griddify and other Adobe extensions easily. Download Griddify, unzip it, and install Griddify-CC.zxp using ZXPInstalle
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
Movable Type タグライブラリ for Dreamweaver 機能拡張を ver 1.0.0にアップデートしました 【 gabs.log｜おしゃべり好きなWEB制作者のたわごと 】
Movable Type タグライブラリ for Dreamweaver 機能拡張を ver 1.0.0にアップデートしました 以前の記事( Movable Type 5.0 対応、Dreamweaver機能拡張をベータ公開してみます )でご案内していた、コードビューでMovable Type 5.0のコードヒントを表示できるDreaweaver 機能拡張を 本日アップデートしました。 下記URLより、ダウンロードしてください。 Movable Type タグライブラリ for Dreamweaver 機能拡張(MT5対応版) http://download.d-s-b.jp/MovableType50_TagLibrary_v100.zip このバージョンより、「アンインストールの際、ファンクションタグに関するtaglibrary要素が削除されない」問題が解決されています。 既に導入いた
Dreamweaverの拡張機能まとめ
Dreamweaver用の拡張機能をまとめました。 便利なものばかりなので、ぜひお役立てください。 タグ挿入・文字列変換 コメントを生成して挿入するDreamweaver用拡張機能 <!– /#container –>などのコメントを簡単に挿入できます。 IDやClass名は自動で取得してくれます。 Adobe – Dreamweaver Productivity : Close Tags 閉じていないタグを閉じてくれます。 Adobe – : Adobe Dreamweaver 10周年セミナー：全角・半角変換拡張機能 全角の数字やカナを半角に直したり、その逆もできます。 携帯サイト作成にも便利ですね。 Zen-Coding DreamweaverでZen-codingが使えるようになります。 （CS3の方は、Zen Coding for Dreamweaver v0.5を選ぶといいかも
Top - FireMobileSimulator.org
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
常用中 Firefox 3 アドオンのまとめ
1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 アドオンはあんまり数多くインストールすると結構重くなるので注意してくださいね。その場合は、インストールしても、使うとき以外は無効にしておくなど工夫しましょう。メモリてんこ盛り PC ならあまり気にならないと思いますが。 今回は数が多いので大まかにグループ分けして紹介してみます。あと、特定のアドオンに依存しているものもありますので、その辺はまとめています。
モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ
こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【１】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行
Mozilla Re-Mix: きっと誰かの役に立つ４４個のFirefoxアドオン。
2008年もいよいよ残り半月ほどとなりました。 今年も多くの読者の方に支えられながら、ちょっといいなと思ったアドオンを記事にさせていただきましたが、Web上には他にも便利なアドオンがいくらでもあります。 今回は、一記事にするほど複雑なものではないけど、きっと誰かの役に立つと思われる紹介しきれなかったアドオン44個を、小ネタ集っぽくまとめてみました。 個々は簡単な説明になりますが、お気に入りのアドオンを見つけてください。 １．Redirector リダイレクト先を他のURLに置き換えることができるようになります。 ２．Web Slide Show ページ上の画像をスライドショー表示することができます。 設定により、スライド間隔や、画像サイズによるフィルタ指定なども可能。 ３．Window and Tab Limiter タブとウィンドウを開くことができる数に制限を設けることができます。 作者
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
Webデザイナーなら知っておきたいFirefoxアドオン | CREAMU
WebデザイナーでFirefoxをよく使っている。 そんなあなたにおすすめなのが、『22 Firefox 3 Plugins Web Designers Can’t Live Without』。Webデザイナーなら知っておきたいFirefoxアドオンだ。 以下にいくつかご紹介。 » iMacros for Firefox 6.0.7.2 繰り返し行う操作を記憶しておける » MeasureIt 0.3.8 サイトの要素のpxを測れるルーラ » Pencil 1.0.3 GUIのプロトタイプが作れるオープンソースのツール » FireShot 0.60 スクリーンショットが撮れるだけでなく、さっとテキストを追加したり、グラフィックの注意書きを追加できる » Window Resizer 1.0 ブラウザの解像度を変えてくれる。640×480, 800×600, 1024×768, 1280×
Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー
★重要★2008/11/15追加：公式サイトFireMobileSimulator.org開設にともない、この記事の更新はストップします。今後のアップデート情報は公式サイトで行いますのでよろしくお願いします。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリアの提供するシミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法は、それぞれに不足している機能があったり、またITに詳しくない人とかだと導入段階でつまづいてしまったりします。 そこで、もっと簡単にモバイルサイトをPCで見るために便利なツールを作成しました。 Firefoxを簡単に携帯シミュレータにできるアドオンです。モバイル端末のHTTPリクエストや絵文字表示をシミュレートすることができます。３ヶ月
Adobe - デベロッパーセンター : Dreamweaver CS3 拡張機能 for Movable Type 4.1 によるテンプレートカスタマイズについて
Dreamweaver CS3 拡張機能 for Movable Type 4.1 によるテンプレートカスタマイズについて はじめに ブログが注目されている理由は、以下に挙げられるように、ウェブにおける表現の自由が個人レベルまで高められた点にあります。 誰もがカンタンに投稿し即時にウェブ公開できる ウェブサイトの更新情報を RSS 技術により効率的に配信できる 検索エンジンとの親和性が高い Movable Type （ムーバブル・タイプ） は、シンプルでカスタマイズ性が高いと定評のあるブログ作成ソフトウェアです。図1のように投稿データと出力用のテンプレートを個別にデータベースへ格納し、公開のタイミングにデータベースより取得した投稿データとテンプレートを使い、XHTML とスタイルシートを自動生成します。 図1 これまで、Web 制作を自社で行わない企業などは、デザインの変更・ウェブコンテ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://bost.bostudio.co.jp/?p=1388
域名到期-域名续费提醒
Foxmarks is now Xmarks | Foxmarks