【厳選】本当に使える Google Chrome のショートカットキー17個まとめ。 | 和洋風◎ブラウザは速ければ速い程いいと思っている、するぷ ( @isloop )です。 そんなわけで、他ブラウザを圧倒的に凌ぐレンダリングスピードを持つChromeに惚れ惚れしているのですが、そんな、ただでさえ速いChromeで更に超効率的にブラウジングできる方法があります。 それは「本当に使える17個のショートカットキーを使い倒すこと」。 というわけで、今回は僕がChromeでブラウジングする際になくてはならないショートカットキーを厳選してまとめてみました!!
Controlキーを使いこなせばMacの作業効率は恐ろしく上がる! 覚えるべき7つのショートカットキー – 和洋風KAI
みなさんこんにちは！ショートカットキー大好き！するぷ（ @isloop ）です。 最近、スーパープログラマー@akio0911さんと一緒に作業させてもらってるんですが、ふと@akio0911さんのキーボード捌きを見るとなんか独特なので、「一体これはなにをしてるんですか!?」と聞いてみたところ、「Controlキーのショートカットキーを駆使して文字入力してるんです。これ覚えると便利ですよー」と。 試しにやってみたらこれは感動! むちゃくちゃサクサク文字入力がすすむじゃないっすか! というわけで、今回は@akio0911さんオススメのMacの作業効率を恐ろしくあげるControlキーを使った7つのショートカットキーをご紹介したいと思います! カーソルを上げ下げするControl ショートカットキー。 カーソル移動はカーソルキーを使うのが常識ですが、実は以下のショートカットキーを使っても移動でき
Mac - よく使う便利なショートカットキー5つを選んでみました。
記事を⬇の方まで読んでしまってから、⬆に戻りたい時が特に便利です。 Safari リーディングリストに追加 検索などしていて気になったサイトやリンクページを後で読むのに便利に使える『リーディングリスト』にページを追加するショートカットキーです。 僕は気になったページやリンクページは一度『リーディングリスト』に全部追加して、後で読みながら整理したりするので、このショートカットキーはすごい便利に使っています。 スティッキーズにコピー貼付け Webページなどを読んでいて、テキストをコピーしてメモしたい時に便利なショートカットキーです。 選択したテキストを一瞬でスティッキーズに貼付けてくれます。 ・通常の方法 『テキスト選択』➡『コピー』『スティッキーズ起動』➡『貼付け完了』 ・ショートカットキーなら 『テキスト選択』➡『ショートカットキーで貼付け完了』 スティッキーズが起動していなくても起動させ
きっとあなたも知らないPhotoshopのスゴイショートカット25 | kazumissimiweblog
先日、 Martin Perhiniakさんのエントリーを拝見して快く同じエントリーの日本語意訳版での紹介を承諾していただけたのでご紹介。 ここで紹介する25のPhotoshopショートカットは、あなたの作業のスピードアップに使えます。あまり知られていないものや、割と知られているもの。また、いくつかはPhotoshop CS5だけの機能のものもあります。このエントリーによって皆さんが新たに使えるショートカットを見つけることができたら幸いです。では、はじめましょう！ 1. ドラッグズーム (Drag-Zoom) (Windowsの場合) [Ctrl] + [Space] + クリックし、左･もしくは右にドラッグ (Macの場合) [Command] + [Space] + クリックし、左･もしくは右にドラッグ ショートカットでズームイン･ズームアウトを行うのに1番早いショートカットです。(た
ネットで学べ！無料でトップレベルの学習ができる６つの独学サイト
今回はウェブ上で学ぶことができる学習サイト・学習サービスを厳選してご紹介します。 全て無料で利用することができるので、興味のある講座があれば空いた時間に学んでみましょう！ 学習欲を刺激する良質な６つの独学サービス YouTube EDUで世界の講義を聴こう！ EDU - YouTube 「YouTube EDU」は大学講義などの動画を閲覧できるサービスです。 世界のトップレベルの講義・講座を聞くことができますよ！ 東京大学の講義ビデオ・ノートまとめ 東京大学 講義 UT OpenCourseWare あの東京大学の講義ビデオや講義ノートが公開されているので、東大に入学した気分で良質な講義を聞くことができます。 学科名・研究科名、講義名、先生の名前から検索できるのも便利。 京都大学の講義まとめ 京都大学OCWへようこそ 京都大学の講義を閲覧することができます。 世界の京大がやる講義はやっぱり
ウェブデザインにおけるテクスチャやパターンの使い方をしっかり学びたい人用のまとめ
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
コピペで使えるマークアップ済みダミーテキスト
現在、フリーランスとしてやってるんですが、そっちの屋号が「underHat」に変わったので、もしリンクとかしてくれてる方が居ましたら変更してもらえると幸いです。 屋号が変更になりました｜お知らせ｜underHat さて、今回はブログ記事のダミーエントリーとかに使えそうな、マークアップ済みダミーテキストです。 何気に今まで使ってたのが有ったんですが、メインPC逝ったりしてる内にどっかに消えてしまったので作り直したのを忘れないようにブログにアップです。 一応それなりに出てきそうな要素を使ってマークアップしております。 h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, a, q, blockquote, table, td, th, pre 辺りです。 ダミーテキストだけならジェネレータとか何か色んなサービス有るんですけど、イマイチ自由に使っていいの
コーディングする時のスライス方法とか - CSS HappyLife
珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい！ 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基本からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます！ Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは
9歳までに身に付けさせるべき25のマナー – Be Wise Be Happy Pouch [ポーチ]
「あのおばちゃんのお尻、大きいね！」などと大声で言ってみたり、人前で鼻をほじくったりと、子どもは自由な生き物である。多くの場合、何がマナーに反するか単に知らないだけで子ども自身に悪気はないのだ。 そのつど大人が導いてあげればよいのだが、どこまでしつけるべきか悩むこともあるかも知れない。リサーチコンサルタントのデイヴィッド・ロウリー氏が「好かれる子になるために9歳までに習得すべき25のマナー」を紹介しているのでご覧いただきたい。 1. 何か頼む時は「お願いします」 2. 何かもらったら「ありがとう」 3. よほど大事な用でない限り大人の会話を邪魔しない。 4. 会話に割って入る時は一言謝る。 5. よく分からないことは勝手にやらず大人に聞く。 6. あれが嫌だこれが嫌だと言わない。 7. 誉め言葉以外に他人の外見についてコメントしない。 8. 元気？と訊かれたら、答えた後に相手
描画モードを使ってカラフルに彩るファッショナブルな写真ビジュアル - MdN Design Interactive
まず、Photoshopの新規ファイル上に写真素材を配置し 1-1 、そのレイヤーを複製する。次に、複製したほうのレイヤーを選択して、“変形”→“光彩拡散...”フィルタを初期設定値で適用し、［不透明度：40％］に変更 1-2 。 1-1 1-2 続いて、レイヤーパネルで元の写真素材のレイヤーを選択して、なげなわツールで髪の毛の周りを大まかに囲み 2-1 、command＋Jキーで選択範囲内の画像を前面レイヤー複製する。このレイヤーを最前面に移動し、STEP1と同様に“光彩拡散...”フィルタを適用したら、［描画モード：スクリーン］に変更。ここで、不要部分は消しゴムツールで消しておく 2-2 。 2-1 2-2 その後、新規レイヤーを作成してブラシツールで髪の毛の部分を彩色したら 3-1 、レイヤーを［描画モード：オーバーレイ］に変更 3-2 。このレイヤーを複製して［描画モード：焼き込み
The Best Designs - The Best Flash and CSS Web Design
Web Designers Need a Great Wordpress Theme Builder I've been a part of the web design community for years, showcasing some of the best designed websites on the Internet and recognizing their talented designers. Even though the gallery was recently closed, this website has transitioned to showcasing my favorite Wordpress themes provider, Elegant Themes. I felt that this was the best way to utilize
Photoshop の初期設定のショートカットキー
Adobe Photoshop の使用中に、ショートカットキーを使用して生産性を高めることができます。 覚えておくべきクイックヒント: デスクトップの Photoshop でキーボードショートカットをカスタマイズできます。詳しくは、ショートカットキーのカスタマイズを参照してください。 ショートカットキーダイアログボックスで、ショートカットキーの表示、編集および要約を行うことができます。Photoshop で表示するには、編集／ショートカットキーを選択するか、次のショートカットキーを使用します。 Alt + Shift + Ctrl + K（Win） Option + Shift + Command + K（Mac） 新しい MacBook Pro モデルでは、キーボード上部のファンクションキーが Touch Bar に置き換えられています。これらのモデルのファンクションキーの使用方法につい
即戦力となるアナログ表現の技を押さえる - MdN Design Interactive
腕のいいデザイン事務所で修業しないと ふつうは身につかない知識と技と心得 10 即戦力となるアナログ表現の技を押さえる 解説： 高橋としゆき［Graphic Arts Unit］ url： www.graphicartsunit.com/ 使用ソフト: Photoshop CS3 かすれや汚れなどといった、アナログの演出がデザインで必要になる機会は多いはずだ。そうしたアナログ感の演出にはさまざまな方法があるが、基本的な手法はしっかり身につけておきたい。ここでは、デジタルだけでアナログ感を表現する方法を紹介しよう。 実際にプリントアウトして作業する時間や環境がない場合や、画材などを使ったアナログの作業を経ずに、もっと手軽にアナログ感を表現したいということもあるだろう。アナログ風の質感はPhotoshopのフィルタなどを駆使して表現することもできるので、そうした技を使った多彩なアナログ表現を覚
PhotoshopのレイヤースタイルをCSSで再現してリアルタイムに出力してくれるプラグインCSS Hat - WebDelog
2012/09/06追記： 現在 Windows版も対応されています。 fontのプロパティ各種にも対応されています。 詳しくは最新の記事にて確認して下さい。 最近はCSS3によってリッチなUIを作成できるようになりましたが、 Photoshopで作成されたデザインを元に CSSを作成するのはなかなか手間で、 PhotoshopでCSSを書き出せたら楽なのに… と思う方も多いのではないかと思います。 それを実現してくれたPhotoshopプラグインがあったので紹介します。 CSS Hat 先日このページを見つけて、 サイト内に設置してあるフォームにメールを送って そのまま何も無かったので忘れかけていたところ、 『CSS Hat is launching』 というメッセージが届いていて、 購入するためのリンクが届いていました。 30%オフの$19.90(通常は$29.99)で購入出来るとのこ
【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう
2014年8月17日 Photoshop, Webサイト制作, Webデザイン 「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その4 目標：実際の幅にあったサイトデザインが作れる・Photoshopの基本的なツールを使った装飾ができる 必要なもの：Adobe Photoshop 対象レベル：Photoshopの基本的なツールの使い方がわかる 事前知識は以下の記事でおさらい！ これからP
WEB屋にとって便利なジェネレーター色々！最近のオススメも、昔から使ってきた物もまとめてご紹介！ | バンクーバーのうぇぶ屋
WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ
上手な言い方、話し方で、あなたの印象を劇的に改善する１５の方法
言い方、話し方ひとつで、相手があなたに対して受ける印象はガラッとかわります。上手に話す人の言葉には説得力があり、また独特の温かみやポジティブな感情があるので、「聞いていて嫌にならない」ですよね。 一方、「伝わらない話し方」や「他人をイラッ！とさせてしまう物の言い方」などをすれば、信頼や納得を得ることは難しく、それが原因で仕事にも悪影響が出ることもあります。 では、あなたの印象を劇的に変化させるためには、どんな話し方や言い方をすれば良いのか？そこで今日は言葉であなたの印象を改善する、15のポイントについてお伝えします。 好印象を与える言い方・話し方１：相槌（あいづち）のうち方話し方に自信がない方は、まずは「他人の話し方」を参考にするべきです。他人の話し方には、多くの「学べるポイント」が隠されているんです。例えば、「この人のこの言い方は嫌だな…」と思ったら、「自分は気を付けよう」と思う事が大切
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TECH PROjin
新着記事
音楽を無料でダウンロードできる海外有名サイト５選