コリス https://coliss.com Web制作に関する最新の情報をご紹介 Wed, 14 Apr 2021 00:36:13 +0000 ja hourly 1 https://wordpress.org/?v=5.7 商用利用無料!さまざまなUIデザインに適した、SVG完備の美しく精密なアイコン素材 -SWM Icon Pack https://coliss.com/articles/freebies/freebie-swm-icon-pack.html Wed, 14 Apr 2021 00:36:20 +0000 https://coliss.com/?p=28704 商用利用無料!さまざまなUIデザインに適した、SVG完備の美しく精密なアイコン素材 -SWM Icon Pack 企業サイト、オンラインショップ、アプリ、ブログ、プレゼンなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるSWM Icon Packを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webペー

...記事の続きを読む

]]>
フォントのサイズ設定は役に立たない、問題点と解決方法 https://coliss.com/articles/build-websites/operation/work/font-size-is-useless.html Tue, 13 Apr 2021 00:36:28 +0000 https://coliss.com/?p=28663 フォントのサイズ設定は役に立たない、問題点と解決方法 WebページやOSのUI、エディタなどのソフトウェアでフォントのサイズや行の高さを設定した際に起こる問題点と解決方法を紹介します。 Font size is useless; let's fix it by N

...記事の続きを読む

]]>
Web制作者は要チェック!現在のWeb制作に合わせて制作された新しいCSSリセット -Reseter.css https://coliss.com/articles/build-websites/operation/css/reset-and-normalizer-reseter-css.html Mon, 12 Apr 2021 00:36:10 +0000 https://coliss.com/?p=28692 Web制作者は要チェック!現在のWeb制作に合わせて制作された新しいCSSリセット -Reseter.css 現在のWeb制作だと、既存のReset.cssやNormalize.cssには不足を感じると思います。それらの代替手段として制作された新しいCSSリセットを紹介します。 Reseter.cssは各ブラウザの最後から5つ前

...記事の続きを読む

]]>
イラストのディレクション本がついに発売!イラストの仕事に携わる人は目を通しておいて損のない一冊 -たのしく、イラストディレクション! https://coliss.com/articles/book-review/isbn-9784802511254.html Fri, 09 Apr 2021 00:36:41 +0000 https://coliss.com/?p=28594 イラストのディレクション本がついに発売!イラストの仕事に携わる人は目を通しておいて損のない一冊 -たのしく、イラストディレクション! イラストのディレクションって、何からどうすればいいの? そんな不安を完璧に解消してくれるイラストのディレクションを徹底解説した良書を紹介します。 こういった解説書は、初じゃないでしょうか。 イラストのディレクションを基本

...記事の続きを読む

]]>
CSSで画像の上に表示するテキストをより読みやすく、より美しくするテクニック・実装方法のまとめ https://coliss.com/articles/build-websites/operation/css/handling-text-over-images-in-css.html Thu, 08 Apr 2021 00:36:22 +0000 https://coliss.com/?p=28636 CSSで画像の上に表示するテキストをより読みやすく、より美しくするテクニック・実装方法のまとめ 画像の上にテキストを配置する際に、より読みやすく、より美しくするCSSのテクニックを紹介します。 CSSで画像上にテキストを表示する際に起こる問題に対するさまざまなアプローチと解決するための実装方法を解説。また、最近見か

...記事の続きを読む

]]>
Adobe CCユーザーに朗報!🎉 キリギリスや味明やルイカなど、日本語フォントがAdobe Fontsに大量追加 https://coliss.com/articles/build-websites/operation/design/adobe-fonts-update-202104.html Wed, 07 Apr 2021 11:09:38 +0000 https://coliss.com/?p=28683 Adobe CCユーザーに朗報!🎉 キリギリスや味明やルイカなど、日本語フォントがAdobe Fontsに大量追加 Adobe CCユーザーに朗報です!🎉 Adobe Fontsにまたまた、191書体の大量の日本語フォントが追加されました。これでトータル436の日本語フォントが利用できます。 Adobe Fontsは、

...記事の続きを読む

]]>
CSSの新しいセレクタが便利!複数のセレクタを1つにまとめられる:is()、さらに詳細度を0にする:where()の使い方 https://coliss.com/articles/build-websites/operation/css/where-pseudo-selector-has-a-cool-specificity-trick.html Wed, 07 Apr 2021 00:36:55 +0000 https://coliss.com/?p=28676 CSSの新しいセレクタが便利!複数のセレクタを1つにまとめられる:is()、さらに詳細度を0にする:where()の使い方 CSSの新しいセレクタが、主要なすべてのブラウザにサポートされました(ただし、IEは除く)。複数のセレクタを1つにまとめられる:is()、同機能でさらにセレクタの詳細度を0にする:where()をどのように使い分ければよ

...記事の続きを読む

]]>
FigmaでWebサイトやスマホアプリのデザインシステムを制作する手順を解説 https://coliss.com/articles/build-websites/operation/design/creating-design-system-in-figma.html Tue, 06 Apr 2021 00:36:43 +0000 https://coliss.com/?p=28650 FigmaでWebサイトやスマホアプリのデザインシステムを制作する手順を解説 UI/UXデザインのコラボレーションツール「Figma」で、Webサイトやスマホアプリのデザインシステムを制作する手順を紹介します。 カラーパレットをはじめ、タイポグラフィ、シャドー、アイコン、コンポーネントなど、Fig

...記事の続きを読む

]]>
商用無料のおしゃれな手描きイラストを使いたい人に!太っ腹ライセンスで利用できるイラスト素材 -Skribbl https://coliss.com/articles/freebies/free-hand-drawn-illustrations-skribbl.html Mon, 05 Apr 2021 00:36:39 +0000 https://coliss.com/?p=28666 商用無料のおしゃれな手描きイラストを使いたい人に!太っ腹ライセンスで利用できるイラスト素材 -Skribbl 個人でも商用でも完全に無料、クレジット表記の必要もなし、変更や編集も可の太っ腹ライセンスのイラスト素材を紹介します。 イラストはすべて手描きで、スタートアップ、ハンドなどの定番ものから、在宅勤務やCOVID-19、ファッ

...記事の続きを読む

]]>
Adobe XDによるUIデザイン・ワイヤーフレームの制作方法を豊富な実例から学べる、UIデザイナーにお勧めの良書 https://coliss.com/articles/book-review/isbn-9784839975357.html Fri, 02 Apr 2021 00:36:05 +0000 https://coliss.com/?p=28589 Adobe XDによるUIデザイン・ワイヤーフレームの制作方法を豊富な実例から学べる、UIデザイナーにお勧めの良書 Adobe XDでWebサイトを制作したい、ワイヤーフレームの作り方を具体的に知りたい、コミュニケーションやプレゼンテーションツールとして活用したい、基本操作から実務レベルの使い方まで詳しくていねいに解説した一冊を紹介し

...記事の続きを読む

]]>