サイト構築 -制作

Adobe CCユーザーに朗報!Adobe Fontsに無料で使える、新しい日本語フォントパックが7つも追加

Post on:2019年12月6日

Adobe CCユーザーに朗報です! Adobe Fontsに、新しい日本語フォントパックが7つも追加されたので紹介します。 ちなみに、Adobe Fontsは商用プロジェクトをはじめ、ロゴ(商標登録も可)や動画(You

...記事の続きを読む

Adobe XDに便利なプラグインが登場!簡単にワイヤーフレームやモックアップを作成できる -Quick Mockup

Post on:2019年12月4日

12/3にパシフィコ横浜で開催された「AdobeMAXJapan」に合わせて、Adobe XD用の便利なプラグインが登場しました! プラグインは通常、英語圏内に特化されたものが多いですが、「Quick Mockup」はな

...記事の続きを読む

レスポンシブの確認が簡単になる!複数のスクリーンサイズで同時にできるChromeの機能拡張 -ResponsiveViewer

Post on:2019年11月22日

レスポンシブの確認をしたい時、最近ではスマホやタブレットなどのスクリーンサイズもいろいろなものがリリースされたので、大変になってきました。複数のスクリーンサイズを同時に確認できたらいいのにと思っていた人に朗報です。 先日

...記事の続きを読む

管理画面用のレイアウトやUIコンポーネントがほとんどすべて揃った、商用利用無料のHTMLテンプレート -Stisla

Post on:2019年11月18日

商用のプロジェクトでも無料で利用できる、管理画面・ダッシュボードのレイアウトやUIコンポーネントが揃ったテンプレートを紹介します。 このテンプレートを使用すると、管理画面・ダッシュボードで必要なコンテンツを簡単に作成でき

...記事の続きを読む

はっきりと分かるようにデザインされた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が足かせになって使用に躊躇している人

...記事の続きを読む

top of page

©2020 coliss