コリス https://coliss.com Web制作に関する最新の情報をご紹介 Tue, 14 Jul 2020 00:36:14 +0000 ja hourly 1 https://wordpress.org/?v=5.4.2 商用利用無料、UIデザイン用のSVGアイコンが558種類!デザインに合わせたカスタマイズも簡単な優れもの https://coliss.com/articles/freebies/high-quality-svg-icons-tabler-icons.html Tue, 14 Jul 2020 00:36:49 +0000 https://coliss.com/?p=27626 商用利用無料、UIデザイン用のSVGアイコンが558種類!デザインに合わせたカスタマイズも簡単な優れもの 企業サイトはもちろん、プロダクト、コマース、ショップ、アプリ、ブログなど、さまざまなUIデザインのSVGアイコンが無料で利用できるTabler Iconsを紹介します。 SVGアイコンの数はなんと558種類で、オープンソ

...記事の続きを読む

]]>
SVGファビコンのカラーをダークモード時にCSSで変更できるの知ってた? https://coliss.com/articles/build-websites/operation/work/svg-favicon-in-dark-mode.html Mon, 13 Jul 2020 00:36:39 +0000 https://coliss.com/?p=27624 SVGファビコンのカラーをダークモード時にCSSで変更できるの知ってた? ダークモードに対応している時に、SVGファビコンのカラーをCSSで変更するテクニックを紹介します。 当ブログはダークモードに対応していませんが、ダークモードの周りもいろいろ充実してきましたね。 画像: ツイートより 元ネ

...記事の続きを読む

]]>
すべてのページが美しく、こんなにもワクワクした配色本は初めて!『配色アイデア手帖』第3弾がついに発売 https://coliss.com/articles/book-review/isbn10-481560326x.html Fri, 10 Jul 2020 00:36:44 +0000 https://coliss.com/?p=27504 すべてのページが美しく、こんなにもワクワクした配色本は初めて!『配色アイデア手帖』第3弾がついに発売 デザインやイラスト、写真、塗り絵、インテリア、ファッションなど、色に携わるすべての人にお勧めの配色アイデア手帖の第3弾が発売されました! 今回は世界の色と文化が楽しめる内容となっており、すべてのページが美しく完全保存版の

...記事の続きを読む

]]>
CSS 最近のWebページやアプリのレイアウトに適した、ラッパーの実装テクニックを徹底解説 https://coliss.com/articles/build-websites/operation/css/styling-layout-wrappers-in-css.html Thu, 09 Jul 2020 00:36:26 +0000 https://coliss.com/?p=27523 CSS 最近のWebページやアプリのレイアウトに適した、ラッパーの実装テクニックを徹底解説 最近のWebページやアプリに適した、ラッパーの実装テクニックを紹介します。 ラッパーとはコンテンツを読みやすい幅に包むもので、CSSでのラッパーの実装、マージンやパディングの追加、中央揃え、ラッパーのバリエーション、Fl

...記事の続きを読む

]]>
ネイティブのタッチ・スワイプ操作に対応したスライダーを簡単に実装できるJavaScriptライブラリ keen-slider https://coliss.com/articles/build-websites/operation/javascript/keen-slider-with-native-touch-and-swipe.html Wed, 08 Jul 2020 00:16:15 +0000 https://coliss.com/?p=27597 ネイティブのタッチ・スワイプ操作に対応したスライダーを簡単に実装できるJavaScriptライブラリ keen-slider ネイティブのタッチ・スワイプ操作に対応したさまざまなスライダーを実装できるJavaScriptライブラリを紹介します。 依存関係は一切なし、IE10を含むすべてのブラウザをサポートしています。 keen-slider k

...記事の続きを読む

]]>
おしゃれな有料フォントが今週末まで無料!ロゴやポスターにぴったり、手書きのブラシフォント -Space Outside https://coliss.com/articles/products/space-outside-by-mjbletters.html Wed, 08 Jul 2020 00:06:39 +0000 https://coliss.com/?p=27593 おしゃれな有料フォントが今週末まで無料!ロゴやポスターにぴったり、手書きのブラシフォント -Space Outside 通常は有料ですが、今週末まで無料でダウンロードできる、ロゴやポスターなどにぴったりな手書きのブラシフォントを紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfでWindowsでもmacOSでも利

...記事の続きを読む

]]>
全部無料!Photoshopでダウンロードしておきたいプロ仕様のブラシ 2020年版がリリースされました https://coliss.com/articles/build-websites/operation/design/best-brushes-for-photoshop.html Tue, 07 Jul 2020 00:36:05 +0000 https://coliss.com/?p=27573 全部無料!Photoshopでダウンロードしておきたいプロ仕様のブラシ 2020年版がリリースされました Photoshopのプロ仕様のブラシとして有名なKylebrush.comがAdobeに買収され、早3年。2020年版の新しいブラシがリリースされました。 イラストの下絵用ブラシ、スクリーントーンのブラシ、油絵や水彩画を

...記事の続きを読む

]]>
Chromeの新機能CSS Overviewがすごく便利!ページに使用しているCSSの概要や未使用の宣言がすぐ分かる https://coliss.com/articles/build-websites/operation/css/css-overview-new-chrome-feature.html Mon, 06 Jul 2020 00:36:05 +0000 https://coliss.com/?p=27580 Chromeの新機能CSS Overviewがすごく便利!ページに使用しているCSSの概要や未使用の宣言がすぐ分かる Chromeに新しく実装された「CSS Overview」が非常に便利なので、紹介します。 表示しているページのCSSの概要、カラー、フォント、メディアクエリ、未使用の宣言が一覧でき、制作したページの検証やスタイルガイド

...記事の続きを読む

]]>
デザインやイラストにすごく使える新発想の配色本!たった3色でおしゃれな配色になる -3色だけでセンスのいい色 https://coliss.com/articles/book-review/isbn10-4295008893.html Fri, 03 Jul 2020 00:36:37 +0000 https://coliss.com/?p=27497 デザインやイラストにすごく使える新発想の配色本!たった3色でおしゃれな配色になる -3色だけでセンスのいい色 配色が苦手な人でも、センスに自信がない人でも、たった3色だけでおしゃれな配色が完成する新発想の配色本を紹介します。 「配色が決まらない」「色が多いとゴチャゴチャする」「おしゃれにまとまらない」「どの色を使えばいいのか分か

...記事の続きを読む

]]>
CSSの小ネタ: 画像に枠線をつける際、borderよりもbox-shadowの方がより美しく実装できる https://coliss.com/articles/build-websites/operation/css/css-image-contrast-options.html Fri, 03 Jul 2020 00:26:18 +0000 https://coliss.com/?p=27506 CSSの小ネタ: 画像に枠線をつける際、borderよりもbox-shadowの方がより美しく実装できる 画像をページに配置する際、画像に枠線を与えることがあります。画像とページにメリハリがついて画像がはっきりと表示されますが、borderよりも内側にbox-shadowをつけた方がより繊細なコントラストを与えることができま

...記事の続きを読む

]]>