サイト構築 -制作

はっきりと分かるようにデザインされたUIは、最高のUI

Post on:2019年11月14日

多くのデザイナーが日々、使いやすいデザインについて模索しています。 WebページやスマホアプリのUIデザインにおいて、使いやすいデザインへの一つの答えとなる記事を紹介します。 すっきりデザインされたUIよりも、はっきりと

...記事の続きを読む

Adobe Photoshop 20.0.7がリリース、macOS Catalinaで起きていた不具合に対応

Post on:2019年11月1日

先週の10/23にアップデートされたAdobe Photoshop 20.0.7で、macOS 10.15 Catalinaで起きていたいくつかの不具合が解消されたとのことです。 改善されていない問題に関しては、回避策が

...記事の続きを読む

HTMLのhidden属性の使い方と弱点、要素の表示・非表示を切り替える便利なスタイルシート

Post on:2019年10月30日

ページ上の要素、例えばメニューの中身などの表示・非表示を切り替える必要がある時があります。実装方法はいろいろありますが、要素を非表示にする一番簡単な方法はHTMLのhidden属性です。 HTMLのhidden属性の使い

...記事の続きを読む

WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性

Post on:2019年10月23日

ここ数年、PWA(プログレッシブウェブアプリ)が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。

...記事の続きを読む

バージョン管理ツールのGitでよく使用するコマンドを1ページにまとめた便利なチートシート -GitSheet

Post on:2019年10月21日

バージョン管理ツールのGitでよく使用するコマンドを1ページにシンプルにまとめたチートシートを紹介します。 GitSheet

いよいよ?まだまだ?IE11のサポート終了までのカウントダウンが始まる

Post on:2019年10月21日

Web制作において悩みの種の一つが、IE11のサポートです。 main要素に垂直方向のmargin, paddingが効かない、CSS Grid、変数、@supportsなど、IE11が足かせになって使用に躊躇している人

...記事の続きを読む

フォームのボタン配置はどこが最適か、左揃え・横並び・上下など、フォームのタイプごとに詳しく解説

Post on:2019年10月3日

フォームのボタン配置は、多くの場合無視されるか、見映えに基づいて優先順位がつけられます。しかし、ボタン配置は非常に重要で、フォームを使いづらくする要因の一つであるため、正しく配置することが不可欠です。 フォームのボタン配

...記事の続きを読む

UIデザイナーから学ぶ!今までのカラーシステムと一貫性を保ちつつ、ダークモードに対応する方法を解説

Post on:2019年10月1日

デザイナーに、構造化が求められる要件がここ数年で急増しています。また、スマホやデスクトップの両方のOSにダークモードが導入されたことで、新たなデザインの領域を増やす必要もあります。 今までのカラーシステムと一貫性を保ちつ

...記事の続きを読む

CSSでブレイクポイントを定義する時の一般的なスクリーンサイズやデバイスの状況を確認できる -Screen Size Map

Post on:2019年9月30日

スマホ・タブレット・デスクトップの一般的なスクリーンサイズをデバイスの状況、人気が高いスクリーンサイズ、サイズごとの分布がまとめられたScreen Size Mapを紹介します。 最近はスクリーンサイズもかなり増えてきま

...記事の続きを読む

Adobe系ソフトの代替ソフトウェアのまとめ、Photoshop, Illustrator, Lightroom, After Effectsなど

Post on:2019年9月25日

Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェア

...記事の続きを読む

top of page

©2019 coliss