今さら聞けない!? CSSのborder-radiusで様々な角丸に挑戦！
2019年2月3日 CSS 要素の四隅の角を丸めるためのCSSプロパティー「border-radius」。ボックスや画像などの要素に対して適応でき、角丸にしたりまん丸にしたりと、様々な表現が可能です。このプロパティーが使えるようになってから、どれだけコーディングが楽になったか…！今回はそんなborder-radiusの基本的な使い方と、応用表現を紹介します！ ↑私が10年以上利用している会計ソフト！ 無難で王道！正円の円弧を使った角丸 border-radius は「border」とついているものの、border プロパティーの指定がなくても大丈夫。background によって与えられた背景や、img 要素で指定された画像の四隅も丸まめられます。 四隅に同じ値の丸みを与えるなら border-radius: 10px; と記述すればOK。半径10pxの正円の円弧をベースにした角丸を実装で
Web制作者は使わないと損！Chrome 59でアップデートされたデベロッパーツールの便利な新機能
5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つける 新機能の一つ目は「Coverage tab」。ページで使用されていないCSSとJavaScriptを見つけることができます。 command + shift + P で、「Show Coverage」を入力して選択。 ※「cov」まで入力すれば、上位に表示されます。 Show
IllustratorからWeb用素材を一気に書き出す！アセットの収集と一括書き出し - Adobe Blog
IllustratorからWeb用素材を一気に書き出す！アセットの収集と一括書き出し IllustratorでWebデザインデータを作ると書き出すのが面倒？ ちょっと前までは、IllustratorからWeb用の素材を書き出そうと思うと、アートボード単位で書き出すか、またはひとつひとつ「スライス」を作成して書き出すかのどちらかでした。 「Web用に保存」は便利な機能ですが、高解像度画面用の素材の書き出しには対応しておらず、複数サイズの素材が必要な場合は手間がかかります。 スライスとWeb用に保存の詳しい使い方: Illustrator入門 | Webデザイン編 第6回 デザインから画像を書き出そう 最新のIllustrator CCでは、複数の素材書き出しが必要な場合でもまとめて書き出せる新しい機能が利用できます。また、アイコンのように頻繁に変更されるアセットの書き出しも楽になります。この
写真加工がグッと良くなる、持っておきたいPhotoshopアクション素材45個まとめ
アクション素材がどの写真加工にも適しているわけではありません。風景画やポートレイト写真の得意なアクションや、よりグラフィックを強調した素材などさまざまです。目的に合ったアイテムを探してみましょう。 アクションファイルのインストール、基本的な使い方については、こちらの記事を参考にどうぞ。 30 Free Instagram Photoshop Actions 人気写真加工アプリ Instagram のエフェクトを、Photoshopアクションで完全再現した素材30個セット。 Old Paper Texture Photoshop Action ざらっとしたグランジ感を写真に重ねることができるヴィンテージエフェクト用アクション。 Moonlight Photoshop Action Free 月明かりの下で撮影したような風合いに仕上げるアクション素材で、夜景や夕日などの写真に効果的とのこと。
商用可！長く愛用できる人気テクスチャ、パターンの限定素材集 The Comprehensive Texture and Patterns Collection
商用可！長く愛用できる人気テクスチャ、パターンの限定素材集 The Comprehensive Texture and Patterns Collection テクスチャやパターン素材は、どんなデザインプロジェクトでも役立つ万能アイテムです。だからこそ、いつでも使える高品質な素材を揃えておきたいもの。 今回ご紹介する期間限定の素材集「The Comprehensive Texture and Patterns Collection」は、世界のトップデザイナーがタッグを組み、高品質で実用的なパターンとテクスチャのみを厳選し、総額$2,450（およそ27万円）相当のデザイン素材がまとめて大量に収録されています。 ユーザーの要望に耳を傾け、他では取り扱いのない高品質アイテムばかりがピックアップされています。個人で利用できるだけでなく、クライアント案件などの利用にも対応した商用ライセンス付き。2週
PREP法とは? 文章構成力を上げる3つの方法。SDS法・穴埋め文章作成法も | 次々に読まれる文章とは？
次々読まれる文章の「文章構成」の実践編として、今回は具体的な3つの「文章構成のテンプレート」を紹介していきます。 テンプレートは、当てはめるだけで目的に沿った文章の流れができる「文章構成の型」です。構成が決まっていると、安心して「内容（メッセージ）」に集中できますので、あなたの文章クオリティアップにつながります。 テンプレートを具体的に解説する前に、テンプレートを効果的に活用するために必要な前提を共有させてください。 文章を書けなくしている「思い込みの罠」「文章は始めから、順番通りに書かなければならない」という思い込みは、ありませんか？ もし、その思い込みを少しでもお持ちなら、すぐに捨ててください。「書き始め」から順番に書かなければならないと思っていると、手が止まり、文章自体が書けなくなってしまいます。 まず、ここで大前提としてお伝えしたいのは、「文章はどこから書いてもいい」ということです
Amazon Web Services（AWS）
パブリッククラウドサービスでNo.1のシェアの「Amazon Web Services（AWS）」とはどういったサービスなのだろうか。AWSを理解するための第一歩として、概要をコンパクトにまとめてみる。 連載目次 AWSとは 「Amazon Web Services（以下、AWS）」は、Amazon.comの子会社であるAmazon Web Services（日本法人はアマゾン ウェブ サービス ジャパン）が提供するが提供するパブリッククラウドサービスである。クラウドサービスは、物理的なサーバを持つ代わりに、事業者が用意したクラウド上のリソース（例えば仮想的なサーバ）を利用することで、管理の手間を省き、必要に応じてシステムのスケーリングを容易にするものだ。このうち「パブリック」クラウドは、企業や各種団体、個人など幅広いユーザーに提供されていること、また契約ユーザー全体で事業者提供のリソース
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ベテランほど知らずに損してるIllustratorの新常識（6）正統派ベジェ使いの方はもちろん、ベジェが苦手が方も知っておきたいIllustratorでのパスの扱いの進化 - Adobe Blog