Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[Cheat Sheet] Bootstrap 4 CheatSheet – Bootstrap 4のチートシート

  • Pocket
  • このエントリーをはてなブックマークに追加

Bootstrap 4のチートシート。v4ってまだAlpha版なんだけど、わりともう実用段階ではありますよね。仕事ではまだv3系使ってはいるけど、ヘルプとか探すとv4のものが上位ヒットしたりし「あー違うんだよ3のヘルプを探してんだよ」みたいな事がよくあります。
というわけでこちらのチートシートですが、カテゴリごとに分けて紹介されており、詳細に行くとコードとリザルトが分かりやすく見れるようになっています。個別にヘルプ探さなくても、このページさえ開いてれば結構色々解決できそうです。v4使ったコーディングのお供に良さそう。

[Wallpaper] iMac Pro Wallpaper – iMac Proの壁紙

  • Pocket
  • このエントリーをはてなブックマークに追加

AppleのiMac Proのサイト内で使われている壁紙がダウンロードできるようになってます。落としてみたところ、各種解像度のものがまとめて入っていて、自分の環境に合ったものを使う事ができます。正直それほど魅力的な壁紙だとは思わないんだけど、なんかこうApple純正って話になると贔屓目に見ちゃって、Dropboxで管理している壁紙フォルダに突っ込んでしまいました。iMac Pro欲しいなぁ。けど55万だもんなぁ・・・( ´・ω・)

[Freebie] Must-Have Sketch Templates for New UX Designers – UXデザイナーのためのSketchテンプレート

  • Pocket
  • このエントリーをはてなブックマークに追加

UXデザイナーのためのSketchテンプレートのまとめ記事。グリッドレイアウト素材、画面遷移のパーツが用意されたもの、アイコン、ワイヤーフレーム素材、iOSやAndroid、FacebookなどのUIモックアップ、カラーパレットなどのSketchファイルが紹介されています。Webディレクター、UXデザイナー、UIデザイナーといった職種の人にオススメ。

[Icon] Simply beautiful open source icons – オープンソースのシンプルアイコン

  • Pocket
  • このエントリーをはてなブックマークに追加

シンプルな線画のオープンソースアイコン。フォーマットはSVGで、個別にダウンロードする事もまとめてダウンロードする事もできます。シンプルで分かりやすく上品な印象なので、いろんな場面で使えそうです。ベクターデータな点もナイス。

[CSS] Trendy CSS Text Shadows – CSSで描く、クールなテキストシャドウ作例

  • Pocket
  • このエントリーをはてなブックマークに追加

CSSのtext-shadowのクールな作例。それぞれ使われているフォントや色指定についても紹介されており、「View CSS」をクリックするとCSSの確認もできます。フラットデザインが流行った後によく使われた、斜め方向にブラーなしの作例が多いです。Webでテキスト使ったちょっと印象的なタイポ組みたい時なんかの参考になりそうです。

[Technology] Will Robots Take my Job – 自分の仕事が将来的にロボットに取って代わられるかどうかを調査できるサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

自分の仕事が将来的にロボットに取って代わられるかどうかをチェックする事のできるサイト。職種をタイプすると関連するものがサジェストされるので、近いものを選びましょう。自分の場合「Web Designer」がなかったから「Graphic Designer」を選びましたが、仕事がなくなる可能性は8.2%、まぁ大丈夫でしょうという結果でした。また併せてその職種の成長率、年での平均的な賃金、何人がその仕事に就いているのかなどの情報も得られます。ただし職種についてはそれほど詳細に用意されているわけではないようです(Web系弱い)。
ちなみに自動運転の影響をモロに受けそうなDriverとかで検索すると、98%取って代わられるという驚異的な数字が出て、さらに「You are doomed」とまで言われました。いやほんと、うかうかしてられませんな・・・。

[Software] Stockmagic for Mac – Pixabayの画像素材をメニューバーから検索できるMac用アプリケーション

  • Pocket
  • このエントリーをはてなブックマークに追加

画像素材サイトPixabayにある画像をメニューバーアイコンからサクっと検索できるMac用アプリケーション。起動するとメニューバーに常駐するので、そこからいつでも素材検索ができるようになります。サイト内の動画を見ると分かるんだけど、検索結果はSketchに(おそらくはPhotoshopにも)直接ドラッグ&ドロップする事ができるようです。仕事でこの手のフォトストックサイトをよく使う人にイイですねこれ。

[Web Design] CSS & JS Sliders From CodePen – CodePenからスライダーを紹介したまとめ記事

  • Pocket
  • このエントリーをはてなブックマークに追加

CodePenにあるCSS & JSスライダーを紹介したまとめ記事。稼働するものをEmbedしてるのでちょっと重いですが、各作例右上にある「CodePen」ロゴをクリックすると単独で表示する事ができます。様々な手法のスライダーが多数紹介されているので、スライダー選びの時に役立ちそう。