タグ

2019年6月7日のブックマーク (6件)

  • UIデザインにおけるアイコンの重要性|Goodpatch Blog グッドパッチブログ

    UIデザインにおける「アイコン」は、アクションやコンテンツを直感的かつ素早くユーザーに伝えるための記号や絵柄であり、デザインにおいて大切な要素の一つです。また、ユーザーに意味を正確に伝える必要があるからこそ、機能やアクションをどのようにアイコンで表現すればいいか、サービスの世界観に合っているか、などと悩むデザイナーも多いと思います。 今回はウェブサイトのUXを高めるアイコンのデザインについて、少し掘り下げていきたいと思います。 1. ピクトグラムとの違い まずはじめに、アイコンとよく似たものとして「ピクトグラム」が挙げられます。ピクトグラムは、言葉で説明をしなくても情報が伝わるよう絵で表現したものです。年齢、障害、人種、宗教、環境などに左右されず万人が共通で理解できる情報提供手法として、日を含め世界中の公共交通機関、観光施設等で広く掲示されています。つまり、ピクトグラムは「世界共通の言語

    UIデザインにおけるアイコンの重要性|Goodpatch Blog グッドパッチブログ
    s99e209
    s99e209 2019/06/07
  • 最近のWebページ用にCSSリセットの効果的な使い方、Normalize CSSとReset CSSそれぞれの利点を取り入れる

    Webページを実装する際に、何らかのCSSリセットを使用している人が多いと思います。リリースされているものをそのまま、またはカスタマイズしたり、オリジナルのCSSリセットを使用しているかもしれません。 2大CSSリセットとも言えるNormalize CSSとReset CSSの特徴、Normalize CSSとReset CSSそれぞれの利点を取り入れて安心して使用する方法を紹介します。 Normalize CSS or CSS Reset?! br Elad Shechter 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ブラウザのユーザーエージェント スタイル Normalize CSS Reset CSS Normalize CSSとReset CSSの両方を安心して使用する方法 終わりに 参考記事 はじめに

    最近のWebページ用にCSSリセットの効果的な使い方、Normalize CSSとReset CSSそれぞれの利点を取り入れる
  • [CSS] 両端に余白があるコンテナをページの中央に配置する古い実装方法と最近の実装方法

    ページの端から端まで伸びる背景があり、コンテンツは両端に空白があり、中央に配置されています。ここ数年で増えてきたレイアウトです。 この内側のコンテナを実装するさまざまな方法、それぞれの利点と欠点、解決方法を紹介します。 The “Inside” Problem 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 最近のWebでよく見かけるレイアウト 古典的な解決策: 外側と内側のコンテナ 単一の要素だけの場合 コントロールが可能なコンテナがある場合 親にoverflow-xを使用しなくてもいい場合 CSS GridまたはFlexboxは役立ちますか? 代わりに、端をフェイクする 最近のWebでよく見かけるレイアウト あなたはWebページの実装に取り組んでいます。レイアウトには端から端まで水平方向に伸びるbackground-colo

    [CSS] 両端に余白があるコンテナをページの中央に配置する古い実装方法と最近の実装方法
    s99e209
    s99e209 2019/06/07
    full-widthのテクニックでどんな幅でも中央にコンテナを配置できる。
  • Php Inspections EA Extended 3.0.11/Ultimate 2.0.13の新機能 - Qiita

    Php Inspections (EA Extended)とPhp Inspections (EA Ultimate)はPhpStormのInspection(コード検査)機能をさらに強力なものに拡張してくれるPHPerなら絶対に入れておきたいプラグインです。無償で使えるのがEA Extendedで、それに更に検査ルールを加えたハイエンドの有償版がEA Ultimateです。 稿では、そのEA Extended 3.0.11(2019/2/23リリース)、EA Ultimate 2.0.13(2019/2/25リリース)に追加された新たなチェックツールを紹介します。 EA Extended/EA Ultimate共通の新機能 PHPUnitのバグとベストプラクティス 検査名: PhpUnit: bugs and best practices PhpUnit関連のコードを分析してバグを報告

    Php Inspections EA Extended 3.0.11/Ultimate 2.0.13の新機能 - Qiita
    s99e209
    s99e209 2019/06/07
    Ultimate版はパフォーマンスなども提案してくれるのか。ライセンス料50ドル/年 なら契約してみてもいいのかなあ。
  • Apple Watchは、新しいOSで真の「健康管理デヴァイス」になる

    s99e209
    s99e209 2019/06/07
    健康マニアとしてはそろそろ手に入れたいところ。
  • 2019年6月第1週号 1位は、 もう終わったウェブデザインのトレンド、気になるネタは、アップル、約4年ぶりに「iPod touch」新モデル--6色展開で2万1800円から | gihyo.jp

    週刊Webテク通信 2019年6月第1週号1位は、 もう終わったウェブデザインのトレンド、気になるネタは、アップル、約4年ぶりに「iPod touch」新モデル--6色展開で2万1800円から ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2019年5月27日~6月2日の間に見つけた記事のベスト5です。 1. 10 Web Design Trends We’re Already Over | Design Shackhttps://designshack.net/articles/graphics/5-web-design-trends-were-already-over/ もう終わったウェブデザインのトレンドをまとめています。 全てがビンテージ 近日公開ページ とても細いタイポグラフィ

    2019年6月第1週号 1位は、 もう終わったウェブデザインのトレンド、気になるネタは、アップル、約4年ぶりに「iPod touch」新モデル--6色展開で2万1800円から | gihyo.jp
    s99e209
    s99e209 2019/06/07
    自動スライダー形式のヒーローバナーは、気を引きそうな画像を複数置くことでインパクトは出るけど、訴求ポイントがぼやけるっていうのは昔から言われますな。広告と認識されてクリック率が低いというのもあるし。