コリス https://coliss.com Web制作に関する最新の情報をご紹介 Fri, 22 Oct 2021 00:36:06 +0000 ja hourly 1 https://wordpress.org/?v=5.8.1 Webサイトの会社情報・採用コンテンツのデザイン、ブランディング、情報設計に特化されたデザイン書 https://coliss.com/articles/book-review/isbn-9784802511636.html Fri, 22 Oct 2021 00:36:08 +0000 https://coliss.com/?p=32670 Webサイトの会社情報・採用コンテンツのデザイン、ブランディング、情報設計に特化されたデザイン書 企業サイトを受注した際に欠かせないのが、会社情報・採用コンテンツ。私もたくさんの企業サイトのローンチ・リニューアルにコアメンバーとして参加しましたが、企業ごとに異なり、やりがいのある非常に面白いコンテンツです。 そういえ

...記事の続きを読む

]]>
今週末まで有料フォントが無料!大胆で、流麗な筆跡がかっこいいフォント -Fall in love https://coliss.com/articles/products/fall-in-love-by-namaracreativestudio.html Fri, 22 Oct 2021 00:26:05 +0000 https://coliss.com/?p=33232 今週末まで有料フォントが無料!大胆で、流麗な筆跡がかっこいいフォント -Fall in love 高品質な有料フォントが、今週末まで無料でダウンロードできます。 本来は有料なだけあってかなり高品質。フォントファイルは.ttfでWindowsでもmacOSでも利用できます。しかも、 Webフォントも揃っています。 期間

...記事の続きを読む

]]>
知っておくと便利で役に立つHTMLの属性のまとめ https://coliss.com/articles/build-websites/operation/work/useful-html-attributes-you-may-not-know.html Thu, 21 Oct 2021 00:36:57 +0000 https://coliss.com/?p=32893 知っておくと便利で役に立つHTMLの属性のまとめ あまり知られていないけど、知っておくと便利で役に立つHTMLの属性を7つ紹介します。 Google翻訳が翻訳しようとするのを防ぐtranslate属性、リンクをダウンロードするように指示するdownload属性、アップロ

...記事の続きを読む

]]>
Tailwind CSSの入門に!コピペで簡単に利用できるUIコンポーネントのまとめ https://coliss.com/articles/build-websites/operation/css/tailwind-css-ui-blocks-flowrift.html Wed, 20 Oct 2021 00:36:13 +0000 https://coliss.com/?p=33171 Tailwind CSSの入門に!コピペで簡単に利用できるUIコンポーネントのまとめ Webサイトやスマホアプリで見かけるUIコンポーネントをTailwind CSSで実装されたコンポーネント集を紹介します。 Tailwind CSSを初めて触れる人にも簡単で、デフォルト構成で機能し、HTMLをコピペする

...記事の続きを読む

]]>
Figmaでデザインする時に作業効率がアップする便利なテクニックのまとめ https://coliss.com/articles/build-websites/operation/work/figma-design-system-tips.html Tue, 19 Oct 2021 00:36:47 +0000 https://coliss.com/?p=33016 Figmaでデザインする時に作業効率がアップする便利なテクニックのまとめ 私の周りでも、Figmaを使用する人がだいぶ増えてきました。 Figmaでデザインする時に役立つ、便利なテクニックを紹介します。Figmaでの日常的な作業から、デザインシステムや巨大なデザインファイルを扱う場合に作業効率

...記事の続きを読む

]]>
Kindle本 9周年セールが開催!UIデザイン、Web制作、ディレクション、イラスト関連の良書がたくさん半額です https://coliss.com/articles/products/kindle-sale-9th-anniversary.html Mon, 18 Oct 2021 00:36:41 +0000 https://coliss.com/?p=33183 Kindle本 9周年セールが開催!UIデザイン、Web制作、ディレクション、イラスト関連の良書がたくさん半額です Kindle本ストア 9周年キャンペーンが、先週末から開催しました。Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・絵師さん向けのイラスト関連の良書がたくさんセール対

...記事の続きを読む

]]>
フォント選びの革命書!センスのいいデザインになるフォントの組み合わせがよく分かる -マネするだけでセンスのいいフォント https://coliss.com/articles/book-review/isbn-9784295012689.html Fri, 15 Oct 2021 00:36:21 +0000 https://coliss.com/?p=32464 フォント選びの革命書!センスのいいデザインになるフォントの組み合わせがよく分かる -マネするだけでセンスのいいフォント デザインに使うのはいつも同じフォント、、、 たくさんのフォントの中からどう組み合わせたらよいのか分からない、、、 使用するフォントに悩む人に朗報です、センスのいいデザインになる3種類のフォントの組み合わせがすでに選ばれた

...記事の続きを読む

]]>
レスポンシブ対応にメディアクエリなしで、CSSの関数で定義!border-radiusの値を変えるテクニック https://coliss.com/articles/build-websites/operation/css/conditional-border-radius-in-css.html Thu, 14 Oct 2021 00:36:25 +0000 https://coliss.com/?p=32742 レスポンシブ対応にメディアクエリなしで、CSSの関数で定義!border-radiusの値を変えるテクニック border-radiusの値をデスクトップとスマホで変える、例えばビューポートが大きくてマージンがある場合は8pxで角丸にし、ビューポートが小さくてマージンがない場合は0pxで矩形にする。 メディアクエリで簡単に実装で

...記事の続きを読む

]]>
CSSのaspect-ratioプロパティがすべてのブラウザにサポートされました、画像をアスペクト比で実装する今までとこれからの実装方法 https://coliss.com/articles/build-websites/operation/css/css-ways-to-create-fixed-aspect-ratio.html Wed, 13 Oct 2021 00:36:30 +0000 https://coliss.com/?p=32651 CSSのaspect-ratioプロパティがすべてのブラウザにサポートされました、画像をアスペクト比で実装する今までとこれからの実装方法 先日アップデートされたSafari 15とSamsung Internet 15により、すべてのエバーグリーンブラウザでaspect-ratioプロパティがサポートされました。 ※エバーグリーンとは、最新版に自動アップデ

...記事の続きを読む

]]>
Vue.jsで再利用可能なタブのUIコンポーネントを実装する方法を解説 https://coliss.com/articles/build-websites/operation/javascript/how-to-build-a-tab-component-in-vue-js.html Tue, 12 Oct 2021 00:36:49 +0000 https://coliss.com/?p=32757 Vue.jsで再利用可能なタブのUIコンポーネントを実装する方法を解説 タブは、Webサイトやスマホアプリでよく使用されるUIコンポーネントです。TailwindCSSやBootstrapなどのライブラリにも必ずありますが、再利用可能な柔軟性のあるものではありません。 スタイルを簡単にカスタ

...記事の続きを読む

]]>