Web制作に役立つ情報一覧

最近のWeb制作に役立つ、CSSの便利ツール総まとめ

2023/01/20(Fri) 08:57

最近のWeb制作に役立つ、CSSの便利ツールをまとめました。CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニメーション、コードの管理・品質・デバッグに役立つツールなど、もりだくさんです。

https://coliss.com/articles/build-websites/operation/work/useful-tools-for-web-developer.html

便利なのが登場！ 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse

2023/01/19(Thu) 09:05

Webサイトやスマホアプリでよく使用される、ボタン、カード、検索ボックス、チェックボックス、ローダーなど、HTMLとCSSで実装されたUI要素がオープンソースで利用できるUIverseを紹介します。

https://coliss.com/articles/build-websites/operation/work/open-source-ui-elements-uiverse.html

【実践あるのみ】SEOを独学で身につける4ステップ！おすすめの本やメディアも紹介

2023/01/19(Thu) 09:04

SEOのスキルは独学で身につけられます。ただし、SEOは知識を「インプット」しただけでは、身についたとはいえません。実際にウェブサイトに「アウトプット」して結果を見ることで、知識と経験が混ざり合い、身についていくものです。そこで本記事では、SEOを独学する際の具体的な流れや、勉強におすすめな書籍・ウェブメディアを紹介します。

https://www.seohacks.net/blog/16964/

UIデザイン用のシンプルにデザインされた高品質なSVGアイコンが2000種類以上！ 改変・再配布も可の太っ腹ライセンス -Atlas Icons

2023/01/16(Mon) 09:08

WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるAtlas Iconsを紹介します。

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

超高速！ デザインやイラストに最適な色を組み合わたカラーパレット🎨を生成する無料ツール -Colour Palette Generator

2023/01/13(Fri) 09:01

選択したカラー・テーマに基づいて、デザインやイラストに最適な色を組み合わたカラーパレットを生成する無料のオンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/design/super-fast-colourpalettegenerator.html

テクニカルSEOの基礎知識！検索エンジンに正しく評価されるための10の施策

2023/01/13(Fri) 08:59

「テクニカルSEO」は、検索エンジンが正確にサイトを認識できるようにし、正当な評価を得られるようにするための技術的な施策のことです。本記事では、テクニカルSEOの概要や重要な理由、具体的な10の施策を紹介します。

https://www.seohacks.net/blog/16865/

医師とデザイン。なぜ医療現場は複雑なUIが好まれるのか？

2023/01/12(Thu) 08:52

先日社外の人とプレゼンテーションの話題になり「医師向けのプレゼンでは、シンプルなものより情報が詰め込まれたスライドが好まれるんです」と言われ驚きました。

https://note.com/kekq/n/na82bcc2d3e87

便利なのが登場！ これ一つでWeb制作に役立つ機能がたくさん使用できるChromeの拡張機能 -SuperDev

2022/12/23(Fri) 08:54

Web制作に役立つ機能、ルーラー・ガイドを表示したり、ボックスモデルを視覚化したり、カラーピッカーやカラーパレットを取得、気になった要素のHTMLとCSSをCodePenに表示させたりなど、たくさん用意されているChromeの便利な機能拡張を紹介します。

https://coliss.com/articles/build-websites/operation/work/chrome-extension-superdev.html

2022年のUIデザインツールのまとめ、注目されているプロトタイプ・デザインシステム・リモートワーク・ユーザーテストなど

2022/12/22(Thu) 08:56

2022年現在、UIデザインツールの使用状況を調査した「2022 Design Tools Survey」を紹介します。

https://coliss.com/articles/build-websites/operation/work/2022-design-tools-survey.html

2022年のCSSのまとめ、よく使用する新機能やプロパティや疑似クラス、人気のフレームワークや検証ブラウザなど

2022/12/21(Wed) 09:02

CSSは進化のスピードが速いですが、2022年はさらに速くなりました。そして大きな転換期とも言えるのが、IEのサポート終了です。これにより今まで使用できなかったCSSの機能がたくさん使用できるようになりました。

https://coliss.com/articles/build-websites/operation/css/the-state-of-css-2022.html