m-handのブックマーク (467)

  • 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

    m-hand
    m-hand 2012/06/27
  • Webデザイナー(私)によるWeb制作のときに気をつけてることや制作フローとかいろいろ

    私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか?私はフリーランス仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違

    m-hand
    m-hand 2012/06/20
  • IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア -BrowseEmAll

    デスクトップ・スマートフォン・タブレットの主要なブラウザの古いバージョンから最新版までに対応した、クロスブラウザのチェックに使えるWindows用のソフトウェアを紹介します。 Cross browser testing -BrowseEmAll [ad#ad-2] BrowseEmAllのサポートブラウザ BrowseEmAllの主な特徴 BrowseEmAllの使い方 BrowseEmAllのダウンロード BrowseEmAllのサポートブラウザ デスクトップ 主要ブラウザの最新版に対応。 IE7-9 Firefox3.6-12 Chrome12, 16, 19 Safari4, 5, 5.1 Opera10, 11 スマートフォン・タブレット 横置き・縦置きに対応。 iPhone, iPhone4, iPad, iPad2, iPad3 シミュレーター Android2.2, 2.3,

    m-hand
    m-hand 2012/06/20
  • 見ているウェブページのカラーが気になったらすぐにチェック! -ColrGrabr

    ColrGrabr [ad#ad-2] ColrGrabrの使い方は簡単です。 「Enter URL here」にカラーをチェックしたいページのURLを入力し、「grab colors!」ボタンをクリックするだけで、カラーの抽出が始まります。

    m-hand
    m-hand 2012/06/20
  • [JS]スマートフォンのタッチイベントを取得する各スクリプトのまとめ(仕様比較)

    タッチイベントを取得する各スクリプトの対応イベント、スタンドアローンなのかjQueryが必要なのか、ファイルの容量など、仕様の比較をまじえて紹介します。 QUOjs イベント タッチ、タップ、ダブルタップ、ホールド、フィンガー、スワイプ、スワイプアップ、スワイプライト、スワイプダウン、スワイプレフト、ドラッグ 補足 jQueryとのコンフリクトを避けるため、「$$」を使用。 対応予定(2フィンガータップ、ロウテイト、ピンチアウト、ピンチ) 仕様 スタンドアローン ファイルサイズ Minified: 13KB Hammer.js イベント タップ、ダブルタップ、ホールド、ドラッグ、ピンチ 補足 タッチジェスチャだけにフォーカスしたスクリプト。 仕様 スタンドアローン jQueryのプラグインも有り ファイルサイズ Minified: 2KB [ad#ad-2] jGestures イベント

    m-hand
    m-hand 2012/06/20
  • [JS]IE6/7/8でアクセスしたユーザーに新しいブラウザのインストールを促すスクリプト -IE Alert js

    ユーザーがIE6/7/8でアクセスした際、IE9へのバージョンアップや他のモダンブラウザのインストールを促すjQueryのプラグインを紹介します。 IE Alert js [ad#ad-2] IE Alert jsのデモ IE Alert jsの使い方 IE Alert jsのデモ デモはIE6/7/8でご覧ください。 IE9、Firefox, Chrome, Safari, Operaでは、下記のように通常通りに表示されるだけです。 デモページ:IE7で表示 [ad#ad-2] IE Alert jsの使い方 使い方は簡単で、2ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 iealertフォルダ内にスタイルシート、および必要な画像が入っています。 <link rel="stylesheet" type=

    m-hand
    m-hand 2012/06/20
  • レトロ風の色合いが素敵なPhotoshop用のグラデーション素材 -Titi Montoya

    手持ちの写真にオーバーレイさせたくなる、レトロ風のグラデーション素材を紹介します。 Sweet Roll Hinge Candy Yum [ad#ad-2] Fanrush Blown Off Nex

    m-hand
    m-hand 2012/06/20
  • 怒りのメカニズムを知り、相手をキレさせない方法 - ライフハックブログKo's Style

    あなたの周りには、 「あの人はキレやすい」 と感じる人がいますか? もしかしたら、奥さんにそう感じている人も多いかもしれませんね(笑)。 しかし、もしあなた次第でそれを変えることができたとしたら、どうでしょう? 以下の怒りのメカニズムを知ることで、相手がキレることを防ぐことができそうです。 1. 相手のコアビリーフを裏切らない 人は、怒りを感じるまでに (1)出来事との遭遇 (2)出来事の意味づけ (3)怒りの発生 の3段階を踏みます。 以前以下の記事でも紹介しました。 ストレスの原因となる6つの『心のゆがみ』 特に(2) が重要で、遭遇した出来事に対して、自分が「こうであるべき」と信じていること(=コアビリーフ)を裏切っていないかを基準に意味づけをするのだそうです。 例えば、「取引先には10分前に到着するべき」というコアビリーフを持つ人は、部下が5分前に到着しても腹が立つでしょう。しかし

    m-hand
    m-hand 2012/06/11
  • フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 |https://wp.yat-net.com/name

    2012年 04月 20日 フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 カテゴリ: フリー素材 タグ:イラストフリー素材まとめ作成支援ツール 会社内の資料を作成する際やブログを書く際にイラストが欲しい!と思うことは多々あるんですが、ひとつひとつイラストを書いてると膨大な時間が掛かってしまいあまり現実的では無いかなと思います。 なので、ちょっとフリー素材として使えるイラストを公開してくれているサイトをご紹介すると共に、シェアさせて頂こうと思います。 こういったものをフリーで公開していただけるのは非常に有難く頭が上がりませんね。尚、商用利用可能で、著作権表記が出来るだけ不要のものをご紹介させて頂きますがWeb上で公開したりする際は念の為、各サイトのポリシーや利用規約をご確認下さい。

    フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 |https://wp.yat-net.com/name
    m-hand
    m-hand 2012/06/07
  • 暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

    2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、当にありがとうございました。

    m-hand
    m-hand 2012/06/07
  • html5-memo.com

    html5-memo.com
    m-hand
    m-hand 2012/06/07
  • これはお役立ち!リンク先のfaviconをリンクアイコンとして表示させる方法! | バンクーバーのうぇぶ屋

    よくリンクにアイコンを付けることってありますよね?アレをリンク先のfaviconを自動で表示させることってできればって思ったことってないっすか? そんなWEB屋なら一度は(?)考えたことのあるfaviconのアイコン化がこんな感じで実装できることをつい先日知ることになり、びっくり感動してしまったので是非ご紹介させて頂ければこれ幸いです! 元記事はこちら! Favicons Next To External Links | CSS-Tricks これ実装すると、つまり下のような感じになるわけっすね! これ、何をしてるのか気になって見てみたら、そもそもgetFaviconっていうサービスがあるらしいことをしりました。これはリンク先のURLをパラメーターとして渡すと、リンク先の<link>情報みて、faviconのURL引っ張ってくるって仕組みらしいですね。 http://g.etfv.co/h

    これはお役立ち!リンク先のfaviconをリンクアイコンとして表示させる方法! | バンクーバーのうぇぶ屋
    m-hand
    m-hand 2012/06/06
  • Webディレクターのホンネ…。 / Maka-Veli .com

    代理店さんから言われるコトバ そりゃそうですけど・・・ それって値切り交渉ですよね。できれば金額の事はこちらの希望を言わせてください…。 こういった値切りの手法、巧妙に仕掛けてこられる代理店さん、いらっしゃいますが、 皆さんはどうされていますか? こちらからお断りさせていただく事もあるのではないでしょうか。 この修正の意味、期待できる効果を検討すべきですよね。 もちろん鶴の一声はよくある事ですが、 結果的に再修正、二度手間、目的失敗、色んな懸念があります。 ここは、小さい内容でも、交渉・検討させてください。 言われてねぇっ(笑) 激務な人だったり、あまり制作に関わらない人がこういう事言う場合が多い気します。 こちらから言質とっとくのが良いですね。 これを避ける為に仕様書などはしっかり残しておいた方が良いです。 資料はお客さんの為だけでなく、我々の為になりますよね。

    m-hand
    m-hand 2012/06/06
  • 黄金比を取り入れたグリッドレイアウトのWebデザインを構築する為のテンプレートやアクションなどの補助キット・The Golden Grid

    黄金比を取り入れたグリッドレイアウト のWebデザインを作る際のPhotoshopや Fireworks用テンプレや、PSアクション などがセットになったデザインキット・ The Golden Gridのご紹介。アクション が便利そうでした。 黄金比を取り入れたグリッドレイアウト用のPSDやFw用テンプレとかアクションがセットになってるやつです。グリッドレイアウトは960グリッドシステムに準じているみたい。 内容物は以下となっています。 PhotoshopアクションPhotoshop用テンプレートFireworks用テンプレートillustrator用テンプレートindesign用テンプレートomnigraffle用テンプレートpixelmator用テンプレートflash用テンプレート上記にそれぞれ12カラム、16カラム、24カラムが用意されています。 ↑ a:bが1.6180:1となって

    黄金比を取り入れたグリッドレイアウトのWebデザインを構築する為のテンプレートやアクションなどの補助キット・The Golden Grid
    m-hand
    m-hand 2012/06/06
  • まさかダブルクォーテーション使わないでアルファベットを検索してないよね?|上手なGoogle検索リサーチの為に

    [この記事は頑張れば12秒で読めます。頑張ってください] さてさて。 1週間前から始めているiPhoneアプリのアレを調査、集計している時に友人が訪れまして、私の検索の仕方がなにこれ酷いと言われました。 そして聞いた所、こんな検索している人見たこと無いとか言われる始末でして、まぁ普通は要らないかもしれないですけど、アルファベットで検索する時は必ず使ってます。とくにリサーチの分野で仕事をしている人におすすめしたい検索スキルとしてご紹介。 市場でどんだけ話題なのかを調べる 例えばですね、アルファベットのiPhoneアプリとかあるじゃないですか。 「Alarm Tunes」 これが周りでどのような反応があるかを調べたい時に、そのままGoogle検索したら意味が無いんですよね。 該当結果 1,440,000 件 うおおおすごい人気のアプリですね!!とかいう人がいたら要注意ということで。 これをダブ

    まさかダブルクォーテーション使わないでアルファベットを検索してないよね?|上手なGoogle検索リサーチの為に
    m-hand
    m-hand 2012/06/06
  • デジタル@備忘録 - FC2 BLOG パスワード認証

    ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.

    m-hand
    m-hand 2012/05/25
  • その手があったか!発想が参考になる「X(Twitter)」プロモーション事例10選[海外編]と、企画で押さえるべき3つのポイント « 株式会社ガイアックス

    その手があったか!発想が参考になる「X(Twitter)」プロモーション事例10選[海外編]と、企画で押さえるべき3つのポイント 2012/05/16 海外のX(Twitter)プロモーション事例 X(Twitter)もプロモーションに活用できていますか? プロモーションや顧客との関係構築にFacebookを利用するメリットが色々あるため、ついFacebookだけに目が行ってしまう方も多いのではないでしょうか。 そういった方々向けに、今回は「ブログタイムズBlog」さんとのコラボレーション特集で、発想がとても参考になる海外のX(Twitter)プロモーション事例を10個ご紹介します。 前回Facebook編で大好評だった記事「その手があったか!発想が参考になるFacebookプロモーション事例10選[海外編]と企画で押さえるべき3つのポイント」の第二弾です!X(Twitter)をプロモーシ

    その手があったか!発想が参考になる「X(Twitter)」プロモーション事例10選[海外編]と、企画で押さえるべき3つのポイント « 株式会社ガイアックス
    m-hand
    m-hand 2012/05/17
  • 4.要注意?!全く売れないキャッチコピーに共通する5つの特徴と解決法

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. キャッチコピーは、コピーライティングの中でも群を抜いて重要だ。 キャッチコピーで、一瞬でターゲットの注意を惹き付けることができなければ、ボディコピーにどれだけ素晴らしいことを書いていても、完全にムダに終わる。 そこで、今回は、全く売れないキャッチコピーの共通点とその解決策をご紹介する。あなたがキャッチコピーで失敗してしまうことを防ぐために役立てて欲しい。 それでは、早速解説していく。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューしているので、 あ

    4.要注意?!全く売れないキャッチコピーに共通する5つの特徴と解決法
    m-hand
    m-hand 2012/05/16
  • WordPress高速化に使えそうなプラグインを色々試してみた結果、けっこう早くなったのでご紹介。 / Maka-Veli .com

    相変わらずWPにウトい僕ですが、 案件で急遽、高速化が必要になり、さくっとできるプラグインで対応したかったので調べてたんですが、せっかくなのでMaka-Veliにも入れて、色々試してみました。 といっても、実際に全て検証し切れてるわけでは無いですし、どんな物でどんな効果があるのかを検証しきれる能力も無いのでご注意ください。あくまでも「高速化に使えそう」と思った物だけなので、実際の効果は不明です。(わからずに使うとトラブル起きますしね)※あとで自分がみたいだけのまとめ兼用という記事です。 詳しくはそれぞれのリンク先と、プラグインをご紹介されている記事等でご確認頂ければと思います。 なお、検証にあたり数値を取得してるわけではありませんのでご了承ください。 WordPressの更新 とりあえずWPを最新版(現時点の WordPress 3.3.2 )に入れなおしました。 まあベタです

    m-hand
    m-hand 2012/05/10
  • 約200種類のデザインが揃ったアロー素材(フォント・ベクター・PSD・PNG) -Arrows

    Arrrows - A Fully Scalable Icon Font For Your Design [ad#ad-2] Arrowsで配布されている素材は有償版と無償版があり、まずは有償版から紹介します。 アローのデザインはRegularとBoldの2種類あります。 アロー:Bold フォーマットは、下記の3つです。 フォント .OTF, .TTF, .EOT, .SVG, .WOFF ベクター .AI, .EPS アイコン .PSD, .PNG [ad#ad-2] 無償版はPNGフォーマットのみですが、有償版と同様にRegular, Boldともに揃っています。

    m-hand
    m-hand 2012/05/08