最近覚えた便利すぎておしっこちびるかと思ったPhotoshopの小技/ショートカット11こ | クリエイティブメモメモ
こんにちは。会社でWindow家でMacを使っているので、Phothoshopのコマンドキーの配置に未だに戸惑います。井畑です。 今回は最近知って、おしっこちびるかと思ったほど便利なPhotoshopのショートカットや小技を紹介します。 ショートカットは慣れるまでは大変ですが、一度覚えてしまえば、それ無しには作業できなくなるほど、便利なものです。使った事が無い人は是非積極的に使ってみてください:) 今回はPhotohospのショートカットを一から紹介〜というものではなく、実際に作業してみて便利だなーと思うものをチョイスした記事となっております。 もしかしたらかなりマニアックなところかもしれませんが、ひとつでも読んでくれた人に「うぉーその技知らなかった。便利やーん！」というものがあることを祈って… それではどうぞ！ 最近覚えて便利すぎておしっこちびるかと思ったPhotoshopの小技/ショー
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
Sketchを買ったら読んでおきたい！基本的なことからちょっとした小技、ショートカットまとめ | Goodpatch Blog
つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、Adobe製品に比べたら圧倒的に情報量が少ないSketch。Adobe製品と同じような機能やショートカットも多いですが、使いこなせるようになるまでは少し時間が掛かりそうです。Goodpatchでもマニュアルや記事を読みながら、隙間時間にSketchを触ってその機能を確かめています。というわけで今回は、Sketchの基本的な機能や、発見した小技、ショートカットなどをまとめてみました。 先日アップした「
MacBookを持ち運ぶためのかっこいいトートバッグ
はーい、そうらぼです。 先日、マイメンぽよし氏が「MacBookを持ち運ぶためのかっこいいバッグパック」というマカー男子をくすぐる記事を書いたのですが、取り上げられているバッグは全てリュックだったのです。 トートバッグ派のわたしは憤怒しました。激昂です。なので怒りのトートバックまとめを書きました。 一応、まとめの条件として 肩にかけれる Macbookを裸で入れれるフカフカゾーンがある おれ欲しい この三点を条件にしました。 INCASE Macバッグの大定番INCASE。 わたしの使用しているモデルはTERRA COLLECTION。 ペンホルダーやにMagicMouseピッタリのポケットなどMac様に作られている機能性は実に優れています。 このデザインは非常に好きなんですが、裏地の赤色がゴムなどに色移りしまくりでMagSafeやケーブルが真っ赤です。ガッデム。 INCASEはカメラバッ
短時間、高クオリティ！Appleデバイスのはめ込み画像が簡単に作れるMacアプリ「Promotee」 | Goodpatch Blog
このアプリを使うとできるのが下記のような画像です。 簡単に「Promotee」の使い方を説明します！ 使い方 使い方はとてもシンプルです！ 起動するとすぐにこの画面が開きます。 上のデバイス一覧からはめ込み画像を作りたいものを選択します。 矢印のところにはめ込みたい画像をドラッグ&ドロップ できました。 最後に保存先を指定して終了！ 簡単ですよね！ この手でiPhone4Sを握っているテンプレート以外にも iPhone5、iPad、Mac Book Air、Android（Nexus4, 7, 10）もあります！（全27種類） （下記画像参照） 斜めの画面にも対応されてる！ iPhoneやiPadが斜めになっているものもありますが、 ちゃんとはめ込み画像も斜めに加工されているのがすごいです！ はめ込む画像のサイズ、比率はiPhoneの2:3やiPadの3:4以外でも使用可能です。 （下の画
[Mac][OS X Lion]ファイルの移動、コピーが超絶便利に！！ドラッグ&ドロップ拡張Macアプリ「DragonDrop」がすごい
ドラッグ&ドロップ時にシェイクするだけ！ さて、こちらの「DragonDrop」は、ファイルをドラッグ&ドロップする際に一度シェイクするだけで、そのオブジェクトを保留してくれる、と言うもの。 そんなわけで、公式サイトからのテンション高めの説明動画をどうぞ。 私、上の動画に心を奪われて夜も寝られないほど興奮しましたので早速DL。 起動すると、「ログイン時起動」「メニューバー上へのアイコン表示」など簡単な環境設定画面が出てきますので適宜設定しましょう。 この「DragonDrop」が便利なのは、例えばこんな風に、たくさんのウィンドウが開いているために移動先のウィンドウが見当たらない！なんて言う時。 一度つかんだ物を目的のフォルダに格納しようと、Exposeやらを駆使して移動させていると思わぬ操作ミスで意図しないフォルダへ入れてしまったりすることが結構あるんですよね…。 こんなときは一度、移動さ
![[Mac][OS X Lion]ファイルの移動、コピーが超絶便利に！！ドラッグ&ドロップ拡張Macアプリ「DragonDrop」がすごい](https://cdn-ak-scissors.b.st-hatena.com/image/square/4486bcd2c84d6e5f83bc3021e73f2eb4be46ac54/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20120514-0334062.jpg)
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 ｜https://wp.yat-net.com/name
2012年 11月 21日 使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 カテゴリ： PCツール タグ：エディタ 最近流行ってるsublime textというエディタですが僕も試しに使って10分ぐらいでメインエディタにしてしまいました。なんせ使いやすいです。 個人的にショートカットで作業効率がガンガン上がっていくのが非常に嬉しいですね。ちょっとそのあたりを紹介したいなと思います。 1.sublime textとは 2.作業効率を上げる便利なショートカットキー 3.マウス操作との連携で入力を支援 4.カスタマイズで更に便利に！プラグインに関して 5.その他便利な機能 6.参考文献 7.追記 sublime textとは windows,mac,linuxで動作するエディタです。テキストの編集やコーディングを早くするショートカ
Credit Card Test Numbers and Paypal Test Accounts
2013年8月28日 Webサイト制作 オンラインショップで最も使われている決済方法がクレジットカード決済。しかし、過去にオンラインショップを制作したことのあるWeb屋さんは、決済時の動作テスト方法にとまどった事はありませんか？動作確認に自分のクレジットカードを使っていたという人が多いかと思います。私もそうやってテストしていました…が、実は各種メジャークレジットカードではオンライン決算時用のテスト番号があるのです！便利ですよね！ ↑私が10年以上利用している会計ソフト！ 以下のクレジットカード番号を使えば、実際に決済が完了した時と同じ動作をします。もちろんテスト番号なので実際に入金などはありません。有効期限は現在の年月より先のものならなんでもOKです。 広く使われているこのテスト番号ですが、対応していないサービスもあります。番号自体のチェックは「【PHP】クレジットカードチェックサンプル」
CS6対応、Photoshopのレイヤー周りの機能をもっと便利にする12のツール-Trevor Morris Scripts for CS6
Trevor Morris Scripts for CS6は以前紹介したツールのCS6対応版で、6/26にリリースしました。 以前の記事は「Photoshop CS5をもっと便利にする12のツール」です。 ツール全12種 [ad#ad-2] 以下、左上から順に。 Horizontal Spacing 選択したレイヤーを水平方向に均等の間隔に分配します。 Vertical Spacing 選択したレイヤーを垂直方向に均等の間隔に分配します。 Center layer 選択したレイヤーを水平・垂直の真ん中に配置します。 Rename Layers アクティブなレイヤー全てをリネームします。 Sort Layers アクティブなレイヤー全てをアルファベット順にソートします。 Find Layer レイヤーの名前を検索します。 Hide All Layers 全てのレイヤーを非表示にします。 Sh
Photoshopの便利なスクリプトや拡張機能のまとめ
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
Googleをもっと便利に使いこなす32の検索技と14のネタ
先日Evernoteを整理していたら、適当にメモされたGoogleの便利な検索機能がいくつもありましたので、今日はそれをまとめておこうと思います(暇なので)。あと小ネタもいくつかありましたので、ついでにそれもまとめちゃいます。こうして改めてまとめてみると「Googleってやっぱ便利だなー」と惚れ直しました。今日紹介する検索技などを使用して、皆さんももっと便利にgoogleを使いこなしちゃってください！ ちなみに左のアイキャッチは、2012年4月24日のgoogleTOPページです。4月24日はファスナーを現在の形に仕上げたギデオン・サンドバックさんの誕生日のため、googleのTOPページがこのユニークなロゴになったようです。 Googleの検索演算子15 link:指定したページの被リンクを表示 使い方：[link:http://www.google.co.jp/] 補足：対象ページに対
App Compatibility Table - RoaringApps
How fast is your computer? The RoaringApps compatibility table works best with a decent internet connection and reasonably-specced computer. Proceed to compatibility table If your computer is getting a little long in the tooth, or if you're on a mobile device, you might be better off with one of these alternative options to access the data: Search for specific applications on the home page Only sh
IEに「識別子、文字列または数がありません」って言われた人のためのチェックツールを作りました。 | Ginpen.com
がーっと作っちゃった後にIEで「識別子、文字列または数がありません」ってエラーになっちゃったときにご活用ください。 ちょんにょろチェッカー
チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか
フォームで利用するjQueryのスニペット コードをいくつか。どれも既出だと思う のでおさらいという事で。とはいえ、所詮 はスニペットですので実際に導入する際 は動作をしっかりと検証する事を強く 推奨します。 フォーム周りのjQueryスニペットです。自分用のメモも兼ねて。 フォーム関係は色々面倒なので参考にならない事もあるかと思います。「ふーん」程度にご覧頂くと丁度いいと思います。 Placeholder属性を、非対応ブラウザでは表示/非表示に 便利なHTML5のPlaceholder属性をオールドブラウザでは表示/非表示として対応します。 if(!$.support.placeholder) { var active = document.activeElement; $(':text').focus(function () { if ($(this).attr('placeholde
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gunosy for iPhone
http://fontview.info/
新着記事
IDEA * IDEA
Loading...