Chrome Developer Toolsの説明 - Qiita
ChromeのDeveloper Toolsの説明です 投稿時のバージョンは「45.0.2454.101 m」です 表示方法 Windows：F12 or Ctrl+Shift+I Mac：Command+Option+I または、右クリックして「要素を検証」を選択 画面の説明 ①虫眼鏡。要素をマウスで選択できる ②デバイスモード。UserAgentの偽装、スマホのエミュレーション、ネットワークのエミュレーションが可能 ③パネル。各機能の切り替え ④ドロワーの表示切り替え。Developer Toolsの下部にConsole、Search、Emulation、Renderingのウィンドウを表示・非表示 Escキーでも切り替え可能 ⑤設定ダイアログ ⑥Developer Toolsの表示位置切り替え ：セパレート ：ブラウザの右側 ：ブラウザの下側 各機能の説明 設定ダイアログ Gener
Trello上でガントチャート風にプロジェクトの進捗状況を表示してくれる「Elegantt for Trello」 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
日本でもユーザが増え始めているプロジェクトマネジメントツール「Trello」。このツールは、GTD（Getting Things Done）の生産性システムに合わせて使いやすかったり、直感的に使いやすいUIになっていることから、人気を博している。 このツールをさらに使いやすくしてくれそうなChromeエクステンションが登場した。Trelloのボード上にプロジェクトの進行状況をガントチャートのように表示してくれる「Elegantt for Trello」だ。 タスクカードにラベルとタスクの開始と終了の日程を設定すると、自動的にガントチャートが生成され、バーをクリックするとプロジェクトの進行状況が一覧で確認できるようになっている。 Trelloを使っている人にとってはもちろん朗報だが、この「Elegantt」はほかのツールとも連携していく予定のようだ。サイト上ではMailChimpやBuffe
MacからAndroidデバイスのスクリーンショットや画面の録画、apkファイルインストールなどが出来るアプリ「Android Tool for Mac」を使ってみた。
MacからAndroidやiOSデバイスのスクリーンショットや画面の録画、apkファイルインストールなどが出来るアプリ「Android Tool for Mac」がリリースされています。詳細は以下から。 Android Tool for MacはMorten Justさんが開発したMac用ユーティリティアプリで、YosemiteのQuickTime PlayerではiOSデバイスの画面録画が可能になりましたがAndroid Tool for Macは同様の機能がAndroidデバイスとMacで行えます。 Android Tool for Macは現在v1.2でリリース後 様々なデバイスや機能が追加されていっており、現在サポートされているOS X&Androidのバージョンと使用できる機能は以下の通りで、Androidの録画を行うにはOS X 10.9 MavericksとAndroid 4
Prott - Prototyping tool for Web iOS Android apps
Design awesome products, with your team. Maximize your team’s superpowers and keep everyone engaged - from first idea to pixel perfect.Get started now!Get started now!Get started now! HAVE FUN! Make your process as awesome as your product. Keep miscommunication, technology failures and folder chaos from spoiling the fun. Enjoy the process, with Prott! Get the best out of your team Within every tea
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
Sublime Text2の作業効率を加速させるパッケージ11個
こんにちは。 湿度で髪が跳ねまくっています。れこです。 今日は、何を思ったのか、 Sublime Text2でインストール可能なパッケージを全部見てみよう と思ってa~zまで全部のパッケージを見てみました。 その中で、 パッケージ名から「おっ」と思ったライブラリをインストールして、 独断と偏見で使えると思ったパッケージだけご紹介致します。 あまりに有名なEmmetやPackage Controlなどは除外して、 マイナー路線を集めたつもりですが、 全然マイナーじゃなかったらすみません。 では行きます。 Japanize まずは、パッケージと言って良いのか謎ですが、 Sublime Textのメニューを日本語化するパッケージです。 Sublime Textの日本語化に必要なファイルが揃っています。 READMEから少し引用すると、 同梱されている_.jpファイルを、 _ C:Usersユーザ
Sublime Text
Effortlessly Split Panes and Navigate Between Code With the new Tab Multi-Select functionality, tabs become first-class citizens in the interface. A simple modifier when performing actions will split the interface to show multiple tabs at once. Works with the side bar, tab bar, Goto Anything and more! What’s New Sublime Text 4 is packed with new features and enhancements, including: GPU Rendering
ローディング作成☆
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
ダミーテキストジェネレータ | Web制作小物ツール - dounokouno.com
文字 生成 選択 リセット オプション 文字の最後に「...」を付ける（「...」は文字数としてカウントしない） 基本 選択した種類のテキスト文字列を生成します。 文字数 入力した文字数の文字列を生成します。 用途 デザインやワイヤーフレーム等のダミーテキストとしてご利用ください。 文字数の指定は、お客様に「○○文字程度で原稿をください。」とお願いする際などの文章量の目安になるかと思います。
VIRB°
お客様のための新品のWebサイトがもうすぐ手に入ります。しかしまずはアカウントを作成し、色々なものを安全に保ちましょう。 コミットメントもクレジットカードも必要ありません。ご安心ください。約束いたします。
HTMLエンコードフォーム
HTMLエンコードフォーム エンコード前 タイプ： エンコード後 ※下記のように変換します。 変換前 変換後説明 <→<右大不等号 >>左大不等号 &&アンドマーク・アンパサンド ""ダブルクォート・引用符 空白文字・半角スペース HTMLエンコードフォーム URLエンコードフォーム Punycodeエンコードフォーム 文字数カウントフォーム 半角<->全角変換フォーム 特定文字列除去フォーム amazon商品画像ビューワー amazon商品情報ビューワー トラックバックテスト送信フォーム 楽天ジャンルID(genreId)検索 バリューコマースカテゴリ検索 キーワード組み合わせツール キーワード組み合わせ逆順化ツール CSV→テーブル変換フォーム kawama.jp トップへ
Chromeの「Developer Tool」の「Resources」的な機能をFirefoxで実現する「YSlow」 - mabots' blog
携帯サイトを表示するとパケット代がいくらかかるのだろう、、等の疑問に答えるために開いたページでどのような(外部の)画像やJSが呼び出されて、結果的にページを表示するのにどれくらいのサイズのデータを読み込んでいるのか計算・比較したい場合があります。 Chromeでは、Developer Toolから「Resource」にアクセスして、「Size」を指定すれば、当該ページでどれくらいのトラヒックが生まれるのか計測できます。 同様のことをFirefoxで実施するには「YSlow」が便利です。firebugの一部の機能として機能します。(Firebugのタブの一つになる) https://addons.mozilla.org/ja/firefox/addon/5369 http://developer.yahoo.com/yslow/ YSlow analyzes web pages and su
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Manage Your Team’s Projects From Anywhere | Trello
Smallpdf
Free prototyping tool for web & mobile apps - Justinmind
MockUPhone
Gridulator: Make pixel grids, lickety-split
Yahoo!Pipesの使い方（全モジュール解説）