Chromeのマルチユーザーが、Webサイト開発に便利 - H2O blog
Chromeには、マルチユーザー機能が搭載されていて、複数のアカウントを紐付けて利用することができます。筆者はこの機能、うまく活用していなかったのですが、ふと、サイト制作でクライアントごとにユーザーを作ったら、非常に便利だったのでその方法を紹介しましょう。 Chromeユーザーの作り方 まずは、ユーザーの作り方です。Chromeを起動すると、右上にユーザー名が表示されているので、これをクリックします。 「ユーザーを管理」メニューをクリックして、「ユーザーを追加」をクリックしましょう。 ユーザー名とアイコンを入力したら完成です。右上のユーザー一覧から切り替えることができるようになります。 マルチユーザーでできる事 ユーザーを切り替えると、Chromeで行った設定をリセットすることができます。ブックマークも空っぽですし、Googleアカウントと紐付けることもできます。拡張機能もすべてなくなりま
コードスニペット管理ツール「GistBox」が良いね！とっても良いね！
コードのスニペット管理にSnippiを利用していたのですが、何故かTwitterアカウント連携ができなくなってしまい、こつこつ貯めていたコードが見られなくなってしまいました。 バックアップでNotefileに取ってあったため事なきは得たのですが、コードスニペット管理の方法としてはいかんせん使いにくい。 なんかいい方法あんめえかと思って探したところ、GitHubアカウントがあれば無料で使用できるスニペット管理ツールGistBoxが良さげだったので試してみたところ非常に快適でしたのでシェア。 参考：GistをメーラーのようなUIで管理する「GistBox」がいい感じ | REFLECTDESIGN メーラーのようなUI 使用はGistBoxでログインするか、Chromeアプリから。UIは一緒です。 私はChromeアプリを使用することにしました。 GistBox – Chrome ウェブストア
Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]
こんにちは。enjiです。 Web屋として７年程生き抜いているのですが、その中で「本当にこれは便利だ！もし、環境が変わっても、もう一度買ってしまう。」と断言できる道具やサービスをご紹介致します！ほんの少しでも、役に立つ情報があれば幸いです。 photo credit: Grafix Guru via photopin cc 書類を全てデータ化するScanSnap S1500 これはもう、絶対にに買うべき商品です。 紙をスキャンしてPDFや画像データに変換します。 今まで、どんどん溜まっていた紙の資料等が スキャンしてポイなので散らかっていた紙が無くなり、デスクを綺麗に保てます。 EverNoteやDropboxに自動で送る機能もあるので 大事な契約書、説明書、名刺などなんでもホイホイデータにしておけば いつでも確認できて便利です。 迷っているなら即、買いです。本の自炊もできますよ。 htt
![Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b792ceab25163d511322e761b62b3251283ef3a6/height=288;version=1;width=512/http%3A%2F%2Frentalhomepage.com%2Fwp-content%2Fuploads%2F2013%2F06%2Fmedium_322458462-e1373186659782.jpg)
「いいね！」100超え＆反響の大きかった無料ウェブサービス10選
本連載「ウェブサービスレビュー」がこのたび連載200回を迎えた。足掛け4年にわたり、メジャーなものからマイナーなものまで、さまざまなウェブサービスを紹介してきたことになる。本連載をきっかけに便利なウェブサービスにひとつでも巡り合っていただいていれば、筆者としても喜びに耐えない。 今回は、過去2年、直近およそ100回分の連載の中で取り上げたウェブサービスのうち、Facebookの「いいね！」が100を超えたサービスと、はてなブックマークやTwitterなどでの反響が大きかったサービス、合わせて10個の無料サービスを紹介する。いずれも便利さはお墨付きということで、見逃していたものがあればぜひチェックしてみてほしい。 ◇市販ソフト顔負けの画像編集サービス「Pixlr Editor」 「Pixlr Editor」は、Photoshopのクローンとでも言うべきインターフェースを備えた、多彩な機能を備
「調和のとれた色」だけを集めたカラーパレットが誰でも簡単に作成できる「Paletta」
「特に, とりあえずといって#ff0000赤や#00ff00緑などの極端な色を選びがちなプログラマーの皆さんに使っていただけるといいなぁと思います.」ということで、非常に秀逸で便利なカラーパレットがクリックするだけであっという間に完成するのがプログラマーのためのカラーパレットツール「Paletta」です。 Paletta - HSV Color palette for every Programmer http://paletta.mrk1869.com/ 使い方は極めて簡単、「この色がいいなぁー」と思ったカラーをクリックするだけ。 すると一発で非常にバランスのいいカラーパレットが完成 いろいろな色がどんどん作れます また、右上にある「Reset」をクリックすればカラーパレットはリセットされ、さらにカラーコード部分をクリックすればコードがコピーされます 一体どういう仕組みでカラーが選ばれて
シンプルで使いやすい！簡単に綺麗な配色パターンが作れる「ColourCode」：SwitchBox
「Colour Code」は、誰でも簡単にきれいな配色パターンが作れるWebサービス。色のコードも表示してくれるので、そのままデザインやプログラミングで使えて便利です。動きもサクサク軽快なので、使っていて楽しいです。 Colour Code 色を選ぶ 使い方はとっても簡単。画面上でマウスを動かすと位置に合わせて色が変わります。 ・マウスの上下 → 明るさ ・マウスの左右 → 色 に対応しているので、好きな色になるように調節しましょう。 気に入った色になったらクリックすればその色で保存できます。そのままどんどん追加して行けるので色の組み合わせを探すのも簡単。
任意のWebサイトの使用カラーを抽出する・「ColrGrabr」
ColrGrabrは、任意のWebサイトで使用されているカラーを抽出するツール。使う機会は少なそうだけど、時には便利な事もあるかも。ブックマークレットも用意されています。 ColrGrabr
Webサイトのスクリーンショットを撮って注釈をつけて共有できる・「Bounce」
BounceはWebサイトのスクショを撮って、任意の箇所に注釈をつけてシェア出来るツールです。Web上の相手に的確に場所を伝えるのに便利そうですね。 Bounce
ダミー画像を手軽に作成する・「PlaceIMG」
PlaceIMGはダミー画像生成サービスです。マウスでスライダーを動かしてサイズを決めたり、数値でサイズを指定、ダミー画像のカテゴリの指定、フィルターでセピアやモノクロ化なども出来ます。 PlaceIMG
【Mac】Mac買い替えたので、とりあえず入れたフリーソフトまとめ10個ほど - @kitano_ow 's blog
mac mini にしまして。 さて、メモ代わりに。 といっても、ChromeやらFirefoxやら、SkypeやらDropboxやら 開発環境系やアンチウイルス系はよけてのまとめです。 捗る系 1.Senebier Senebier Macでは、[command] + Tab だとアプリ単位の切り替えになるわけなんですが アプリによっては、複数ウィンドウ立ち上げた場合など これだとちょっと操作しづらい。 Senebierを使うと、そのウィンドウ単位の切り替えが、 「option」 + tab で実現できるので、助かっています。 2.XtraFinder XtraFinder Finderのタブ化ができたり、デュアルパネルだったり 右クリックの拡張だったり。便利です。 (捗る系は、OSからみそうで、アップデート時若干怖かったりはします。) 便利ツール系 3.Skitch Skitch 画像
Photoshopの作業効率をアップする便利すぎるエクステンションのまとめ
最後の一つだけ有料ですが、あとは全部無料の便利すぎるPhotoshopのエクステンションを紹介します。 ガイドや角丸の作成もレイヤー管理・パーツ管理も今まで以上に楽になるはず！ ガイド引きの効率アップ -GuideGuide 角丸の作成も修正も簡単にできる -Corner Editor PhotoshopのレイヤースタイルをCSS3にする -CSS3Ps レイヤー周りの機能を強化する -12 Pro Photoshop Time Savers 複数の画像で雑誌風のレイアウトを作成 -Tych Panel よく使うパーツを格納できる -Pixel Dropr ガイド引きの効率アップ -GuideGuide レイアウト用のグリッドを設計したり、エレメントの中心をだしたり、余白を確保するのに便利なエクステンション。 GuideGuide（無料） 対応バージョン Photoshop 2.0.3(f
グラデーション生成や角丸、ボックスシャドウをCSSで生成する際に使える「CSSmatic」:phpspot開発日誌
グラデーション生成や角丸、ボックスシャドウをCSSで生成する際に使える「CSSmatic」 2013年04月05日- The ultimate CSS tools for web designers | CSSmatic グラデーション生成や角丸、ボックスシャドウをCSSで生成する際に使える「CSSmatic」 ツールとしてのデザインや使い勝手もよくて便利に使えそうでしたのでご紹介 予め用意されたグラデーションなどからカスタマイズすることも可能。非常になめらかなグラデーションが簡単に作れます リアルタイムアップデートする角丸生成ツールも便利 こちらもリアルタイムに反映されて便利なボックスシャドウ生成 関連エントリ JavaScriptオフ、CSSをのみで動くツールチップライブラリ「hint.css」
WebデザイナーもGit使うといいよって話 | Cherry Pie Web
※この記事では「Webデザイナー」は、「ノンプログラマ」の意味で使っています。 psd、ai などの材料データの管理ではなく、サーバーにアップするファイルの管理の話です。 サルでもわかるといわれても、やっぱりわからない・・・ Web制作をやっている人は、少なからずバージョン管理システムの話を聞いたことがあると思います。 特にGit（ギット）っていうのは、内容まで知らなくても名前くらいは聞いたことがありますよね。 で、ネット上ではバージョン管理システムのメリットに関するブログ記事なんかもたくさんあって、変更履歴をたどれるとか、複数人で同じファイルを修正したりといった時のトラブルに対応できるとか、なんか便利そうだなーとは思っていたわけですが、ずーっと導入は見送ってきました。 その理由は・・・ 「Git入門」とか書いてある記事を読んでも導入方法が書いてあるだけで、実際に使うシチュエーションが思い
CSSファイルやJavaScriptファイルを閲覧した際に自動整形して表示するChromeエクステンション・PrettyPrint
ブラウザでCSSやJavaScriptのファイルを見たときにソースを自動整形して表示するChromeエクステンション・PrettyPrintのご紹介。地味に便利・・かも。 ブラウザでCSSやJSファイルを見たときにソースをインデントするエクステンションです。便利っちゃ便利かも。
mailto リンクに予め件名などを「文字化け」しないように入れる方法ですよ♪
ウェブページのリンクをクリックしてメーラーを起動、送信する方法をメモします。 基本的な型 <a href="mailto:mailto@example.com?subject=ここが件名&body=ここに本文">メールへのリンク</a> 実際に使うときはこんな問題にぶつかります。 以上、、、なのですが問題があります。 UTF-8 のページだと、文字化けします。 件名はともかく、本文は改行したい。 ではどうしましょうか？1つ目は以前解決した問題と同じです。これですね。 QR コードが文字化け・末尾切れします→解決できました♪ | oki2a24 つまり、全角日本語を URL エンコーディングすればよいのです。これを行うのに便利なサイトを挙げておきます。3つ目のページがよいです。半角英数はそのままなので、文字数が節約できます。 Web便利ツール/URLエンコード・デコードフォーム – TAG
こりゃ便利！ 紙に描いたラフをベクター化できる｢Inkling｣のガジェットに欠かせない2つの魅力
こりゃ便利！ 紙に描いたラフをベクター化できる｢Inkling｣のガジェットに欠かせない2つの魅力2013.02.20 22:00Sponsored そうこ Inkling＝わくわくガジェットだった！ 編集部がInklingのレビューをしようとしていたので、お願いお願い、ねぇお願いと頼んで、私が使わせてもらうことになりました。だって使ってみたかったんだもん...。 なぜギズライターの私がこんなにInklingを使ってみたかったか。それは、デザイナー業も別でやっているからです。 大学時代や卒業後はプリントデザインが多かったため、常にスケッチブックを持ち歩いていました。プレゼンやミーティングではスケッチブックを見ながら話をすることも。なんせ大学2年生の時はまだZipディスクを使っていた世代ですから、紙が身近な世代。 しかしウェブデザインへと移行する中、だんだんとスケッチブックを持ち歩くことも減
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
送別や結婚祝いに便利！ オンライン寄せ書きサイト「yosetti」 | ライフハッカー・ジャパン
psdファイルに含まれるフォントを教えてくれる『.psd fonts』 | 100SHIKI
ごりゅご.com