並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 78356件

新着順 人気順

designの検索結果1 - 40 件 / 78356件

  • 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog

    デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

    • straightline bookmark | Web design bookmarking

      Ttersへようこそ! 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。

        straightline bookmark | Web design bookmarking
      • 「1枚」で、パワーポイントの品質と生産性を向上させるデザイン・テンプレート|PowerPoint Design

        当記事で紹介している1枚版のデザイン・テンプレートの公開は終了しました。最新版は、テンプレート配布ページからダウンロードしてください。 今回はパワーポイントのデザイン・テンプレートをご紹介します。テンプレートといえば、当サイトでは別途公開済みのものがありますが、こちらは新たに「1枚バージョン」。見出しや箇条書き、表など、頻繁に使う要素をコンパクトにまとめました。ちょっとした資料づくりから本気の企画書作成まで、わりとこの1枚で事足りてしまうかもしれません!

          「1枚」で、パワーポイントの品質と生産性を向上させるデザイン・テンプレート|PowerPoint Design
        • Excelを本気でマスターしたい人のための学習サイト&良記事まとめ - LIFE DESIGN

          たった1秒で仕事が片づく Excel自動化の教科書 posted with ヨメレバ 吉田拳 技術評論社 2016-06-08 Amazon Kindle 楽天ブックス 記事の目的 仕事などで使う機会が多い表計算ソフトウェアのExcel。「Excelの基本を知りたい」、「Excelで業務をもっと効率化したい」という方は多いのではないでしょうか。その反面、「どうやって身につけていけばよいかわからない」という声もあります。 今回は、 無料で使えて独学におすすめのExcel学習サイトや、ショートカット&小技、グラフ、関数、アドイン&ツールに関する良記事を紹介 します。Excelの様々な事柄を学んでいくことで、Excelの世界をもっと楽しんでいきましょう! スポンサーリンク 学習サイト 1. Office トレーニングセンター Microsoftによるチュートリアル。Excelを基礎から学びたい方

            Excelを本気でマスターしたい人のための学習サイト&良記事まとめ - LIFE DESIGN
          • バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -

            忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか?私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの?」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは?とご指摘頂きました。

              バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -
            • webデザインにおける視線誘導のおはなし | 07design.blog

              こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す

              • Web Design Clip [WEBデザインのクリップ・リンク集]

                Web Design Clipはホームページ・Webデザイン制作の参考になる日本のWebデザインギャラリー・クリップ集です。トレンドを押さえたクオリティーの高いWebサイトをクリップしています。

                  Web Design Clip [WEBデザインのクリップ・リンク集]
                • Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice

                  レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ

                    Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice
                  • デザイン枠専門サイトFRAME Design – 1000以上の飾り枠のある素材サイト

                    1000以上の飾り枠専門サイト

                    • Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト

                      ラブコメプリンスのパクソジュンに釘付けの日々 韓国のイケメン人気俳優といえば、パク・ソジュン! 2020年に大ヒットした韓国ドラマ『梨泰院クラス』の主演で、更に人気は加速しましたよね。 私も『梨泰院クラス』視聴前から彼の作品は見ていたのですが、どんな役柄でもこなせてしまうなと 強く逞しく 不合理な世界に正面から立ち向かう 血気盛んな若者の反乱 なパク・セロイ(パク・ソジュン)を夢中になって見ていました。 『愛の不時着』と並び日本でも多くの方が視聴されたと思います。 特に『梨泰院クラス』は『愛の不時着』と比べてロマンス色が薄く緻密なビジネスプランなども要素に盛り込まれていたので、男性からも人気の作品でした。 他にも彼の出る作品出る作品がヒットを飛ばしています。 2014年:魔女の恋愛 2015年:彼女はキレイだった 2016年: 花郎<ファラン> 2017年:サム、マイウェイ~恋の一発逆転!

                        Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト
                      • スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog

                        最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ(chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください) download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT

                        • 私がwebサイトのラフデザインを制作する時の流れ │ Design Spice

                          私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 (※本文中のショートカットキーは全てMacの場合です) 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う

                            私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
                          • クオリティが高い縦に長いサイトを厳選して集めています MUUUUU_CHANG WEB DESIGN SHOWCASE

                            縦長のwebデザインをがむしゃらに集めています。

                              クオリティが高い縦に長いサイトを厳選して集めています MUUUUU_CHANG WEB DESIGN SHOWCASE
                            • デザインの基本日記  「配色編」|Design Beginner

                              配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を

                                デザインの基本日記  「配色編」|Design Beginner
                              • WEB DESIGN NANDE

                                亚洲欧洲自拍拍偷午夜色,国产极品24P,国产乱理伦片在线观看,,日日噜噜夜夜狠狠视频无码,欧美A级毛欧美1级A大片式放,99久久婷婷国产综合精品青草,秋霞午夜理论理论福利无码,单亲和子的性关系A片,亚洲综合另类小说色区色噜噜

                                • よりよいWebデザインにするための配色のセオリー :: Love & Design ::

                                  第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色(黄⇔青 赤⇔緑)の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。(色相対比)

                                    よりよいWebデザインにするための配色のセオリー :: Love & Design ::
                                  • 【翻訳】Googleのエンジニアがソフトウェア開発する時に必ず書くドキュメント「Design Docs at Google」 - BppLOG

                                    Googleでの「Design Docs」とは 2007年の Google Developer Day Tokyo での鵜飼氏のプレゼンによると「Google で必ず書くことになっているドキュメント」であり、「プロジェクト立ち上げ時の 1~2週間をかけて書く」ものです。 今回は Google のソフトウェアエンジニアである @cramforce 氏が自身のブログで「Googleでの Design Docs」について解説している記事を公開されていたため、氏の許可を得て翻訳しています。 原文: www.industrialempathy.com 関連書籍: Googleのソフトウェアエンジニアリング ―持続可能なプログラミングを支える技術、文化、プロセス オライリージャパンAmazon 読了目安:11分 (目次) デザインドキュメント の解剖学 文脈と範囲 目標と非目標 実際のデザイン システ

                                      【翻訳】Googleのエンジニアがソフトウェア開発する時に必ず書くドキュメント「Design Docs at Google」 - BppLOG
                                    • 伝わる文章 | 基本要素 | SmartHR Design System

                                      相手に誠実に、わかりやすい文章を書くための心がけをまとめました。 どういう思考プロセスからどんな表現が生まれるのか、参考として実例を紹介しています。実際に読み比べ、SmartHRの従業員として何かを伝えようとするときの、参考にしてください。 伝わる文章のガイドライン何を伝えるかによって、必要な情報の量や説明の粒度は異なります。 情報が不足していたり、逆に情報が多すぎたりすると、読者が意図を読み取れないことがあります。 読み手となる相手の状況(読む場面、事前知識など)を踏まえ、言葉にする内容や表現を厳選することが大切です。 目的に合わせて情報を取捨選択する読者の目線に立ち、コンテンツの目的に合わせて情報を取捨選択しましょう。 実例1:法律や業務に関わる記事目的業務に関係する「厚生年金保険」について正確に知りたいと思っている人に、わかりやすく内容を伝える。 Before日本の年金制度は、全国民

                                        伝わる文章 | 基本要素 | SmartHR Design System
                                      • 厳選10本!ブログで使えるスグレモノツールまとめ :: Love & Design ::

                                        プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい!もっとオシャレに見せたい!という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック(livedoor風味) 画像系 ImageChef(日本語・携帯にも対応) ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ

                                          厳選10本!ブログで使えるスグレモノツールまとめ :: Love & Design ::
                                        • MdN Design|総合情報サイト

                                          デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載!

                                            MdN Design|総合情報サイト
                                          • メタ認知や抽象的思考ができない人が心がけ実践すべき3つの事柄: DESIGN IT! w/LOVE

                                            不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 自分で物事を考えて答えを出すということができない人というのがいる。「思考停止」なんて言葉もあるけど、そういう人たちにとって「停止」は動いていた状態からの変化を示す"stop"ではなく、そもそものはじめから思考がスタートしていない場合が多く、最初から思考が働いていない。 そうした人たちに共通するのは、メタ認知ができないこと、抽象的な思考を苦手とすることだとだと思います。見たまんまのことしか考えられない。だから、手法を扱えないし、戦略的な話ができない。 そうした人びとは、抽象的な記述や理論的な話題に対する想像力が著しく欠けていて、それが世界の記述であることをイメージできずに、すぐに「具体的な事例がないとわからない」という。それが自分のメタ認知や抽象的思考力の欠如からくる想像力の

                                            • Responsive Web Design JP(日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト)

                                              日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。

                                                Responsive Web Design JP(日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト)
                                              • "design"と笑い男 - Keep Crazy;shi3zの日記

                                                • Icons - Material Design

                                                  Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

                                                    Icons - Material Design
                                                  • デザイン原則の実践|dely design

                                                    This domain may be for sale!

                                                      デザイン原則の実践|dely design
                                                    • MoMA Design Store

                                                      Your Outdoor World 世界中で見つけたグッドデザインと、 アウトドアのリラックスタイムを楽しもう。

                                                        MoMA Design Store
                                                      • Webデザイナーが覚えておく、代表的なライセンスまとめ|Web Design KOJIKA17

                                                        非常に緩いライセンスです。 1999年までのBSDライセンスには、初期開発者を表示する宣伝条項が含まれていました。 現在はこの宣伝条項のない新しいBSDライセンスを修正BSDライセンス (New BSD License)あるいは三条項BSDライセンス (3-clause BSD license) と呼ばれています。 BSDライセンスをベースに作成されたBSDスタイルのライセンスも多く存在します。 例として、Apache Software License, Sendmail License, PHP License, Python Licenseなど多く存在します。 三条項BSDライセンスの表記例 三条項BSDライセンスのテンプレートがありますので記載致します。 以下のような表記がある場合、三条項BSDライセンスとなります。 Copyright (c) <YEAR>, <OWNER> All

                                                          Webデザイナーが覚えておく、代表的なライセンスまとめ|Web Design KOJIKA17
                                                        • Web API 設計のベストプラクティス集 "Web API Design - Crafting Interfaces that Developers Love" - フリーフォーム フリークアウト

                                                          移転しました http://please-sleep.cou929.nu/20130121.html

                                                            Web API 設計のベストプラクティス集 "Web API Design - Crafting Interfaces that Developers Love" - フリーフォーム フリークアウト
                                                          • 初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color

                                                            はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします! もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ(エッジを整列)」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…! CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください! 1.

                                                              初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
                                                            • H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -

                                                              HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);

                                                                H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
                                                              • Open Source Web Design - Download and upload free web designs.

                                                                Open Source Web Design is a platform for sharing standards-compliant free web design templates. We give web publishers a voice through good design.

                                                                • プレゼンはこれでOK!プレゼン術・スライドデザイン・素材・ツールなど役立つサイト&良記事まとめ - LIFE DESIGN

                                                                  2016 - 06 - 25 プレゼンはこれでOK!プレゼン術・スライドデザイン・素材・ツールなど役立つサイト&良記事まとめ Office PowerPoint Keynote 企画書 業務効率化 スライドデザイン プレゼン シェアする Twitter Google Pocket Line 伝わるプレゼン資料作成 成功の実践法則50 posted with ヨメレバ 木村 博史 ソーテック社 2016-06-18 Amazon Kindle 楽天ブックス 記事の目的 企画の提案や会議など、さまざまなシーンでプレゼンテーションが求められる時があります。プレゼンテーションといっても、スライド作成、素材の調達、プレゼン練習…と様々な要素が含まれています。 今回はプレゼンテーションの重要な要素、「スライドデザイン」「プレゼン術」「素材」「テンプレート」「小技 / アドイン / ツール」それぞれにつ

                                                                    プレゼンはこれでOK!プレゼン術・スライドデザイン・素材・ツールなど役立つサイト&良記事まとめ - LIFE DESIGN
                                                                  • Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice

                                                                    アプローチ方法は違うものの、このdipと先程のデバイスピクセル比はほぼ同じ目的を持った機能です。 参考:Androidレイアウトの単位 – dpについて掘り下げる – アンテナ立てて viewport 仮想的なウインドウサイズです。 viewportがないと仮定した場合、デバイス幅320pxのiPhoneでインターネットにアクセスした時のウインドウサイズは320ピクセルとなり、通常のサイトを閲覧するには不便です。 そこで仮想的に大きいウインドウサイズとすることで、通常のサイトでもひと目で情報が見え、閲覧性や操作性を高まります。 viewportのデフォルト値は980ピクセルです。 (※iPhoneは980ピクセルで間違いないのですが全てのスマホで980ピクセルでしょうか? 情報が見つからなかったので知ってる方は教えてください) また、viewportの数値はサイト側で指定できます。 スマホ

                                                                      Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice
                                                                    • Google Design

                                                                      “What if form did not just follow function, but also followed feeling?” Without compromising the functional foundations of our apps, Material You seeks to create designs that are personal for every style, accessible for every need, alive and adaptive for every screen."

                                                                        Google Design
                                                                      • ドライヤーの冷風の使い方 | sqrta HAIR DESIGN

                                                                        ドライヤーの冷風の使い方ってしってますか。 これを使いこなせるとセットの持ちがよくなりますのでご説明します。 その前にドライヤーの基本的な使い方から。 *髪ではなく頭皮を乾かしてください。 髪を乾かそうとすると毛先だけ先に乾きます。頭皮と根元に湿気が溜まってますとドライヤーで温まった毛髪が冷える過程で溜まった水分を吸い込んで髪の膨らみやねじれの原因になります。 毛先は逃げた風で十分に乾きますので地肌を乾かす感覚で風をあててください。 地肌と髪の根元を指の腹でこすって乾かしてください。 地肌をこすって乾かすと根元のねじれやクセが取れてキレイに立ち上げられます。 サイドのボリュームを押さえるために前に乾かしてください。 サイドやハチの部分を押さえようと下に押さえつけてもかえって広がります。ほとんどの方の毛流れは前に向かっています。毛流れに沿って乾かすことでボリュームが押さえられま

                                                                        • エンジニアのためのスライドデザイン実践講座 / How to design presentations for engineers

                                                                          Rails Developers Meetup 2018 Day 3 Extreme で発表させていただきました - https://techplay.jp/event/679666 - 質問: https://railsdm.herokuapp.com/issues/76 協力: FlyTeam: https://flyteam.jp/ レイルラボ: https://raillab.jp/

                                                                            エンジニアのためのスライドデザイン実践講座 / How to design presentations for engineers
                                                                          • もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選 / SQUEEZE - Web Design Studio -

                                                                            構造やクラス名、プロパティの記述方法などをルール付ける「CSSコーディング ガイドライン」策定のための参考記事を紹介します。 チームでの共有、コーディング効率やメンテナンス性などの改善のためにも、これを機会にガイドラインを導入してみてはいかがでしょうか。 コーディング規約を作ろう"制作チームの規模が大きくなればなるほど、コードの統一性は大切" ▶ コーディング規約を作ろう Webクリエイターボックス コーディング規約を見直すうえで抑えておくべきポイントを紹介。 チェックポイントコーディング規約に含むべき項目 ・ディレクトリやファイルの階層・名前 ・記述順やインデント、単位などのフォーマット ・ID,classなどの命名規則 ・対応ブラウザー CSSガイドラインを翻訳してみた"多くの開発者が関わる場合、メンテナンス可能、コード見通し良く、拡張可能にするために統一された方法を用いることが重要"

                                                                              もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選 / SQUEEZE - Web Design Studio -
                                                                            • system-design-primer/README-ja.md at master · donnemartin/system-design-primer

                                                                              You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                                system-design-primer/README-ja.md at master · donnemartin/system-design-primer
                                                                              • 本当は教えたくないイケてるアイコン素材集サイト「FLAT ICON DESIGN」がすごい

                                                                                パワーポイント等で資料を作ることがあるのですが、自分でも「もうちょっといけてる感じにならないかな」と思うことがあります。 そんなときに頼りになるのがアイコン素材集サイト。今回はその中でも、本当は誰にも教えたくないイケてるサイトをご紹介します。 FLAT ICON DESIGN FLAT ICON DESIGNのなにがイケてるかって、 アイコンのデザインの質が高いアイコンの数・種類が多いタグで探せるサイズや拡張子を選択できる背景有無など1つのアイコンに複数のバリエーションがあるアイコンにしっかりした説明文が書いてある商用利用無料という感じ。すごいです。 ここのアイコンを資料に少し入れるだけで、それっぽくすることができます。 最近ちょこちょこ使うアイコンをご紹介します。 imac風のデスクトップPCimac風のデスクトップPCのイラストアイコン素材です。最近ではWEBページはレスポンシブルデザ

                                                                                  本当は教えたくないイケてるアイコン素材集サイト「FLAT ICON DESIGN」がすごい
                                                                                • MdN Design|総合情報サイト

                                                                                  デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載!

                                                                                    MdN Design|総合情報サイト