コリス https://coliss.com Web制作に関する最新の情報をご紹介 Fri, 05 Jun 2020 00:36:11 +0000 ja hourly 1 https://wordpress.org/?v=5.4.1 シンプルなHTMLで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワーク -new.css https://coliss.com/articles/build-websites/operation/css/classless-css-framework-newcss.html Fri, 05 Jun 2020 00:36:58 +0000 https://coliss.com/?p=27408 シンプルなHTMLで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワーク -new.css シンプルなHTMLのみを使用して、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。 シンプルなブログや自己紹介ページなどをさくっと作成したい時に便利で、CSSリセットとして利

...記事の続きを読む

]]>
有料フォントが今週末まで無料!スタンプに使われているようなかわいいヴィンテージのフォント -Loma https://coliss.com/articles/products/loma-by-lorenklein.html Fri, 05 Jun 2020 00:26:34 +0000 https://coliss.com/?p=27397 有料フォントが今週末まで無料!スタンプに使われているようなかわいいヴィンテージのフォント -Loma 通常は有料ですが、今週末まで無料でダウンロードできる、ヴィンテージのスタンプにインスパイアされたかわいいフォントを紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfでWindowsでもmacOS

...記事の続きを読む

]]>
レスポンシブWebデザインで、スクリーンサイズが中途半端なときにデザインが崩れないようにするための実装方法 https://coliss.com/articles/build-websites/operation/work/thinking-about-the-in-between-design-cases.html Thu, 04 Jun 2020 00:36:50 +0000 https://coliss.com/?p=27340 レスポンシブWebデザインで、スクリーンサイズが中途半端なときにデザインが崩れないようにするための実装方法 Webページを実装する際、注意すべき点の一つは表示されるスクリーンサイズです。スマホとタブレット、そしてデスクトップの3種類を想定している人も多いと思いますが、現在ではさまざまなサイズのスクリーンが存在しています。 スク

...記事の続きを読む

]]>
最近のWebページでよく使用されているUIコンポーネントをコピペですぐに実装できるコードのまとめ -tailblocks https://coliss.com/articles/build-websites/operation/css/ready-to-use-tailwind-css-blocks.html Wed, 03 Jun 2020 00:36:45 +0000 https://coliss.com/?p=27387 最近のWebページでよく使用されているUIコンポーネントをコピペですぐに実装できるコードのまとめ -tailblocks Webページでよく見かけるUIコンポーネント、ヘッダ・フッタ・ヒーロー・ギャラリー・ステップ・お問い合わせなどをTailwind CSSですぐに実装できるコードをまとめたtailblocksを紹介します。 それぞれのUI

...記事の続きを読む

]]>
2020年最新版!最近見かけるロゴのデザインに使用されているトレンドのまとめ -2020 Logo Trends https://coliss.com/articles/build-websites/operation/design/logo-design-trends-in-2020-by-logolounge.html Tue, 02 Jun 2020 00:10:09 +0000 https://coliss.com/?p=27394 2020年最新版!最近見かけるロゴのデザインに使用されているトレンドのまとめ -2020 Logo Trends トレンドを押さえておくことは、デザインの引き出しを増やすために役立ちます。 最近のロゴのデザインに使用されているタイポグラフィ、カラー、形など、トレンド、デザインテクニックを紹介します。 2020 Logo Trend

...記事の続きを読む

]]>
ノンデザイナーズ・デザインブックの特典PDF「フォント、タイポグラフィの基本」が応募者全員にもらえます https://coliss.com/articles/products/the-non-designers-font-typography.html Mon, 01 Jun 2020 00:36:33 +0000 https://coliss.com/?p=27349 ノンデザイナーズ・デザインブックの特典PDF「フォント、タイポグラフィの基本」が応募者全員にもらえます 不朽のデザイン書「ノンデザイナーズ・デザインブック」累計60刷を記念して、期間限定のキャンペーンが開催されています! なんと応募者全員に、日本語のテキスト・フォント・タイポグラフィについて解説した特典PDFがもらえます。

...記事の続きを読む

]]>
Webサイトやブログを高速化、PWA対応!静的サイトジェネレーターの導入方法を詳しく解説した入門書 https://coliss.com/articles/book-review/isbn10-4839973008.html Fri, 29 May 2020 00:36:58 +0000 https://coliss.com/?p=27329 Webサイトやブログを高速化、PWA対応!静的サイトジェネレーターの導入方法を詳しく解説した入門書 これからのWebサイトに求められる要件「高速化」「メタデータ」「PWA」などに対応するための一つの答えが、静的サイトジェネレーターだと思います。Reactベースの静的サイトジェネレーター「GatsbyJS」で、Webサイ

...記事の続きを読む

]]>
CSSの数学関数が便利すぎる!min(), max(), clamp()の使い方を詳しく解説 https://coliss.com/articles/build-websites/operation/css/css-about-min-max-clamp.html Thu, 28 May 2020 00:36:13 +0000 https://coliss.com/?p=27277 CSSの数学関数が便利すぎる!min(), max(), clamp()の使い方を詳しく解説 CSSの数学関数と言えば、calc()が便利ですよね。 しかし、便利な数学関数はcalc()だけではありません! 先月、Firefoxにサポートされたことにより、すべてのモダンブラウザにサポートされたCSSの比較関数「m

...記事の続きを読む

]]>
よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout https://coliss.com/articles/build-websites/operation/css/layouts-and-patterns-made-with-css.html Wed, 27 May 2020 00:36:59 +0000 https://coliss.com/?p=27365 よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout 最近のWebサイトで見かける、ページのレイアウトをはじめ、ナビゲーション、フォームのさまざまな入力要素、インタラクション要素、UI要素などのCSSでの実装コードをまとめたCSS Layoutを紹介します。 すべてシンプル

...記事の続きを読む

]]>
有料フォントが今週末まで無料!刺繍好きにぴったり、クロスステッチのかわいいフォント -Cross Stitched https://coliss.com/articles/products/cross-stitched-by-kassy.html Wed, 27 May 2020 00:26:08 +0000 https://coliss.com/?p=27356 有料フォントが今週末まで無料!刺繍好きにぴったり、クロスステッチのかわいいフォント -Cross Stitched 通常は有料ですが、今週末まで無料でダウンロードできる、ちょっと珍しい、クロスステッチがかわいい刺繍フォントを紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWindowsでもmac

...記事の続きを読む

]]>