Web制作に役立つ情報一覧

便利なイラスト素材が登場！表情や髪型、さまざまなパーツを組み合わせて使用できる人物イラスト素材 -Wrrooom!

2020/10/01(Thu) 09:51

男性・女性の人物イラストをパーツを組み合わせるだけで簡単に作成できるイラスト素材を紹介します。海外の素材ですが、癖がそんなに強くないので、日本のサイトでも使い勝手がよいと思います。

https://coliss.com/articles/freebies/illustration-constructor-wrrooom.html

入力するだけでおしゃれな最新フリーフォント素材35個まとめ 2020年9月版

2020/09/30(Wed) 10:09

この記事では、2020年9月にかけて集めた、デザイン制作に役立つ最新フリーフォント素材をまとめて紹介しています。ゆるい雰囲気の手書きフォントが、商用OKも多く、今月は特にオススメです。

http://photoshopvip.net/124767

CSSを最適化してページの読み込み時間を高速化する方法

2020/09/30(Wed) 10:08

CSSを最適化して、ページの読み込み時間を高速化する方法を紹介します。シンプルなCSSのファイルをはじめ、大規模プロジェクトで使用されるCSSまで、すべてのCSSに効果があるテクニックです。

https://coliss.com/articles/build-websites/operation/css/optimizing-css-for-faster-page-loads.html

CSSで画像に磨りガラスのパネルを重ねたり、フィルター効果を適用するだけのシンプルなライブラリ -filters.css

2020/09/28(Mon) 09:54

さまざまなフィルター効果を画像に適用できるCSSのライブラリを紹介します。JavaScriptは一切無しで、classを付与するだけで簡単に利用できます。画像に磨りガラスのパネルを重ねたり、白黒やセピア色にしたり、さまざまなフィルター効果をサポートしています。

https://coliss.com/articles/build-websites/operation/css/css-only-filter-library.html

【2020年版】上級者向けの17のSEO戦略

2020/09/25(Fri) 09:57

SEOを行う際は、検索エンジンとユーザーの両方に配慮しなければなりません。そして、検索エンジンとユーザー（行動や嗜好）は常に変化・進化を続けているため、必然的にSEOの施策もアップデートしていく必要があるでしょう。いわゆる、SEOの普遍となる基本的な項目を網羅したリストは多くありますが、それ以外の最新トレンドに対応した施策リストも有用です。

https://www.seojapan.com/blog/17-advanced-seo-techniques-for-2020

CSS Flexboxでヘッダを実装する最近のテクニックのまとめ

2020/09/24(Thu) 10:11

CSS Flexboxで、Webサイトのヘッダを実装する最近のテクニックを紹介します。ロゴやナビゲーションの配置、各要素間のスペースの与え方、使用可能なスペースに検索フォームを広げて配置など、Flexboxを効果的に使用した実装方法です。

https://coliss.com/articles/build-websites/operation/css/building-headers-with-css-flexbox.html

ロゴを変えることはブランディングではないというお話

2020/09/24(Thu) 10:10

ロゴを変えることは、会社や商品＝ブランドに貢献することはできるでしょうか？ 答えはNOです。よくあるブランディングにおける間違えであるために、ここであえて私の記事を読んでくれている人にとっては対して目新しい情報ではないと思われてしまう部分もあるかと思いますが、記しておきたいと思いました。

https://note.com/masaya_ishizaka/n/nb2eb38a17d47

もっと早く知りたかった！Web制作に便利な最新オンラインツール46個まとめ

2020/09/23(Wed) 09:52

この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。Ai、人工知能を利用した、これまで面倒だった作業を改善できるツールも見かけるように。また、プロトタイプツールFigmaに関する便利なプラグイン、テレワークによるオンラインミーティングで使えるさーびすなども増えています。

http://photoshopvip.net/124515

これは便利で簡単！CSSを書いている時に、Flexboxのチートシートを利用できるVS Codeの機能拡張

2020/09/18(Fri) 09:53

CSSを書いている時に、ふとFlexboxのプロパティがどんな挙動だったか確認したくなることはありませんか？CSSをVisual Studio Codeで書きながら、CSS Flexboxのチートシートを利用できる機能拡張を紹介します。Flexboxの各プロパティや値がどのような挙動か、一目で分かります。

https://coliss.com/articles/build-websites/operation/css/flexbox-cheatsheet-for-vscode.html

ウェブの文字づめについて

2020/09/17(Thu) 09:58

見出しの文字づめ これは2017年のType&の時にお話したものですが、前回のFONTPLUS DAYで、Illustratorでレイアウトしたデータをそのまま表示したいというご意見があったので、改めてお話しました。

https://note.com/yoshihiko/n/nf0668852c55a