Web制作に役立つ情報一覧

HTMLとCSSの疑問が一気に解ける！ 真剣に学びたい人にお勧めの解説書 -プロを目指す人のためのHTML＆CSSの教科書

2022/06/06(Mon) 08:54

最新のHTML Living Standardの仕様に準拠したHTMLとCSSの基礎知識を身につけ、なぜそこにそのHTMLを、そのCSSを使用するのかまで実践的な知識までしっかりと学べる解説書を紹介します。

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

【フォトショップ】ざらりとした光沢感！メタリックな文字エフェクトのつくり方

2022/06/01(Wed) 08:56

この記事では、フォトショップで光沢感のある文字エフェクトの作り方をご紹介します。水アカがついていたり、周りの風景が映り込んでいたりと、ワンランク上の質感を表現できるチュートリアルとなっています。

https://photoshopvip.net/135157

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数で定義する便利ツール -Min-Max Calculator

2022/06/01(Wed) 08:54

Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。

https://coliss.com/articles/build-websites/operation/css/css-clamp-calculator.html

商用利用無料！ UIデザインに最適、シンプルで控えめにデザインされたSVGの高品質なアイコン素材 -Humbleicons

2022/05/31(Tue) 08:57

WebサイトやスマホアプリのUIデザインにぴったりなSVGアイコンを紹介します。「Humble」の名の通り、主張しすぎない控えめでシンプルなデザインです。

https://coliss.com/articles/build-websites/operation/work/humbleicons-for-ui-icon.html

CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる

2022/05/30(Mon) 08:58

Safari 15.4（最新は15.5）で新しいビューポート単位「lvh」「svh」がサポートされました。ビューポートを基準にした単位で、この単位を使用することで、iOSのSafariで100vhがビューポートの高さではないという仕様に対応できます。

https://coliss.com/articles/build-websites/operation/css/large-small-dynamic-viewports.html

これは便利で簡単！ モダンCSSで実装された100種類のさまざまなアニメーションのボタン -100 Modern CSS Buttons

2022/05/30(Mon) 08:57

Webサイトやスマホアプリで使用される、モダンCSSで実装された100種類のさまざまなアニメーションのボタンを紹介します。角丸や矩形ベースのボタンに、背景がスライドしたり、分割したり、プルプルしたり、ボーダーがきらっとしたり、文字がくるっとしたり、変形したり、ネオンに輝いたり、ボタンの実装に困った時にチェックすると便利です。

https://coliss.com/articles/build-websites/operation/css/100-modern-css-buttons.html

プロのUIデザイナーに学ぶ！ UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.14

2022/05/20(Fri) 09:01

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。第14弾は、レイアウトのグリッド・使いやすいフォーム・配色で悩んだ時に関するデザインのテクニックです。

https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-volume-fourteen.html

デザインに適したアイコンがこれで見つかる！ UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer

2022/05/19(Thu) 09:33

Bootstrap, Material Designのアイコンをはじめ、Feather, heroicons, tabler iconsなど、人気が高いUIデザイン用のアイコン素材をまとめてカスタマイズ・ダウンロードできるIconerを紹介します。

https://coliss.com/articles/build-websites/operation/work/iconer.html

フォトショップですぐできる！オススメの文字加工10選

2022/05/18(Wed) 08:56

はじめてのひとでも簡単にできる、フォトショップの基本の使い方だけで完成のお手軽で、ハイクオリティな仕上がりを実現できるテクニックが満載です。「デザインしたいけど時間がなくて。」、そんなときは、ほんの数クリックで魅力的な文字加工ができるテキストエフェクト素材も利用してみましょう。

https://photoshopvip.net/134828

フォトショップで写真をヴィンテージ、レトロ加工！人気おすすめ素材24選

2022/05/17(Tue) 08:57

最近さまざまなデザインで見かけるヴィンテージ、レトロな写真加工は、トレンドに関わらず人気のある、フォトショップでやりたいことのひとつです。写真をベクターイラスト風に加工したり、レトロなフリーフォントもデザインでは便利ですが、今回は手軽に、だれでも簡単にヴィンテージ加工を表現できるデザイン素材をまとめています。

https://photoshopvip.net/134793