コリス https://coliss.com Web制作に関する最新の情報をご紹介 Mon, 03 Aug 2020 00:36:06 +0000 ja hourly 1 https://wordpress.org/?v=5.4.2 CSSでさまざまなスタイルのボタンを簡単に実装できる!モジュール式の拡張可能なCSSライブラリ -Knopf.css https://coliss.com/articles/build-websites/operation/css/modular-extensible-button-system-knopf-css.html Mon, 03 Aug 2020 00:36:08 +0000 https://coliss.com/?p=27706 CSSでさまざまなスタイルのボタンを簡単に実装できる!モジュール式の拡張可能なCSSライブラリ -Knopf.css Webページやスマホアプリで使用するボタンをモジュール式の拡張可能なCSSで実装されたライブラリを紹介します。 通常のボタンのさまざまなスタイルだけでなく、アイコン付きボタン、ブロック状のボタン、リフレッシュボタン、グル

...記事の続きを読む

]]>
一生もののつめ切り、世界一かわいいワインオープナー、愛されるブランド・商品をデザイン面から解き明かす良書 https://coliss.com/articles/book-review/isbn10-4909842055.html Fri, 31 Jul 2020 00:36:48 +0000 https://coliss.com/?p=27606 一生もののつめ切り、世界一かわいいワインオープナー、愛されるブランド・商品をデザイン面から解き明かす良書 永く愛されている商品、ずっと使い続けられる商品には、その理由があります。 世界の優れた商品をデザイン面からその理由を解き明かすデザイン書を紹介します。 諏訪田製作所のつめ切り、アレッシィのアンナG、サントリーの角瓶、iP

...記事の続きを読む

]]>
Webページでよく使用されるレイアウトに役立つCSS Gridの実装テクニックのまとめ https://coliss.com/articles/build-websites/operation/css/css-grid-solutions-layout-patterns.html Thu, 30 Jul 2020 00:36:10 +0000 https://coliss.com/?p=27636 Webページでよく使用されるレイアウトに役立つCSS Gridの実装テクニックのまとめ CSS Gridを使用して、Webページでよく使用されるレイアウトやコンポーネントの実装で起きる問題を解決する実装テクニックを紹介します。 Modern CSS grid solutions to common layo

...記事の続きを読む

]]>
商用無料!UIデザインに最適なSVGアイコンが1,130個、小さいスペースにも配置できる極小サイズ対応の優れもの https://coliss.com/articles/freebies/teenyicons-tiny-minimal-1px-svg-icons.html Wed, 29 Jul 2020 00:36:50 +0000 https://coliss.com/?p=27676 商用無料!UIデザインに最適なSVGアイコンが1,130個、小さいスペースにも配置できる極小サイズ対応の優れもの 個人でも商用プロジェクトでも無料で利用できる、小さいスペースにも配置できる極小サイズ対応のSVGアイコンを紹介します。SVGアイコンなので、もちろん通常のサイズ、大きいサイズでも美しく表示されます。 UIデザイン用のアイ

...記事の続きを読む

]]>
デザイナーのための言い訳集 https://coliss.com/articles/build-websites/operation/work/100-excuses-for-designers.html Tue, 28 Jul 2020 00:36:19 +0000 https://coliss.com/?p=27632 デザイナーのための言い訳集 デザイナーが困った時、インスピレーションやデザイン、フォント、カラー、デザインツール、プレゼンがうまくいかなった時、メールで問題が発生した時、まだ始めてないのか聞かれた時などに使える(かもしれない)言い訳を紹介します。

...記事の続きを読む

]]>
CSSで美しいシャドウをつけるbox-shadowの古い書き方とこれからの書き方 https://coliss.com/articles/build-websites/operation/css/box-shadow-saturated-and-desaturated.html Mon, 27 Jul 2020 00:36:10 +0000 https://coliss.com/?p=27674 CSSで美しいシャドウをつけるbox-shadowの古い書き方とこれからの書き方 CSSで美しいシャドウをつけるbox-shadowの書き方を紹介します。 少し大きめのシャドウを適用し、ネガティブに縮小させることで、通常のシャドウより少しだけ彩度が高くなり、要素がくっきり見えます。 Saturated

...記事の続きを読む

]]>
プレゼンで使ってみたい!横棒グラフのデータ変化をアニメーションで表示するオンラインツール -Bar chart race https://coliss.com/articles/build-websites/operation/work/bar-chart-race-generator.html Mon, 27 Jul 2020 00:26:07 +0000 https://coliss.com/?p=27675 プレゼンで使ってみたい!横棒グラフのデータ変化をアニメーションで表示するオンラインツール -Bar chart race SNSやテレビなどで見かける、横棒グラフの変化をアニメーションで表示するオープンソースのオンラインツールを紹介します。 データは.csvにも対応しており、誰でも簡単に利用できます。 値の変化が非常に分かりやすく、プレゼン

...記事の続きを読む

]]>
プロのイラストレーター視点で、イラスト制作の全行程をていねいに解説した一冊 -CLIP STUDIO PAINTの教室 https://coliss.com/articles/book-review/isbn10-4802511671.html Wed, 22 Jul 2020 00:36:46 +0000 https://coliss.com/?p=27555 プロのイラストレーター視点で、イラスト制作の全行程をていねいに解説した一冊 -CLIP STUDIO PAINTの教室 CLIP STUDIO PAINTでイラストを制作する際に使用する機能をプロのイラストレーター視点で詳しくていねいに解説した総合解説書を紹介します。 クリスタの基本操作をはじめ、ツールの使い分け、レイヤー操作、下絵、線画

...記事の続きを読む

]]>
有料フォントが今週末まで無料!走り書きの質感がかっこいい手書きのブラシフォント -Costiera https://coliss.com/articles/products/costiera-by-almarkhatype.html Wed, 22 Jul 2020 00:26:33 +0000 https://coliss.com/?p=27663 有料フォントが今週末まで無料!走り書きの質感がかっこいい手書きのブラシフォント -Costiera 通常は有料ですが、今週末まで無料でダウンロードできる、走り書きの質感がかっこいい手書きのブラシフォントを紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWindowsでもmacOS

...記事の続きを読む

]]>
2020年、知っておくと便利なCSSのプロパティのまとめ https://coliss.com/articles/build-websites/operation/css/uncommon-css-properties.html Tue, 21 Jul 2020 00:36:39 +0000 https://coliss.com/?p=27586 2020年、知っておくと便利なCSSのプロパティのまとめ ChromiumベースのEdgeもリリースされ、最近のブラウザ状況は大きく変わってきました。知っておくと便利なCSSのプロパティを紹介します。 一昔前まではJavaScriptでないと実装できなかったもの、CSS Gri

...記事の続きを読む

]]>