Web制作に役立つ情報一覧

CSSの知っておくと便利なフクロウセレクタの使い方！ 要素を積み重ねる時のマージンにかなり便利です

2023/03/01(Wed) 09:18

兄弟要素を積み重ねる時、垂直マージンをどのように実装していますか？要素を積み重ねる時のマージンは、フクロウセレクタ（* + *）を使うと簡単です。さらに、>を追加することで、マージンが再帰的に与えられるのを防ぎます。たった3行のCSSで積み重ねる時のマージンを管理できる、フクロウセレクタの効果的な使い方を紹介します。

https://coliss.com/articles/build-websites/operation/css/about-css-owl-selector.html

迷わず決定 Adobeの配色カラーパレット、アイデア101個

2023/02/28(Tue) 08:58

デザインで配色えらびが重要なのは分かっているが、いつも迷って時間がかかるという人も多いでしょう。この記事では、時短にも役立つAdobeの配色アイデア101個をご紹介します。

https://photoshopvip.net/144449

コピペで簡単！他と差のつくHTML/CSSスニペット30選まとめ

2023/02/27(Mon) 08:55

Webデザインをするとき、どんなデザインや仕掛けを採用したらよいか、迷うというひとも多いのではないでしょうか。今回は印象に残るウェブデザインを表現できる、最新のHTMLスニペットをまとめてご紹介します。

https://photoshopvip.net/144432

文字入力するだけでオシャレな手書き英語フォント素材集

2023/02/23(Thu) 09:00

デザインを良くするテクニックで、最も知られているものの一つに、フォントを活用する方法があります。いつもと違うフォントを使うだけで、雰囲気や印象をガラリと変えることができるのが理由です。実際に、当ブログでもさまざまなフリーフォントを紹介していますが、お気に入りの書体を見つけるのは、なかなか大変な作業。そんなときは、英語フォント18書体が揃った限定素材集、The Font Fanatics Creative Collectionを役立ててみましょう。

https://photoshopvip.net/144395

これでUIデザイン用のSVGアイコンに困らない！ 1,700種類以上が揃った商用利用無料、改変・再配布可の太っ腹ライセンス- MingCute Icon

2023/02/21(Tue) 09:14

WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルで洗練されたデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。このアイコンの特徴は、小さいサイズでもくっきり見えること。1,700種類以上のアイテムが揃っており、すべてSVGアイコン、そしてWebフォントとして利用できます。

https://coliss.com/articles/freebies/mingcute-icon-for-ui-design.html

知っておくと便利！表現が広がる最新CSSテクニックや書き方30選

2023/02/20(Mon) 09:07

安定版ブラウザで、多くの新しいCSSプロパティやセレクタなどが対応となり、これまでは実装にJavaScriptなどが必要だったものも、CSSのみで表現できるようになっています。ここでは、知っておくと便利な最新CSSテクニックや書き方をまとめてご紹介します。

https://photoshopvip.net/144266

商用利用無料、おしゃれでかわいい海外のフリーイラスト素材の総まとめ

2023/02/17(Fri) 08:54

商用でも無料で使用できる、かわいくておしゃれな海外のイラスト素材をまとめました。Webやアプリ、プレゼン、提案書、ポスター、同人誌など、さまざまなメディアで無料で利用できます。

https://coliss.com/articles/freebies/freebies-stylish-and-cute-illustrations.html

完全手書き文字のかわいいフリーフォント！ 楷書・行書・草書の三書体がセットになったペン字フォント -しょかきペン体楷行草

2023/02/15(Wed) 08:50

「しょかきさらり」「しょかき鱗片」「しょかきうたげ」「しょかき楷月」（すべて無料版あり）など、人気の手書きフォントをリリースされているぼんのう堂様から、新作フォント「しょかきペン体楷行草」がリリースされました！

https://coliss.com/articles/freebies/font-shokaki-pentai-kaigyousou.html

実務で通用するスキルを身につけたい人にお勧め -HTML/CSSスキルアップレッスン

2023/02/13(Mon) 09:00

HTMLとCSSは基本的には分かるけど、実装で悩むことがある、自分のやり方が正しいか不安に感じる、応用力が足りてない気がする、初心者を卒業してプロとして大きな一歩を踏み込もうとしている人にお勧めの解説書を紹介します。

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

divはボタンではない、ボタンの実装について知っておくべきすべてのこと

2023/02/10(Fri) 08:51

クリックできるボタンを実装するとき、HTMLの何をよく使用しますか？buttonタグ、もしくはdivタグ？ divを使用してはいけない理由、buttonを使用するときの注意点、場合によってはaがよい理由を紹介します。

https://coliss.com/articles/build-websites/operation/work/need-to-know-about-buttons.html