Web制作– tag –

-
シンプル版CanvaみたいなデザインしやすいWebサービス 『Canvave』
シンプルなCanvaみたいな無料で使える オンラインデザインツール。 動作も軽快でサクサクと編集が可能で、 Web上で簡単にデザインすることができます。 -
音量600%やUserAgent変更、右クリック有効などChromeを便利にする拡張機能 『Browser Boost』
音量を600%やUserAgentの変更、右クリック有効など 様々な機能を搭載したChrome拡張機能。 他にも右クリックで画像形式を指定して保存など 1つの拡張機能でChromeがより便利になります。 -
超簡単にWordPressのテスト環境をパソコンに構築できるソフト 『Studio』
Wordpressのサイトをパソコンに簡単に 構築してテストサイトを作成できるソフト。 ダウンロードしたファイルを実行するだけで構築、 テーマや拡張機能を自由にインストール可能です。 -
ExcelからWebページのテーブルを生成できる便利なWebサービス 『エクセルからテーブル(html)作成ツール』
エクセルのシートをコピペするだけで Webページのテーブルを生成できるWebツール。 table、tr、th、tdなどHTMLコードを出力、 プレビューも可能な便利なツールです。 -
Web制作にとても便利なCSSデザインをまとめたWebサービス 『Pa-Tu』
Web制作時にとても便利なCSSデザインを まとめたWebサービス。 ボタンや見出し、リストやテーブルなど コピペでオシャレなデザインにできます。 -
ChatGPTで出力されたHTMLコードをCodepenに出力、実行も可能な拡張機能 『ChatGPT Web Preview』
ChatGPTで出力されたHTMLやCSS、JSを 即座にCodepenでプレビュー可能な拡張機能。 Web制作にとても便利で、出力されたコードを 即座に編集したり実行が可能です。 -
知識不要でオシャレなWebページを作成できるWebサービス 『create.xyz』
日本語で自然な言葉を書いていくだけで、 オシャレなWebページを作成できる Webサービス。AIを活用してWebページ生成、 出力されたページのコードを取得も可能です。 -
Webサイトの間隔、サイズを測ることができるWeb制作に便利なChrome拡張機能 『Dimensions』
Webページ上の要素の幅を測ることが できる便利なChrome拡張機能。 カーソルを測りたい場所に移動するだけで 要素間のサイズを測ることができます。 -
使い方簡単でオシャレなロゴが作れるWebサービス 『Logo.it』
使い方はとても簡単にオシャレな ロゴが作れるWebサービス。 アイコンを基に作ることができて PNG、SVG形式でダウンロードできます。 -
Chromeの画面サイズをスマホやデスクトップサイズに変更できるWeb制作にも便利な拡張機能 『Window Resizer』
Chromeのウィンドウサイズを変更できる 便利な拡張機能。スマホやタブレット、 デスクトップサイズに一瞬で変更可能で レスポンシブチェックにもとても便利です。 -
タワーディフェンスを攻略しながらCSSのFlexboxを習得できるWebサービス 『FLEXBOX DEFENSE』
CSSのFlexboxを学習しながら タワーディフェンスゲームを楽しめる 面白いWebサービス。分かりづらい配置を 楽しみながら学習が可能です。 -
Web制作に便利なシンプルで使いやすいChrome拡張機能 『レスポンシブ チェック!』
シンプルな使いやすいレスポンシブを チェックできるChrome拡張機能。 画面を分割してスマホ版、PC版を表示して 確認が可能、デベロッパーツールも使えます。