サイト構築 -制作

最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ

Post on:2018年6月27日

ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。 そんな便利なスマホアプリのユーザーインターフェイスに注目し

...記事の続きを読む

Adobe XDがかなり便利になってる!スマホやWebサイトの制作に使える、UIやワイヤーフレームの無料素材のまとめ

Post on:2018年6月26日

Adobe XDは毎月アップデートされ、機能の強化もすごいですが、無料素材もどんどん公開されています。スマホやWebサイトのUIデザイン、ワイヤーフレーム、スタイルガイドの作成に役立つAdobe XDの無料素材をまとめま

...記事の続きを読む

Web制作者の腕試し!HTMLやCSSやJavaScriptなどのコードでキーボードのタイピング練習ができる -Type Fu

Post on:2018年6月20日

HTML, CSS, JavaScript, Swiftなどのコードで、キーボードのタイピング練習ができるオンラインツール・アプリを紹介します。 最近では、HTML, CSS, JavaScriptを手打ちで入力する機会

...記事の続きを読む

フロントエンドのコーダーの頭の中、デザインを見た時にどんなことを考えるのか

Post on:2018年6月19日

フロントエンドのコーダーがデザインを見た時にどんなことを考えるのかを紹介します。デザインカンプを手がかりに、そのデザインが意味する仕様上のさまざまな可能性やそれらを実現するための実装方法を考えるなど、コーダーとして最も楽

...記事の続きを読む

知ってると便利!HTML, CSS, JavaScriptなど、コーディングの作業を快適にするエディタの操作テクニックのまとめ

Post on:2018年6月7日

フロントエンドの制作者は、コードの入力や操作に多くの時間を費やします。最高のパフォーマンスを得るには、エディタを快適に操作する方法を知っておく必要があります。Web制作において、特に有用なエディタの操作方法を紹介します。

...記事の続きを読む

商用利用無料!Webサイトやスマホアプリの美しいサイトマップやワイヤーフレームを作成できるベクター素材

Post on:2018年6月6日

300種類以上のコンテンツ、カード・ライン・アローなど、フローチャートで使用する形もベクターで収録された、サイトマップ・ワイヤーフレームを作成できる無料素材を紹介します。 商用レベルの美しいフローチャートを簡単に作成でき

...記事の続きを読む

スマホアプリのメニューでよく使用されるあのアイコンの名前、ハンバーガーとかケバブとかミートボールとか

Post on:2018年6月6日

先日の記事「Chrome 67でアップデートされたデベロッパーツールの新機能」で、「ケバブって言うんだ」という声が聞こえたので、メニューでよく使用されるアイコンの名称を紹介します。 横3本線のアイコンはほとんどの人が「ハ

...記事の続きを読む

UIデザインの作業状況やワークフローの変化を知り、自分にあった良い方法はどんどん取り入れよう!

Post on:2018年6月5日

Webデザイナーやデベロッパーの実際に作業しているファイルを元に、UIデザインの作業状況を調査したレポートを紹介します。 UIデザインに使用しているツール、ファイル、シンボル、レイヤー、ベクターグラフィックなど、どのよう

...記事の続きを読む

簡単すぎて驚いた!ユーザーフローとプロトタイプが短時間で作成できてしまうツール -Overflow

Post on:2018年5月28日

Webサイトやスマホアプリのデザインで重要なのは、単一の画面ではなく、ユーザーがどのように遷移するか全体の流れを通して画面をデザインすること。 しかし、ユーザーフローやプロトタイプを作成するのは、なかなか面倒です。 Sk

...記事の続きを読む

商用利用無料でしかも高品質!ランディングページを作成するためのHTML/CSSのテンプレートのまとめ

Post on:2018年5月23日

プロダクトやサービス、スマホアプリ、ショップなど、さまざまなプロジェクトに利用できるランディングページ用のHTML/CSSテンプレートを紹介します。 テンプレートはすべてレスポンシブ対応で、HTML/CSSだけを使用して

...記事の続きを読む

top of page

©2018 coliss