Web制作に役立つ情報一覧

CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説

2022/02/16(Wed) 09:01

CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化（階層化）でき、これまでのCSSの実装方法が大きく変わるものです。

https://coliss.com/articles/build-websites/operation/css/css-cascade-layers-are-coming.html

JavaScriptはなし、CSSで実装されたWebページでよく使用されるUIコンポーネントの超軽量ライブラリ -CSSUI

2022/02/15(Tue) 08:57

アコーディオン、モーダル、タブなど、Webページでよく使用されるインタラクティブなUIコンポーネントをCSSで実装する超軽量ライブラリを紹介します。

https://coliss.com/articles/build-websites/operation/css/interactive-ui-components-in-pure-css.html

デザインの引き出しが確実に増える！ バナーに潜むデザインのさまざまなテクニックが詳しく解説されたデザイン書

2022/02/10(Thu) 08:58

バナーのデザインはもちろん、デザイン・Web制作に携わるすべての人にお勧めのデザイン書を紹介します。

https://coliss.com/articles/book-review/isbn-9784295013273.html

知らなきゃ損！Web制作を爆速にする最新オンラインツール40個まとめ

2022/02/09(Wed) 09:03

この記事では、「もっと早く知りたかった」と思ってしまう、Web制作が加速する便利な最新オンラインツールをまとめてご紹介します。面倒な設定をコピペで利用できるCSSツールや配色ツール、人工知能を使った便利ツールなどが数多く公開されており、ますますクリエイティブな表現が広がりそうなものばかり。

https://photoshopvip.net/133385

無料・商用OK！元任天堂デザイナーらによる粗ドット700点公開の素材ダウンロードサイトDOTOWN

2022/02/09(Wed) 09:02

元・任天堂デザイナー前田高志さんとクリエイティブを楽しむオンライン集団、前田デザイン室が公開した素材ダウンロードサイト「ＤＯＴＯＷＮ（ドッタウン）」が話題となっています。

https://photoshopvip.net/133365

この一冊でWordPressの知りたいことがよく分かる！ 基礎知識から最新版に対応したテクニックまで徹底解説 -WordPressオリジナルテーマ制作入門

2022/02/07(Mon) 09:01

オリジナルのデザインでWordPressのテーマファイルを制作したい、テーマファイルを自分用に改造したい、既存のWebページをWordPress化したい、そんな人にぴったりの解説書を紹介します。

https://coliss.com/articles/book-review/isbn-9784297125578.html

Pantone社が新色発表 カリブ海の楽園「プエルトリコ」の太陽をモチーフに

2022/02/03(Thu) 08:58

朝日と夕日のゴールデンアワーを愛するひとに向けた限定カラー Puerto Rico Sunshine を発表しました。 パントン社は、Discover Puerto Ricoと共同で、カリブ海の楽園として知られるプエルトリコの太陽の光にインスパイアされた新色をリリース。

https://photoshopvip.net/133307

CSSの便利ツールが登場！ レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor

2022/02/01(Tue) 08:56

Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。

https://coliss.com/articles/build-websites/operation/css/css-modern-fluid-typography-editor.html

すべてのページが美しい！ こんなにもワクワクした配色本は初めて、デザインやイラストにぴったりな「配色パターンブック」

2022/01/31(Mon) 08:58

デザイン、イラスト、写真、塗り絵、インテリア、ファッションなど、色に携わるすべての人にお勧めの「配色パターンブック」を紹介します。

https://coliss.com/articles/book-review/isbn-9784802512268.html

Flexboxの最新テクニック！ メディアクエリはなし、同じCSSで4つの異なるレイアウトに対応したフォームを実装

2022/01/27(Thu) 08:58

メディアクエリはなし、同じHTMLとCSSで、親コンテナの幅に応じて4つの異なるレイアウトに対応したフォームを実装するFlexboxの最新テクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/4-layouts-form-used-flexbox.html