タグ

関連タグで絞り込む (218)

タグの絞り込みを解除

Tipsに関するnaohorのブックマーク (234)

  • 【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド

    コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」(複雑な背景バージョン) オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー(Command/Ctrl+J)したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は

    【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド
  • 5年間のランディングページ制作で行き着いた鉄板の構成と7つのポイント

    こんにちは。株式会社FREE WEB HOPEの代表取締役社長 相原 祐樹です。Webマーケティングは、やるべき事や覚えなきゃならないことが沢山あります。何か調べ物をしようとした時に情報が抽象的だったり、概念的だったりと最終的には調べることに疲れてしまった……なんて経験はありませんか? 僕はいつも思っていました。 「考え方やマインドセットはいいからやり方を教えほしい」ということを。 そこで、もう自分でWebマーケティングで中小企業がやるべき事を時系列でわかるようにまとめてしまおう思い、「中小企業が今すぐ出来る 実践!WEBマーケティング大全(全116ページ!)」を執筆しました。 実際に僕の会社が設立から4000万/1億/3億/5億(たった8人で)と毎年伸び続けてこられたWebマーケティングに関する5年分の情報を全て整理して分かりやすく解説しています。 記事では、その中から弊社の得意とする

    5年間のランディングページ制作で行き着いた鉄板の構成と7つのポイント
  • かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技

    2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト! 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう!サンプルも作ったのでコードと

    かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
  • Flipsblog.jp

    サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

    Flipsblog.jp
  • The Blog | Welcome to Adobe Blog

    The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

    The Blog | Welcome to Adobe Blog
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • Web制作者はおさらいしたい!CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ

    TL;DR 実務で意外と使う基的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 1.画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 2.画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css 3.float を使わ

    Web制作者はおさらいしたい!CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ
  • 高速道路の料金収受員だけど小ネタ教えてく : バイク速報

    1: 以下、\(^o^)/でVIPがお送りします 2015/01/20(火) 23:15:04.62 ID:yTkIG9xN0.net

    高速道路の料金収受員だけど小ネタ教えてく : バイク速報
  • JavaScriptを短く書くためのショートコード集

    Posted: 2014.12.25 / Category: javascript 知っておくとちょっとだけコードが簡潔に書けるかもしれないショートコード集です。 小数点以下切り捨て 「Math.floor」で切り捨てですが、 Math.floor(12.6598); //12 数値の前に「~~」付けるだけでもできます。 ~~12.6598; //12 桁数の制御 「~e」に続く数字で桁数を制御できます。 1e1 //10 1e2 //100 1e3 //1000 1e4 //10000 1e5 //100000 2の累乗はシフト演算子 2の累乗は左シフト演算子(<<)でできます。 200 << 1; //400 200 << 2; //800 200 << 3; //1600 逆は右シフト演算子(>>)です。 200 >> 1; //100 200 >> 2; //50 200 >> 3

    JavaScriptを短く書くためのショートコード集
  • レスポンシブWebデザインでハマりがちな%指定 │ Design Spice

    レスポンシブWebデザインでは要素を可変にするために数値を%で指定することが多いですが、%指定の仕様を理解してないとハマることがあります。自分もそのような経験があったので備忘録としてまとめました。 要素の幅と高さの%指定 レスポンシブWebデザインのように、ある要素の幅を一定の比率を保ったまま可変するようにするには、通常、値を%で指定します。この時の値は、 求める要素の幅÷親要素のコンテンツ幅×100% の式で求められます。 例えば求める要素の幅が20px、親要素のコンテンツ幅が200pxの場合は、10%となります。 また、ここで言うコンテンツ幅とはmargin、padding、borderを含まない幅です。 同様に高さを%で指定する場合は、 求める要素の高さ÷親要素のコンテンツの高さ×100% となります。 marginとpaddingの%指定 左右のmargin、paddingを%で指

    レスポンシブWebデザインでハマりがちな%指定 │ Design Spice
  • JavaScriptの動かないコード  (JavaScriptエラー集) - 主に言語とシステム開発に関して

    「このJavaScriptコードが動かないのは,なぜですか?」というミニクイズ集。 すべて制限時間は1分。 別名,JavaScriptのエラー事典。またはアンチパターンのまとめ。 中級編 初級編 番外編 2015年5月現在,全53記事。 中級編 JavaScriptの仕様関連 p要素への appendChild() で失敗する かけ算を間違える イベントハンドラが見る値のエラー クロージャを使わない場合に起きるエラー オブジェクトのprototypeを変更した時のエラー 正規表現で同じ文字の連続を検出したい - 置換前パターン中での後方参照 jsonオブジェクトをevalできないエラー 不要なイベントが連鎖で発生してしまう  (バブリングの対処) オブジェクトのプロパティ定義にthisを使って失敗するエラー setTimeoutのタイマーが指定時刻に動かないエラー オブジェクトのメソッドを

    JavaScriptの動かないコード  (JavaScriptエラー集) - 主に言語とシステム開発に関して
  • CSSデザインカタログ | list | dt と dd を横並びにした定義リスト

    サンプル 2007-05-30 テキストテキストテキストテキストテキストテキストテキストテキスト 2007-05-15 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト 2007-04-30 テキストテキストテキストテキストテキストテキスト 2007-04-15 テキストテキストテキストテキストテキストテキストテキスト 2007-03-30 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト ソース XHTML <dl class="list309"> <dt>2007-05-30</dt> <dd>テキストテキスト......</dd> <dt>2007-05-15</dt> <dd>テキストテキスト......</dd> <dt>2007-04-30</dt> <dd>テキストテキスト......</

    naohor
    naohor 2014/03/08
    dtとddを横並びにした定義リスト
  • 諦めないで…!WordPressでページ送りがうまく行かない時の3つの対処法+究極奥義

    WordPress独自テーマを作る際に私がハマりがちなのが、ページ送り。 記事一覧の取得にquery_postsを利用しているとページ数や条件をうまく取得できず、2ページ以降の記事が表示されない事が多々あります・・。 今回はその「ページ送り機能」がうまくいかないときに使える、 私の知るすべての対処法をメモしておこうと思います。 query_postsとは 記事一覧を表示する際、特定のカテゴリだけ表示させたかったり、作成日順ではなく更新日順に並べたかったり。 そんな要望を叶えてくれるのが query_posts ですね。 たとえばカテゴリIDが3の記事を4つずつ表示したい時はこう。 <?php if (have_posts()) : query_posts('posts_per_page=4&cat=3'); ?> <?php while (have_posts()) : the_post(

    諦めないで…!WordPressでページ送りがうまく行かない時の3つの対処法+究極奥義
  • 公海555000kk线路检测—首页(欢迎您)

    公海555000kk线路检测—首页(欢迎您) 404! Page is Not Found ! 返回首页 XML 地图 | Sitemap 地图

  • 使えるギャラリーにする方法

    WordPress のギャラリー機能使っていますか? 使いにくい WordPress のギャラリーをちょっと使えるようにするカスタマイズです。 ものすごく長くなってしまいました ... できるだけ簡単にまとめてみたので興味があるひとはぜひ読んでみてくださいね! Webサイトで写真を一覧表示したいときに、よく使われているギャラリー。WordPress のテーマにも、Webサイト全体をギャラリーみたくするものも、数多くありますよね!でも普段はブログや一般的な Webサイトとして使っていて、その中の数ページをギャラリーページとして使いたい … ってこともあると思います。 私の場合、ギャラリーを jQuery のプラグインと組み合わせて作成する事が多いので、WordPress のギャラリー系のプラグインは使ってません(おすすめのギャラリー系、画像管理系のプラグインがあったら教えて欲しいです)。 ま

  • ツバを飲み込むのさえ辛い「イガイガした喉の痛み」を少しでも和らげる方法

    やっぱりマヌカハニーで喉の痛みが和らいだっていう方が多いみたいですね♪ ▽▽マヌカハニーの体験談はこちらもチェック! 龍谷大学社会学部の教員・脇田健一「マヌカハニー」 喉が痛い時の事 喉が痛い時は、温かいものをべるようにしましょう♪咳や痰が出る時はスープやつるっとしたものを選ぶのポイントのようです。 栄養価があるオススメの事は ・雑炊 ・茶碗蒸し ・けんちん汁 ・煮込みうどん どうしても欲がわかない時は ・ゼリー ・しょうが湯 ・湯豆腐 などがいいようです♪ ▽▽もっと詳しく知りたい方はこちらをチェック! 保健管理センター「風邪の時の事」 今すぐできる喉の痛みの治し方もチェックする こうしたお手軽な方法もまずは実践してみるのもオススメです。まずはこういうのを試してみて、それでもダメだったらマヌカハニーや市販薬を使ってみるというのが良いかも。 1. とにかくマスクをつけておく喉を乾

    ツバを飲み込むのさえ辛い「イガイガした喉の痛み」を少しでも和らげる方法
  • 【ちょっと知ってたら便利じゃない?小技集】Photoshop編 | SONICMOOV LAB

    こんにちは。ソニックムーブのデザイナーふくちゃんです。 これといって特徴も何もないヤツですが大雑把なO型デザイナーと自負しております。 そんなどうでもいい私の情報はさておき、ブログテーマは・・・ 【あれ?これちょっと知ってたら便利じゃない?】Photoshop編です!! 現役バリバリのデザイナーの方にとっては、 『こんなのデザイナーとして常識よ!』と思われる程レベルの低い内容かもしれませんが知ってると数分は作業効率あがるかもしれない小技を紹介したいと思います。 もう知ってる方は『あ~?これ?知ってる知ってる( ´Д`)=3』とドヤ顔で眺めて下さいませ。 【Photoshop】グラデーションオーバーレイ時でもクリッピングマスクマスク内に表示させる方法 上記アイコンのような画像を作りたいとき、グラデーションオーバーレイを付けたオグジェクトにクリッピングマスクをかけると当たり前ですが、

  • [jQuery]イメージマップでTooltip表示するサンプル

    「イメージマップのホットスポットにマウスオーバーしたら説明表示出るように出来ない?」って言われて書いたやつ。 非表示にしてるブロック要素を表示してるだけなので、画像とかテキストとか割とフリーダムに出せる。 jQuery1.2.6用。 jQueryのマウスイベントには以下プロパティ提供されていて pageX/Y : ページの左上を0としたマウスポインタの位置 clientX/Y : ブラウザのドキュメント表示領域を0としたマウスポインタの位置 特別なことしなくてもイベントが発生した時のマウスポインタの位置を取得することが出来る。 <div id="imgmap"> <img src="tags.png" alt="Tags" width="400" height="151" border="0" usemap="#Map" /> <map name="Map" id="Map"><area

  • [CSS]100%幅のヘッダとフッタを天地に固定表示するスタイルシート

    ビギナーズ向けに解説された、100%幅のヘッダとフッタを固定幅のコンテンツの天地に固定表示するスタイルシートをNoobcubeから紹介します。 Fixed Header & Footer Layout: A Beginner's Guide demo スタイルシートはIE6をはじめとする主要ブラウザをターゲットにしており、IE6用のスタイルシートファイルやdivの入れ子でIE6に対応しています。 HTML箇所の最小構成は、下記のようになります。 <textarea name="code" class="html" cols="60" rows="5"> <body> <div id="header-wrap"> <div id="header-container"> <div id="header">ヘッダ</div> </div> </div> <div id="ie6pagewrap"

  • jQuery(JavaScript)でiPhone、iPad、Androidなどデバイスを判別してURLをリダイレクトする方法|BLACKFLAG

    最近のWebサイト制作では、通常のPCサイトを制作するだけでなく iPhoneAndroidのスマートフォンや、iPadなどタブレット向けにそれぞれサイトを用意し、 デバイス毎にアクセスさせるURLを分けることも増えてきました。 その様な場合のデバイス制御に使える(であろう) iPhoneiPadAndroidPC向けサイトへアクセスした際など、 jQuery(JavaScript)を使って簡単に別のURLへリダイレクトさせる方法を紹介してみます。 jQuery(JavaScript)でiPhone,iPad,Android(アンドロイド)を判別してリダイレクト 例として、サイト構成が以下の様なURLとします。 ——————————————————- 【PC向けサイト】 http://black-flag.net/sample/pc/ 【スマートフォン向けサイト】 http://b

    jQuery(JavaScript)でiPhone、iPad、Androidなどデバイスを判別してURLをリダイレクトする方法|BLACKFLAG