nacika_inscatolareのブックマーク - はてなブックマーク

Vue.js関連の各種リソースがまとめられた「VueToolbox」 - NxWorld

「VueToolbox」は、Vue.jsに関係するフレームワーク・コンポーネント・ジェネレータ・ユーティリティなどの各種リソースがまとめられているサイトです。サイトでは下記5カテゴリーに大きく分類されているのに加えて、例えば「Frameworks」であれば「Admin Template」「Component Collections」「Desktop」といったように、さらにその中でも分類化されているので目的のリソースも探しやすくなっています。 Frameworks Integrations UI Components UI Utilities Utilities 子カテゴリーの一覧ではリソース名と概要が記載されたものが並べられています。また、一覧の右上で並び順の切り替えができるようになっており、最後のコミットがいつされたかやnpmでのダウンロード数などを基準にできます。詳細ページでは「

nacika_inscatolare 2018/09/14

vue

リンク

ダミーの顔写真が必要なときに便利な「UI Faces」 - NxWorld

「UI Faces」は様々な人物の顔写真が集約されているサイトで、テスト時やデザインのモックアップなどでとりあえず顔写真が必要なときに便利です。基本的に海外の方達になりますが、性別・年齢・感情などでフィルタリングもできるようになっているので、利用したいタイプの人物を探すのも容易だと思います。上のキャプチャのようにページ上部にフィルタリング機能が用意されており、参照元・年齢・性別・髪色・感情の5つの項目をそれぞれ選択することで目的の人物画像を探しやすい作りになっています。また、Sketchでこれらの画像を簡単に使えるプラグインと件数や性別などを指定して扱えるAPIも用意されているので、ダミーの顔写真を利用する機会が多いとか手っ取り早く用意したいときはこれらを利用することでより便利です。

nacika_inscatolare 2018/03/22

design
face

リンク

今年気になったハイクオリティなデザインUIキット − 2017 - NxWorld

今年（2017年）で見かけて気になったものやダウンロードしたデザインUIキットのまとめです。そのままデザイン素材として使用するだけでなく、パーツやカラーの組み合わせ方を参考にしたり、どのようなレイヤースタイルで作られているかなど制作時のヒントに繋がる場合もあると思います。紹介しているUIキットを使用する際は、ライセンス等は各自で再度確認してください。

nacika_inscatolare 2017/10/10

UI kit

リンク

Sketchで利用できるクールなグラデーション素材 8 - NxWorld

近年グラデーションをイメージに重ねたり、テキストやボタンの背景・文字カラーもベタ塗りではなくグラデーションが使用されているのを頻繁に見かけるようになりましたが、そのようなデザインをSketchで制作する際に利用できるクールなグラデーション素材のまとめです。紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。

nacika_inscatolare 2017/07/11

sketch

リンク

NxWorld

My weblog space for web development and design.

nacika_inscatolare 2015/01/27

webDesign

リンク

hr要素のデザインサンプル 12 - NxWorld

hr要素は罫線を表示させるもので、話題を変えるときの目印となる区切り線などとして用いられます。どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねてhr要素をスタイリングしたものをまとめてみました。ここで紹介しているものは、ブラウザによっては（特にCSS3を用いているもの）ちゃんと表示されません。また、多用する人も多いと思う破線や点線もブラウザによっては多少見栄えが違ったりするので、使用する際はあらかじめ注意が必要になります。はじめにここで紹介しているものは、すべてHTMLは<hr />のみです。また、それぞれのhr要素にはデフォルトスタイルとしてあらかじめ下記のようなスタイルを指定してあります。