モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ
こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【１】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行
HTTPのGET/PUTリクエストを直接行えるHTTPテストツール「RestTest」:phpspot開発日誌
RestTest RESTTest allows you to construct custom HTTP requests to directly test requests against a server. HTTPのGET/PUTリクエストを直接行えるHTTPテストツール「RestTest」。 特定のＵＲＬに対してGETするのはブラウザのアドレスバーからも行うことが出来ますが、POSTしたり、ヘッダーを設定することは出来ません。 RestTest はFirefoxの拡張機能で、POST値を適当に調節したり、ヘッダーを独自に書き換えることが可能です。 ヘッダーは Headers 欄を適当に埋めればＯＫ。 POST/PUT dataの欄には、〜=〜 の形式で入力すればＯＫ WEB開発に活用できそうですね。
IEとFFで同時にCSSを確認しながら編集できるフリーソフト『CSSVista』
異なるブラウザのブラウザチェックをもっと簡単にしたい。 そんなあなたにおすすめなのが、『CSSVista』。IEとFFで同時にCSSを確認しながら編集できるフリーソフトだ。 What is it? CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. CSSVistaとは？ CSSVistaはweb制作者のためのWindowsアプリケーション。ライブにIEとFFのCSSを同時に編集できる。 とのことだ。 IEとFFといっても、バージョンにも対応している。IE4から6,NN4から8など、様々なブラウザ、バージョンに対応している。 ライブに、しかも異
[N] Gmailのツールとハックまとめ記事
Get more out of Gmail thirty different waysというエントリーより。 Techie love site MakeUseOf.com has come up with thirty different Gmail-related tools and hacks, from “seen that already” to “Oh. My. God.” Lifehackerで「Gmail Craze: 30 + Tools and Hacks for Gmail」というエントリーが紹介されていました。Gmailに関連したツールやハックがまとめられています。 Firefox機能拡張、Greaseamonkeyスクリプト、デスクトップアプリケーション、ウェブツール、Tipsとハックとしてそれぞれまとめられています。詳しくはリンク先のエントリーでご覧ください。 つ
![[N] Gmailのツールとハックまとめ記事](https://cdn-ak-scissors.b.st-hatena.com/image/square/4551a4c386239a8a918ba852f25cb4d77440b9fb/height=288;version=1;width=512/https%3A%2F%2Fnetaful.jp%2Fwp-content%2Fuploads%2F2021%2F03%2Fog-image.png)
Lifehackerがお薦めするFirefox機能拡張ベスト10 - ネタフル
LH Top 10: Must-have Firefox extensionsというエントリーより。 Over the past 2 years we’ve tried, loved and posted dozens of feature-adding extensions for our favorite web browser. But today we have the master, grand daddy list of 10 must-haves. Lifehackerがこれまでに紹介してきたFirefox機能拡張の中から、マストなベスト10をまとめています。 ネタフルでもFirefoxを便利に使いこなすための機能拡張集というエントリーを書いたことがあったのですが、これもそろそろ1年前なのですね‥‥。そのうち、アップデートしようと思います。 それでは「Lifehackerがお
Firefoxでウェブの画像やテキストをクリップする機能拡張「Clipmarks」 - ネタフル
Download of the Day: Clipmarks 2.0 (Firefox)というエントリーより。 Firefox only (for now): Clip, save, share and organize just about anything on a web page, including video, with Clipmarks 2.0. ウェブページの画像やテキストをクリップして保存することができる「Clipmarks」というFirefox機能拡張がありました。 ウェブを見てイメージしにくかったのですが、デモ動画がありました。 ああ、なるほど！ 画像、動画、テキストなど、ページ単位ではなくそれぞれのコンテンツ単位で保存し、さらにそれをウェブに投稿したり友だちに送ったりすることができるのだそうです。 手順もものすごく簡単そうで、ウェブページのクリッピングに良さそうだ
「今見ているサイトはどこにある？」がわかるFirefox拡張『Shazou』 | p o p * p o p
「このサイト、ちょっと怪しくない？」「このサイトってどこの国の人が作っているんだろう・・・？」 そんな疑問がわいたときに使えそうなFirefox拡張をご紹介。 「Shazou」と呼ばれるこの拡張を使えば、今見ているサイトのIPがどこにあるかをマッピングしてくれます。正確にはIPを保持しているプロバイダーの位置をマッピングしてくれているのでかなりざっくりですが、どこの国のどの地域か、ぐらいまではわかります。 » Shazou | Firefox Add-ons | Mozilla Corporation もちろんいくらでも位置をごまかせる方法はありますが、だいたいの目安として知るには良さそうですね。フィッシングサイト対策にも使えそうです。 下記、使い方をご紹介。 ↑ インストールするとブラウザの下に「Shazou」ボタンがあらわれます。調べたいサイトをみているときにこれをクリックします。 ↑
WebデザイナーのためのFirefoxエクステンション20個:phpspot開発日誌
20 FireFox Extensions That Every Web Designer Should Know About - CyberKnowledge Blog WebデザイナーのためのFirefoxエクステンション20個。 どれも便利なエクステンションばかりでまさに、Webデザイナー必須のエクステンションですね。 Web Developer Toolbar - 定番のエクステンション。CSSオフ、ブロック要素を枠で囲むなどデザインには必須のツール。 AspellFox - スペルチェッカー RankQuest SEO Toolbar - googleでのサイト順位を得る OperaView - Firefox上でOperaプレビュー IEView - Firefox上でIEプレビュー Total Validator - HTML Validator SEO for
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
