[CSSも紹介] ブログ文章部分の「密集度」を下げて読みやすくする方法 | ヨッセンス
せっかく魂を込めて書いた文章です。ぜひとも最後まで読んでほしい!! 今回は記事の「文章」部分だけにスポットを当てて、わたしが文章の密集度を下げるためにやっているデザイン例を紹介します。 ここで紹介しているCSSは、WordPressテーマ STORK19 を想定しています。 「改行（BRタグ）」は使わない わたしは、ブログではほとんど改行をしません。 あ、改行と書いていますが具体的には<br />（<br>）タグのことです。 なぜ<br />を使わないかというと、見る人のPCや端末の環境によってこちらで指定した改行場所どおりには見えないから。 こちらの画像はスマホで見た文章ですね。 スマホで見ると改行がへんなところに! パソコンで見たときにイイ感じに見える場所に改行を入れている（<br />が入っている）のですが、スマホで見るとどうでしょうか? スマホのほうが横幅が狭いため、実際に改行され
![[CSSも紹介] ブログ文章部分の「密集度」を下げて読みやすくする方法 | ヨッセンス](https://cdn-ak-scissors.b.st-hatena.com/image/square/d577955ead1d81a9616bedbd87165816337662e8/height=288;version=1;width=512/https%3A%2F%2Fyossense.com%2Fwp-content%2Fuploads%2Fblog-article-design-336.png)
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
長くずっと使える、デザインの基本をまとめました。 - PhotoshopVIP
覚えておくことで、いつまでも長く利用することができるデザインの基礎テクニックを、これまで当サイトで紹介したエントリー中から、各ポイントごとにまとめました。効果的な配色カラーパレットの選び方や、読み手の興味を惹くフォントの組み合わせ方、デザインコンセプトをうまく伝える秘訣やポイントなど、実践的に活用できるテクニックを中心に揃えています。
建築デザイン系サイト１１選 - glasstruct log
以前、デザイン系ウェブサイトのまとめ記事をつくったのですが 、 デザイン全般のサイトばかりで建築物を詳しく解説しているサイトが紹介しきれていないので、改めてまとめます。海外サイト多目です。 1. Arch Daily 基本的にはこれ一つ見ておけば大体OK！って、後の１０サイトどうすんだ。 写真が大きくて見やすいし、プロジェクト概要もしっかり書いてあるので間違いないッス。月間PV数も一番多いみたい。プロジェクトの説明文は建築家がアップロードした内容なので、公式HPと全く同じだったり超短かったり、なんだかカタコトだったりすることも。いずれにせよ情報の多さと一軒ずつの見やすさはピカイチでございます。日本の物件も多いよ！ただし英語。 2. Architizer アーキデイリーほどではないですが、内容充実のサイトです。左側に物件概要、右側に写真を同サイズでずらっと並べる方式でスッキリ。写真がサムネイ
ファッション・アパレル用語索引｜モダリーナのアパレル・ファッション図鑑
着せ替えでコーデを考えながら、ファッションを探せる「モダリーナ」のファッション、アパレル関連の専門用語一覧。 形が浮かんでも名前がわからなかったり、雰囲気から探したりできるよう、わかりやすく索引もあえて写真ではなくイラストです。 トレンド先取りや、服飾、デザイン、キャラ設定やコーディネートのアイデア出しにも是非ご活用ください。 画像をクリックすると各解説ページに移動します。 新しい用語から古いものまで、どんどん項目を追加中。 ＴＯＰ利用ガイド会社情報お知らせ問い合わせサイトマップイラスト図鑑ブランドリストコーデ作品一覧通販テクニック人気カラーランキング掲載サイト情報コーデテクニックファッション誌用語ランキング沖縄・離島用表示アパレル用語クイズ
ベジェ曲線が苦手な人に！PhotoshopとIllustratorのペンツールで思い通りに描けるようになる知って得する2つのこつ
ペンツールは、PhotoshopとIllustratorで最も重要なツールの1つです。ペンツールを楽に使えるようになると、デザインの新しいチャンスが広がり、ワークフローも大きく改善されるでしょう。 PhotoshopとIllustratorでのペンツールの役割や使い方の違いを理解し、それぞれで作業する時にベジェ曲線を思い通りに描くのに役立つ2つのこつを紹介します。 Two Simple Techniques To Help You Master the Pen Tool 元記事のライセンスに基づいて意訳しました。 ペンツールの種類 ペンツールの役割 ベジェ曲線を思い通りに描くための2つのこつ ペンツールの種類 IllustratorやPhotoshopのペンツールは、アンカーポイントやベジェ曲線を作ったり、追加したり、削除したり、微調整することができます。これらのオプションは、ショートカッ
Android Design Support Library について
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。
Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう
今さら聞けないマテリアルデザインとは？5分でわかる解説 | SONICMOOV LAB
2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは？ 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは？ マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま
「ズルいデザイン」関連の最新 ニュース・レビュー・解説 記事 まとめ - ITmedia Keywords
ズルいデザイン（4）： ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン 今回のテーマは「ズルいボタン」。これまでの連載で出てきた数々のズルいデザインテクニックを駆使して作成しよう。（2013/9/12） ズルいデザイン（3）： box-shadowで表現する、「セミフラット」なズルいデザインテクニック box-shadowを活用した各種ボックス表現の作り方を紹介。フラットデザインの中でも違和感なく使える「やりすぎていない立体感」とは？（2013/8/21） ズルいデザイン（2）： SassやCompassを使って、ズルいデザインテクニック SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは？（2013/2/27） ズルいデザイン（1）： 少ない手間と知識でそれなりに見せる
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/kssdezuo-rupatanraiburari 【アイコンを200こ描いた振り返り！】アイコンから知るデザインのヒントby @awayuki http://www.slideshare.net/awayukin/awayuki-pmd01-share ビジュアルデザインまでのデザインワーク by @yokotak0527 http://www.slideshare.net/YokotaKenji/ss-26460108
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
資料作成・デザインスキルのレベルアップを応援！スライドシェア15選 | bizpow（ビズポ）
ソファ おすすめ人気ブランド・メーカー