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
  • CSSだけで三角・矢印を作る方法
  • 【CSS】スターウォーズのイントロを表現できるライブラリ「starwarsintro.css」
  • AppleWatchアプリの動作を確認できる「WatchAware」
  • CSSとJavaScriptで実装できるメニューをまとめた「110 CSS Menu」
  • 【jQuery】ページ移動時にアニメーション効果をつけられるAnimsition
  • 【Illustrator】イラストレーターで煙のようなブラシを作ってみる
POPULAR POSTS
  • 【2021年版】 無料で使えるフリーイラスト素材サイト33選(商用利用可)
  • 【無料】漢字が使える日本語フリーフォント70選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • フォントを調べる時に役に立つツール・サイト10選
  • 【2021年版】 Google Fontsの使い方とおすすめ日本語フォント
PICKUP
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • 【2021年版】 WordPressのおすすめテーマ17選(無料版/有料版)
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 導入しておきたいWordPressのおすすめプラグイン
  • Photoshopで画像を切り抜くテクニック【初心者向け】