Web制作に役立つ情報一覧

CSSの知っておくと便利なテクニック！ ラッパーが異なるコンテンツのツラをcalc()関数のパディングで揃える

2022/03/25(Fri) 08:56

メインのヘッダは固定幅、記事のヘッダは流動幅、ラッパーが異なるコンテンツのツラを揃えるCSSのテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/aligning-content-different-wrappers.html

フォントが大好物な人に朗報🎉 MORISAWA BIZ UDゴシックとUD明朝がオープンソースになったぞ！！

2022/03/24(Thu) 08:54

まさかまさかの朗報です！MORISAWA BIZ UDゴシックとMORISAWA BIZ UD明朝がGitHubにオープンソースのOFLで公開されています！！！

https://coliss.com/articles/build-websites/operation/work/googlefonts-morisawa-biz-ud-gothic-and-mincho.html

HTMLとCSSに真剣に取り組んでいる人におすすめの解説書！ 最近の実装テクニックやレイアウト・コンポーネントのスニペットが満載の一冊 -HTML＋CSSコーディングの強化書

2022/03/22(Tue) 08:51

HTMLとCSSの実務レベルの知識とスキルが身につく解説書を紹介します。FlexboxやCSS Gridを使用したさまざまな基本レイアウト、実務でよく使用されるレイアウトやコンポーネント、表組み・フォームの実装、メンテナンス性に優れたCSS設計、アクセシビリティに配慮したマークアップ、WordPress化に適した設計方法など、即戦力となる実装テクニックが学べます。

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

CSSは確実に進化している！ 変数、条件分岐、ループ、論理演算など、ロジックに記述するCSSの実装テクニック

2022/03/18(Fri) 08:54

一昔前のCSSと比較すると、ここ数年でCSSはかなり進化しました。calc()で数式が扱えるようになり、変数、条件分岐、ループ、論理演算なども使用できます。CSSでロジックをどう記述するのか、ブログラミング言語的な実装を紹介します。

https://coliss.com/articles/build-websites/operation/css/writing-logic-in-css.html

コピペできる！Webサイトがかっこよくなる最新HTMLスニペット38選

2022/03/17(Thu) 08:55

この記事では、ウェブデザインの仕上がりをワンランクアップする最新HTML／CSSスニペットをまとめてご紹介します。掲載しているほとんどの作品が、レスポンシブ対応となっており、コードを直接コピペできるのも特長です。

https://photoshopvip.net/134003

フォトショップの「やりたい」が叶う！最新チュートリアル、作り方36個まとめ

2022/03/16(Wed) 08:57

この記事では、フォトショップによる画像編集がどんどん楽しくなる、最新チュートリアルや作り方レシピをまとめています。実際に作業しながら進めるチュートリアルは、実用的なツールの使い方を体系的に覚えることができ、フォトショップはじめてのひとはもちろん、普段から使いこなしているベテランさんにも、目からウロコな新テクニックが幅広く披露されています。

https://photoshopvip.net/133959

これは覚えておきたい！ コンテナ・ラッパーを定義するCSSの古い書き方とモダンCSSを使用した書き方

2022/03/16(Wed) 08:56

モダンCSSは今までJavaScriptが必要だったことやできなかったことを可能にしてきましたが、今までの記述をよりシンプルにすることもできます。コンテナ・ラッパーを定義する際に記述するCSSの古い書き方とモダンCSSを使用した書き方を紹介します。

https://coliss.com/articles/build-websites/operation/css/defines-container-using-modern-css.html

全部、完全に商用利用無料！ UIデザインに適した400種類以上のSVG・Figma用も揃ったシンプルでかわいいアイコン素材 -Doodle Icons

2022/03/15(Tue) 08:52

アイコン用のグリッドを使用して手描きされた、ちょっとラフなかわいい感じにデザインされたアイコン素材を紹介します。

https://coliss.com/articles/freebies/doodle-icons-by-khushmeen.html

2022年のファビコン設置方法、さまざまなブラウザやデバイスに対応させる最小限のセットは6種類のファイルが必要

2022/03/11(Fri) 08:57

最近のブラウザやデバイスに対応させる最小限のファビコンセットには、6種類のファイルで対応できます。ブラウザはもちろん、スマホやタブレットにも対応し、さらにSVGも含めて6種類だけです。

https://coliss.com/articles/build-websites/operation/work/how-to-favicon.html

HTMLはシンプルなまま、Webサイトの見栄えをよくするclassレスの超軽量CSSフレームワーク -Almond.css

2022/03/10(Thu) 09:10

HTMLはシンプルなままで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。

https://coliss.com/articles/build-websites/operation/css/classless-css-framework-almondcss.html