Webサービス

有名アプリのUIをタイムラインで振り返る事ができる「Great Apps Timeline」

InstagramやPinterestなどの有名アプリのUIの変移を年代ごとにみる事ができるギャラリーサイト「Great Apps Timeline」の紹介です。

UIデザインのインスピレーションサイト「UI Movement」

さまざまなUIデザインを紹介するインスピレーションサイト「UI Movement」をご紹介。毎日のように更新されているので定期的にチェックしたいサイトです。

インストールしてるフォントを一覧表示できる「wordmark.it」

PCにインストールしているフォントを一覧表示できるWebサービス「wordmark.it」の紹介。特定のテキストをパッと一覧で比較したい時などに便利。

スマホUIのアニメーションを確認できるサイト「appealing」

スマホアプリのUIをアニメーションで見ることができるギャラリーサイト「appealing」の紹介。カテゴライズされているので見たいアクションの動きをパッと見ることができます。

スターウォーズでプログラミングを学べる「Star Wars: Building a Galaxy With Code」

スターフォーズファンにはたまらないスターウォーズでJavaScriptを学べる「Star Wars: Building a Galaxy With Code(コーディングで銀河をつくろう)」のご紹介。

英字フォントの組み合わせを検索できる「Type Genius」

見出し・本文など英字フォントの組み合わせを実例から検索できるサービス「Type Genius」の紹介です。英語サイトを制作する時に参考になりそうです。

遊びながら学べるプログラミング学習ゲーム「CodeCombat」

JavaScriptなどの無料で遊びながら学べる、プログラミングを始めたい方におすすめな、プログラミング学習ゲーム「Code Combat」をご紹介します。

ドメインやSNSの空きアカウントを調べられる「namechk」

同一の名前のドメイン・SNSサービス(Twitter・Facebook等)アカウントの空きをチェックできるWebサービス「Namechk」を紹介します。

iPhoneなどアプリのUIを集めたギャラリーサイト「Pttrns」

iPhone・iPad・AppleWatchなどのアプリのインターフェイスを集めたギャラリーサイト「Pttrns」の紹介。アプリの様々なシーンのキャプチャを公開してます。

AppleWatchアプリの動作を確認できる「WatchAware」

「WatchAware」でアプリの動作を体験できるサイトがあったのでメモ。100種類以上ある様々なアプリのUIをサラッと見たい時に便利。

RANDOM POST
  • スクロール連動のエフェクトを実装できるライブラリ「AOS」
  • 【jQuery】ページめくり効果を付けられる「OneBook3d」
  • 様々なホバーエフェクトを実装できる「imagehover.css」
  • グラデーションのアニメーションを実装できる「Granim.js」
  • CSSアニメーション制作に役立つライブラリ・ツール14選
  • 【JS】要素をモーダルウィンドウに変化させる「cta.js」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選
  • CSSで作成する吹き出しとデザインのアイデア
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】