サイト構築 -実装
2018年のロゴデザインのトレンド -2018 Logo Trend Report
Post on:2018年5月30日
ロゴのデザインって、見ているだけでも楽しいですよね。 ロゴにはタイポグラフィ、カラー、形、質感、バランス、リズム、配置など、デザインの基本となる要素が詰まっています。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴ […]
UIのデザインはちょっとしたことで印象が大きく変わる、背景に適した色の選び方
Post on:2018年5月29日
背景の色に悩んだり、なんとなく決めてしまうことはありませんか？ Webサイトやスマホアプリの背景に適した色の選び方、明度と彩度を最適化するデザインのテクニックを紹介します。 Why You Shouldn’t Use B […]
簡単すぎて驚いた！ユーザーフローとプロトタイプが短時間で作成できてしまうツール -Overflow
Post on:2018年5月28日
Webサイトやスマホアプリのデザインで重要なのは、単一の画面ではなく、ユーザーがどのように遷移するか全体の流れを通して画面をデザインすること。 しかし、ユーザーフローやプロトタイプを作成するのは、なかなか面倒です。 Sk […]
[CSS]これは便利！検証が面倒なフォールバックのスタイルを簡単に検証できるChrome, Firefoxの機能拡張
Post on:2018年5月25日
CSSでレイアウトをする際、最近の主流はFlexbox、そしてCSS Gridも増えてきました。 そんな中、サポートされていないブラウザ用に必要になるのがフォールバックです。 検証するのが面倒なフォールバックのスタイルを […]
背景のデザインに困った時に！Webデザイン、ソーシャルメディア、イラストなどに利用できる背景素材生成ツール
Post on:2018年5月25日
Webデザイン、ソーシャルメディア、ブログをはじめ、イラストや壁紙など、さまざまなデザインに利用できる背景素材を生成するオンラインツールを紹介します。 昨日リリースされたばかりですが、すでに豊富なデザインが揃っており、今 […]
アニメーションの原則に基づいた自然な動きが実装できるReactのアニメーション ライブラリ -React Spring
Post on:2018年5月24日
最近のWebサイトやスマホアプリのUIにアニメーションを実装する際、CSSだとeasingやdurationなどが欠かせません。しかし現状CSSだとそこが限界です。 アニメーションの原則に基づき、パフォーマンスにも優れた […]
商用利用無料でしかも高品質！ランディングページを作成するためのHTML/CSSのテンプレートのまとめ
Post on:2018年5月23日
プロダクトやサービス、スマホアプリ、ショップなど、さまざまなプロジェクトに利用できるランディングページ用のHTML/CSSテンプレートを紹介します。 テンプレートはすべてレスポンシブ対応で、HTML/CSSだけを使用して […]
Vue.jsとNuxt.jsを使用して、Webページのページ遷移に気持ちいいアニメーションを与えるチュートリアル
Post on:2018年5月22日
Vue.jsとNuxt.jsを使用して、スマホアプリで見かけるようなアニメーションを伴った滑らかなページ遷移をWebページに実装するチュートリアルを紹介します。 Native-Like Animations for Pa […]
デザイナー・カメラマンにおすすめ！大量の画像を効率的に管理できるWin, Mac, Linux対応の無料アプリ -Tiat
Post on:2018年5月21日
画像のビューア・管理系のアプリはいろいろありますが、画像の枚数が多くなると挙動が重くなったり、分類するのが面倒だったり、また有料だと高機能すぎたりと、ちょうどよいのに出会えていない人に朗報です。 完全無料で、Win, M […]
どんどん簡単になっていく！最近見かけるアニメーションを伴ったさまざまなUIが実装できるスクリプト -LayerJS
Post on:2018年5月18日
アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンや […]
sponsors
