タグ

designに関するinoueyuworksのブックマーク (3)

  • Pure.css

    CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu

    inoueyuworks
    inoueyuworks 2021/05/19
    良い感じの pure css の examples
  • ロード時のスピナーとプログレスバー、どう使い分ける? - ポップインサイト

    お店で誰かに商品の場所を尋ねたとして、その相手がただそこに立ったままだったとしたらどう思うでしょうか。きっとイライラして、その場を立ち去りますよね。同じように、ユーザーは長い間スクリーン上のスピナー(通信やローディング時にくるくる回るアニメーション表示の)を見ていると、このような心理状況に陥ります。 スピナーは時間のかかる処理には適さない スピナーは、その処理が終わるまでどのくらいの時間を要するのかをユーザーに伝えません。長時間の処理にスピナーを使うと、最終的にユーザーはアプリに何か問題が起こったのではないかと疑問に思うでしょう。フィードバック無しでは不確実性が生じ、ユーザーは最悪の場合を想定することになります。 ユーザーは読み込みに時間がかかるだろうと考え、待つ気をなくすのです。そしてしびれを切らして、戻るボタンを押したり、またはアプリを終了したりするでしょう。 4秒以下の短い処理はスピ

    ロード時のスピナーとプログレスバー、どう使い分ける? - ポップインサイト
    inoueyuworks
    inoueyuworks 2020/08/01
    スピナー: 4秒以下のローディング; プログレスバー: 1分以内ならば percentage, それ以上ならば、残り時間を表示すると良い。
  • フォントを語る上で知っておきたい基礎知識10|NEWS|株式会社INDETAIL(インディテール)

    はじめまして! F-man です。 BLOG初投稿となる今回テーマは、デザイン制作をする上で非常に重要な要素となるフォント。デザイナーはもちろん、ディレクターやプランナーなど非デザイナーの方でも知っておくと役に立つフォントの基礎知識10選を紹介します。 1. 明朝体とゴシック体 和文(日語)の書体は、大きく分けて明朝体とゴシック体の2種に分類されます。明朝体は縦線に比べて横線が細く、横線の右端や曲がり角の右上に「山」がある書体です。ゴシック体は基的に線の太さは一定で、「山」のない書体です。 2. セリフとサンセリフ 欧文(アルファベット)の書体も、和文が明朝体とゴシック体に分かれるのと同じように「セリフ(serif)」「サンセリフ(sans-serif)」に分類されます。 セリフは、字体の曲がり角にある飾り(うろこ)を示す言葉で、セリフのある書体がセリフ体となります。サンセリフは「セリ

    フォントを語る上で知っておきたい基礎知識10|NEWS|株式会社INDETAIL(インディテール)
    inoueyuworks
    inoueyuworks 2020/05/24
    明朝体とgothic体; serif/sans-serif; 等幅と proportional フォント; oblique/italic; font-family; oblique/italic; script-fonts; 従属欧文(欧文font in 和文font); 一階建と二階建; OpenFont(Mac/Windows互換); 約物(やくもの): 記号類
  • 1