タグ

ブックマーク / www.mdn.co.jp (8)

  • 一度使うとやめられない!? 機能とデザインに優れたPCリュックまとめ - MdN Design Interactive

    近年は会社勤めの人だけでなく、フリーランスのクリエイターから学生まで、実に幅広い層がノートPCやタブレットを日常的に持ち歩くようになった。比較的重い荷物であるノートPCを気軽に運べて、スポーツ自転車にも乗ることができるリュックは、そんなライフスタイルにぴったりの相棒となるだろう。今回は、ノートPCやタブレットの持ち運びにすぐれたリュックをまとめて紹介したい。 2019年6月3日 TEXT:佐藤勝 ※当記事は2015年6月公開した内容を再編集したものです ▷ メンズ バッグ PMT/KAVまず最初に、デザインで個性を主張したい人向けのプロダクトとして、ハワイ発のサーフブランド「DAKINE(ダカイン)」をご紹介。

    一度使うとやめられない!? 機能とデザインに優れたPCリュックまとめ - MdN Design Interactive
    kondoyuko
    kondoyuko 2015/06/03
  • MdN Design|総合情報サイト

    フレームワーク&API 5-01 Twitter Bootstrapを使ったサイト構築の流れ (後編) レスポンシブWebデザインとグリッドレイアウト、そしてメディアクエリに対応したCSSフレームワークであるTwitter Bootstrapについて、CSSメタ言語のLESSとともに解説する。 制作・文/酒井能克(有限会社ブルームーン) BROWSER IE…7over Firefox…3.6over Safari…3.1over Chrome…10over LESSを使ってBootstrap をカスタマイズする (2) LESSの設定 前述したとおり、Twitter BootstrapCSSファイルはLESSから自動生成されている。 なお、LESSのソースコードは GitHub プロジェクトのサイトからダウンロードする必要がある【01】。ダウンロードしたファイル構成は、【02】のよう

    MdN Design|総合情報サイト
    kondoyuko
    kondoyuko 2014/02/17
  • MdN Design|総合情報サイト

    01 text-shadow プロパティは「textshadow:X方向の距離、Y方向の距離、ぼかしの距離、影の色」の順に指定する。現在、FirefoxとGoogle Chromeではベンダープレフィックスなしで使用できる。まず、文字に単純なドロップシャドウをつけてみる【1-1】。コードは【1-2】だ。 【1-1】X方向とY方向10ピクセルの距離に影をつけた 【1-2】この後複数のタイポグラフィをつくっていくので、h1に共通のスタイルを指定しておく 02 X方向とY方向の距離を0にして、ぼかしの距離のみを指定すると、いわゆるグロ ー(光彩)を表現できる【2-1】【2-2】。写真等の上に文字を載せるときに、背景色にとらわれず文字を見やすくすることができる。この場合はRGBAのアルファ値の設定を併用するとより自然な表現になるだろう(アルファ値についてはLesson10にて解説。乞うご期待!)。

    MdN Design|総合情報サイト
    kondoyuko
    kondoyuko 2013/08/02
  • クリエイティブ業界に就職するためのポートフォリオ 第2回 - MdN Design Interactive

    【第2回】明快なコンセプトが、ポートフォリオの訴求力を高める 2011年10月26日 TEXT:尾形美幸 クリエイティブ業界に就職するための必須アイテムであるポートフォリオ。採用担当者の心をつかむ、訴求力のあるポートフォリオをつくるためのポイントを、全4回の連載で紹介する。第2回の今回は、ポートフォリオのコンセプトの重要性を解説しよう。 >>> 目次はこちら ■最初に意識してほしい、ポートフォリオのコンセプト ポートフォリオ制作を始めるにあたり最初に意識してほしいのが、ポートフォリオのコンセプトだ。ここでいう「コンセプト」は、ポートフォリオの目的を効果的に実現するための、制作の指針といえる。コンセプトは「目的意識」といい換えてもよい。たとえば、「自分の得意分野を強くアピールしよう」とか「応募する企業の製品や社風を意識した作品を掲載することで、熱意をアピールしよう」といった具合である。こうし

    クリエイティブ業界に就職するためのポートフォリオ 第2回 - MdN Design Interactive
    kondoyuko
    kondoyuko 2013/06/07
  • クリエイティブ業界に就職するためのポートフォリオ - MdN Design Interactive

    クリエイティブ業界に就職するための必須アイテムであるポートフォリオ。採用担当者の心をつかむ、訴求力のあるポートフォリオをつくるためのポイントを、全4回の連載で紹介する。 ■CONTENTS

    kondoyuko
    kondoyuko 2013/06/06
  • 万能デザインアイデア01 爆発したようなロゴ - MdN Design Interactive

    爆発したようなロゴをアクセントに使って目立たせる 使いどころ 写真やイラストなどのビジュアル要素が少なくてもインパクトを出すことが可能! 制作・文 三浦 悟(Sunny Sizes) url http://www.sunnysizes.com/ ●制作の要点 爆発したような見た目のポップなロゴ。文字をアウトライン化したのち、“パンク・膨張...”フィルタや“パスのオフセット...”などを適用して作成している。 .................................................. 使用ソフト Illustrator CS/CS2 爆発風に加工した文字を大胆に配置しマークのように用いる 一文字のみに爆発風の加工を施して大きなサイズで大胆にレイアウトすると、キービジュアルとして利用することができる。ここでは、アルファベットの「P」という文字を加工し、その周囲に円形

    万能デザインアイデア01 爆発したようなロゴ - MdN Design Interactive
    kondoyuko
    kondoyuko 2013/06/04
  • MdN Design|総合情報サイト

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

    MdN Design|総合情報サイト
  • MdN Design|総合情報サイト

    Photoshop、Fireworks、Dreamwaver、etc. WEBの作業が楽になるテクニック総まとめ 第2回 「あの作業をもっと早くしたい!!」と思っても、改善できずに制作を続けている場合もあるだろう。そこで、Web制作が楽になる操作テクニックをまとめて紹介!! ふだんから使用しているさまざまなソフトウエアを使いこなし手間どる作業をスムーズに行おう。

    MdN Design|総合情報サイト
  • 1