CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ
Webサイトやアプリをレスポンシブ化するためにメディアクエリに頼っているのであれば、CSSの機能を見直して、昔ながらのブレークポイントを新しい流動的なアプローチで実装ができないか検討する時期かもしれません。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。grid, flexbox, vh, vw, calc, clamp, min, maxなど、CSSの機能を使用してレスポンシブ対応にするテクニックを紹介します。 You Probably Don't Need Media Queries Anymore by Kathryn Grayson Nanz 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 大局的なgridとflexbox 活躍するCSSのプロパティ 完全に機能するCSSの数学関数
【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2020年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 これまで以上に便利になった新しくアップデートされたPhotoshop 2021の新機能はもちろん、ボタンひとつで完成のお手軽写真やアクション、合成テクニックなど、デザイナーが覚えておくと便利な人気のデザインスタイルのつくり方がずらり揃います。 これからPhotoshopを始めてみよう、というひとにもぴったりなテクニックを揃えています。年末の連休をつかって、新しいテクニックを習得してみてはいかがでしょう。 2020年公開のIllustratorチュートリアル、つくり方も以下の記事でまとめています。 【総まとめ】2020年公開の
エンジニアのための、いますぐ使える文章校正テクニック - ICS MEDIA
ウェブ制作や開発の仕事で文章を扱う機会は多いはず。書き手は不自然に思っていない文章でも、読み手は違和感をもっていることがあります。文章校正テクニックを覚えるだけでおかしな表現は少なくなり、読みやすい文章を書けるようになります。 本記事では、ICS MEDIAで実践している文章校正の一例を紹介します。 レベル1、基本的な校正ルールを使う いろんな場面で使える基本的な文章校正テクニックから紹介します。 テクノロジー系の名詞は正しく記載しているか テクノロジー系の名詞を間違って使うと、「本当に技術に詳しいの？」と読者からの信頼度が下がります。名詞は大文字小文字、スペース有無含めて正確に記述しましょう。 Github → GitHub（Hは大文字） Javascript → JavaScript（Sは大文字） After Effect → After Effects（複数形の「s」を忘れてはいけな
【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」（複雑な背景バージョン） オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー（Command/Ctrl+J）したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
読むだけで学べる！文章力が劇的に向上する超良質記事まとめ10選。 | SIROKグロースハックブログ
サービスを運営していると、最適な文章を書く事も多いです。分かりやすい文章を書く事でユーザーに対する理解が深まり、結果的にグロースに繋がります。 今回は、この記事だけを読んでおけば必ず文章力が向上する記事をまとめました。 文章力がどんどん向上する５つの書き方・トレーニング方法 ライティング力が向上する書き方と、文章力を向上させるためのトレーニング方法が書かれた記事。 第2回：わかりやすい文章の10大原則 理解される文章の10個の原則について書かれている記事。 文章のプロ直伝！素人でもプロ並に書けるようになる５つのテクニック プロのように書くための5つのテクニックについて解説されている記事。 有名小説家が伝授する、ショートストーリーを書くための8つの法則 文章を書くプロである小説家の文章を書くコツがまとめられている記事。 読みやすい文章を書くための技法 読んだ人が、しっかりと理解をしてもらう
知ってた？ピント合わせが超高速になる親指AFの使い方と設定方法！
一眼レフやミラーレスは写真をボカしやすいという特徴がありますが、裏を返せばピンボケをしやすいという欠点にもなります。大事なのは狙った場所にしっかりとピントを合わせること。そこで今回は誰でも飛躍的にピント合わせが速くなる「親指AF」と呼ばれるテクニックについてご紹介します。 たぶん３倍はピント合わせが楽になるアマチュアカメラマンは５％しか使ってないけど、プロは９５％くらい使っているというくらい、便利なテクニックです。しかもぜんぜん難しくない。（＊当社比） 「親指AF」（おやゆびえーえふ）という方法、ある程度写真を続けている中級者以上の方ならご存知の方も多いかもしれませんが、写真を始めたばかりの初心者の方なら聞いたことすら無い人が大半かと思います。 というのも世の中のほぼ全てのカメラは買った時点では「親指AF」は出来ないから。メニューの中から自分で設定しないといけないのです。今回はそんな「親指
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
illustratorで修正が簡単な文字枠を作る方法 Be Creative Be Happy/// ナナメウエBlog
2012年10月25日 投稿者: suzuki こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死にそうになるDTPデザイナーの方などに役立つ内容です。 illustratorでデザインをしている時に頻繁に使う、文字枠の中に文字があるというこの形。 長方形ツールでオブジェクトを作成して、その上に文字を重ねるというやり方の人が多いんですが、これだと文字数が増えた時に下の長方形オブジェクトのサイズまで変えて、さらに中央揃えしたり…とけっこう手間がかかります。 今回はもっと簡単で、さらに文字数が増えた時にも簡単に対応できる方法をご紹介します。 まずは文字を入力します。 今回はFutura Mediumにしました。 次にテキストオブジェクトを選択した状態で、[アピアランス]の[新規塗りを追加]を2回クリックして、塗りを2つ追加します。 こ
短期的にも長期的にも記憶力を伸ばすテクニック「チャンキング」 | ライフハッカー・ジャパン
短期記憶として一度に覚えられるものは、ほとんどの人が「異なる4～7個」のものだけだそうです。この限界を超えるには、「チャンキング」と呼ばれる、かたまりで覚える記憶テクニックを使うといいようです。いくつかのアイテムをグループ化することで、よりたくさんのものを覚えることができるようになります。 チャンキングをする時には、一見は何の関係もないようなバラバラの情報に、何か意味あるもの、つまり「覚えやすくなるようなもの」を追加します。例えば、「トマト、イチジク、レタス、オレンジ、リンゴ」というような買い物リストを覚えなければならない場合は、その頭文字を取って「トイレ、檻（オリ）」という風に、バラバラに覚えるよりももっと覚えやすいかたちに変えます。いわゆる語呂合わせです。 電話番号（携帯電話が登場する前は特に）や歴史の年号を、語呂合わせで覚えたことがある人も多いのではないでしょうか。このように、記憶し
Photoshoopでの作業時間を短縮するのに役立つ10のテクニック
10 Photoshop Quick Tips to Improve Your Workflow 下記は各ポイントを意訳したものです。 1. レイヤースタイル パネルでの操作 2. 空の選択範囲の変形 3. 斜めの画像を水平にする 4. 画像に磨りガラスのようなパネルを設置 5. キレイな切り抜きを素早く 6. 瞳のカラーを変更 7. 画質に影響を与えないで照明のエフェクト 8. 作業確認用の新規ウインドウ 9. 画像からカラースウォッチを作成 10. レイヤースタイルをレイヤーの一部に適用 1. レイヤースタイル パネルでの操作 レイヤーパレットの下の「fx」ボタンをクリックすると開くレイヤースタイル パネルで、レイヤースタイルのアクティブ時に直接微調整ができます。 操作可能なスタイルは、4つです。 ドロップシャドウ グラデーションオーバーレイ サテン パターンオーバーレイ 4つのスタイ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
100円で作れる撮影ボックスも オークションの「商品写真」を撮るコツ - はてなニュース
オークションに物を出品するとき、せっかくなら商品の「写真」にこだわりたいもの。高価なカメラや専用の機材を使わなくても、魅力的な商品写真が撮れる撮影テクニックを紹介します。 ■ 基本から上級テクまで、商品写真撮影のポイント 同じ商品を同じカメラで撮る場合でも、工夫次第でガラリと印象が変わります。 ＜ヤフオクが教える撮影テクニック＞ ▽ Yahoo!オークション - 出品アイテム撮影上達テクニック 大手オークションサイト「Yahoo!オークション」では、商品写真の撮影テクニックの基本をまとめたページを公開しています。ポイントは次の6つです。 画像ファイルの容量を抑える 「ピンぼけ」を防ぐ カメラを固定して「手ブレ」を防ぐ 構図を工夫して見栄えを良くする 背景と光を工夫する 画像編集ソフトで補正する まずはピンぼけや手ブレといった初心者にありがちな失敗を回避します。手ブレを確実に防ぐために、三脚
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
キャッチコピー力の基本「ひと言で気持ちをとらえて、離さない77のテクニック」 : まめストリート・ジャーナル 〜無料で情報が買える唯一の新聞〜
2012年06月15日22:59 by tkfire85 キャッチコピー力の基本「ひと言で気持ちをとらえて、離さない77のテクニック」 カテゴリ管理人 雑談 tkfire85 キャッチコピー力の基本 ひと言で気持ちをとらえて、離さない77のテクニックposted with ヨメレバ川上 徹也 日本実業出版社 2010-07-22 Amazon楽天ブックス図書館ひと昔前、キャッチコピーと言えば「コピーライター」の仕事だった。広告や宣伝で使用される言葉だった。しかし今や、仕事の重要な部分を占めるのが企画書といっても過言できないです。膨大な数の企画書の中から選ばれるためには、勿論、中身も重要です。しかし、パワーポインター使って綺麗なグラフを入れたところで肝心のタイトルがダメなら、いくら企画書の内容が良くてもダメです。最近では、ブログの普及に伴って、いかに読者を呼び込むためのタイトルを考えるのか？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知っておくと何かと応用が利くCSS3を使った表現テクニックいろいろ
新着記事
