Web制作全般

HTMLをWordPress化するときの実装から公開までの手順がよく分かる解説書 -HTMLサイトをWordPressにする本

2023/09/11(Mon) 08:59

HTMLベースのビジネスサイトをWordPress化する手順をていねいに詳しく解説した解説書を紹介します。HTMLやCSSのコードをどのようにWordPress化するのか、コンテンツに合わせたテーマファイルの構成方法、さまざまな要素のコード化、WordPressならではの条件分岐や機能の使い方、そしてローカル環境での開発方法、本番環境への移行方法（SSL化なども）まで、最新のWordPressに対応した実装から公開までの手順がよく分かります。

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

クリエイター注目の便利な最新オンラインツール46個まとめ

2023/02/08(Wed) 09:11

この記事では、クリエイターが知っておくと便利な、最新オンラインツールをまとめてご紹介。昨年末より話題持ちきりのAI関連ツール、特に増えています。また、Webサイト制作が楽になる時短ツールやデザインツールなど、あらゆるクリエイティブな案件、プロジェクトで活躍しそうな新ツールが中心。

https://photoshopvip.net/144063

便利なのが登場！ これ一つで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

Web制作を変える！2022年の便利オンラインツール・ベスト110選

2022/12/20(Tue) 09:00

この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。

https://photoshopvip.net/142392

これは便利すぎる！ Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist

2022/09/28(Wed) 09:03

ターゲットブラウザを決める時に役立つ便利なツールを紹介します。条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。

https://coliss.com/articles/build-websites/operation/work/target-browsers-between-different-front-end-tools.html

もっと早く知りたかった！便利な最新Web、オンラインツール30選

2022/09/12(Mon) 09:00

この記事では、「もっと早く知りたかった」と思ってしまう、便利な最新オンラインツールをまとめてご紹介します。AIをフル活用した次世代ツールから、これまでの作業が嘘のように捗る便利なものまで、今後のワークフローを変えてくれそうなツールを中心に揃えています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。

https://photoshopvip.net/137497

レスポンシブの確認が簡単に！ iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター

2022/08/05(Fri) 09:02

iPhoneをはじめ、PixelやGalaxyのAndroidスマホ、iPadやGalaxyのタブレット、ラップトップ、ワイドスクリーンなど各モデルのサイズでWebページを表示して確認ができるChromeの機能拡張を紹介します。

https://coliss.com/articles/build-websites/operation/work/mobile-simulator-for-responsive.html

便利なツールが登場！ 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images

2022/05/17(Tue) 08:56

次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。

https://coliss.com/articles/build-websites/operation/work/optimize-images-for-webp-and-avif.html

markuplint で HTML の構文チェックを始めよう

2022/05/02(Mon) 09:02

ブラウザが HTML を解釈する方法はその他のプログラミング言語と比べてはるかに寛容です。ブラウザは HTML 内に構文エラーを発見しても大抵の場合は問題なくページに表示されます。ブラウザには、誤って書かれたマークアップを解釈する方法を決定するための組み込みのルールがあるためです。

https://zenn.dev/azukiazusa/articles/start-syntax-checking-with-markuplint

こんなことできるの?!ホームページ制作が楽しくなる最新オンラインツール48個まとめ

2022/05/02(Mon) 09:02

この記事では、ホームページ制作を快適にする最新オンラインツール48個をまとめてご紹介。ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな便利な新ツールを揃えています。

https://photoshopvip.net/134594