サンプル例でわかる！注目したい2020年のWebデザイントレンド8個まとめ - PhotoshopVIP

2019/11/18 68 users デザイ PhotoshopVIP ウェブデザイン 翻訳 許可

海外サイト 99designs で公開された 8 innovative web design trends for 2020 より許可をもらい、翻訳転載しています。 この記事では、これから2020年に注目したいウェブデザインの最新トレンド8個をピックアップ、予想しています。「アッと驚かすデザインをつくりたい。」そんな思いにさせてくれる、たくさんのデザイ... 続きを読む

話題のデザインシステムって何？積極的に取り入れたいデザイン要素14個まとめ - PhotoshopVIP

2018/07/13 34 users デザイナー Design System ビジネス 企業 多く

ここ数年、デザインシステム（英: Design System）がデザイナーの間で話題となっています。この記事では、デザインシステムが重要な理由と、何を含む必要があるのか、人気ブランドから公開されているデザインシステムのサンプル例と一緒に、まとめてご紹介します。 多くの企業やビジネスにおいて、デザイン設計により投... 続きを読む

Webサイトを使いやすく！UIデザインのCSS小技テクニック21個まとめ（実例サンプルコード付） - PhotoshopVIP

2018/01/23 160 users Twitter PhotoshopVIP インターフェース

素敵なインターフェースを心がけ、ユーザーエクスペリエンスを格段に改善することができる、UIデザインの重要ポイントを具体的なHTML/CSSのサンプル例と一緒にご紹介します。これらの各ポイントは、もともと @steveschoger がTwitterでツイートした内容となります。 1. アイコンはラベルよりも少しだけ明るくしよう。 文字ラベルの横にアイコンを配置するときは、少しだけ色を明るくしてみま... 続きを読む

ずっと使える、デザインの基本をまとめました。【2017年改訂版】 - PhotoshopVIP

2017/01/27 317 users エントリー 基礎テクニック 興味 対象 すべて

ずっと使える 、 デザインの基本をまとめました。【2017年改訂版】 Basic Design Rules 2017 「デザイン」に対して興味のあるすべての人を対象に、 いつまでも長く利用できるデザインの基礎テクニック を、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテク... 続きを読む

プログラミング不要で、マウスオーバー時にポップアップ表示ができる超軽量CSSライブラリ「Hint.css」を使ってみた！ : うえぶはっく

2016/01/27 84 users ウェブ インフォメーション プログラミング HTML ヒント

今すぐ、自分のWebサイトやブログなどにポップアップ表示を導入できる超軽量なCSSライブラリ 「Hint.css」 のご紹介！ HTMLの好きな要素に、専用のクラス名を指定するだけで誰でもすぐに利用できるのが特徴で、メッセージやインフォメーション、ヒントなどを表示させるのに最適です。 そこで、スマホでの利用シーンも踏まえて、サンプル例と一緒にご紹介しようと思います！ 使い方！ 利用方法はシンプルで... 続きを読む

データビジュアライゼーションのデザインパターン20 −混沌から意味を見つける可視化の理論と導入−：書籍案内｜技術評論社

2015/04/07 75 users 混沌 データビジュアライゼーション ビジュアライゼーション

この本の概要 データビジュアライゼーションのデザインパターンをサンプルをもとに，構成する要素やビジュアルのキーとなる部分などの概要から，作成する際に軸となるポイントまでを解説する書籍です。ビジュアライゼーションのサンプル例がWebとしてみることができるので，データビジュアライゼーションの概要を容易に理解することができ，さらにウェブ系のサイト構築/アプリ開発の現場で作成する際にイメージを共有させるな... 続きを読む

プロジェクト成功確率向上の近道とは？（2）：サンプル例に見る機能仕様書の基本的な書き方＆読みやすくする7つのテクニック (1/3) - ＠IT

2015/02/06 446 users 近道 テクニック Joel プロジェクト成功確率向上 書き方

プロジェクト成功確率向上の近道とは？（2）：サンプル例に見る機能仕様書の基本的な書き方＆読みやすくする7つのテクニック (1/3) ITシステム開発の問題点の一つであるコミュニケーションの失敗。本連載では、これを防ぐ方法としてお勧めしたい3つのドキュメントを紹介していく。今回は、Joelの機能仕様書を日本人向けにカスタマイズされたものを例に、機能仕様書の基本的な書き方、読みやすくする7つのテクニッ... 続きを読む

ロゴ入りのクールなQRコードが作れる「Unitag」:phpspot開発日誌

2012/07/02 291 users QRコード phpspot開発日誌 ロゴ ロゴ入り ツール

Unitag QR Generator- Create fancy QR Codes for free - Check out Premium access - Unitag - Connect to the world ロゴ入りのクールなQRコードが作れる「Unitag」。 WEBブラウザ上でサイトのロゴが入ったQRコードなどを簡単に作れるツールです サンプル例。なんかかっこいい。 ロゴ入り。こ... 続きを読む

CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例色々:phpspot開発日誌

2011/02/18 138 users CSS phpspot開発日誌 images ヘッダ 一昔前

CSS drop-shadows without images ? Nicolas Gallagher CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例が色々公開されています。 一昔前なら、どう考えても画像を使っていると思ってしまうこうしたグラフィックもCSSで実現できてしまいます。 パターンも多くて実用的です。ヘッダ、メニュー等、ありとあらゆる部分に応用できそう。 画像編集ツール... 続きを読む