Web基礎知識

【作業効率UP!】Web制作にマストのGoogle Chrome拡張機能10選!現役Webディレクターも愛用【HTML・CSS コーディング】

現役Webディレクターも現場で愛用!作業効率が格段にアップする、おすすめのGoogle Chrome拡張機能10選の紹介です!
全て無料でとっても便利な機能なので、是非インストールして今日から使ってみてください。

<目次>
・オープニング 0:00​
・クロームとは?拡張機能の使い方 0:42

① Picture-in-Picture Extension 1:52
https://chrome.google.com/webstore/detail/picture-in-picture-extens/hkgfoiooedgoejojocmhlaklaeopbecg

② Pasty 3:18
https://chrome.google.com/webstore/detail/pasty/hdjihnnclpjhfdbbinmgoiehhoehhlgf/related?hl=ja

③ Linkclump 4:05
https://chrome.google.com/webstore/detail/linkclump/lfpjkncokllnfokkgpkobnkbkmelfefj/related?hl=ja

④ OneTab 5:05
https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall/related?hl=ja

⑤ Wappalyzer 6:02
https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg/related?hl=ja

⑥ WPSNIFFER 7:05
https://chrome.google.com/webstore/detail/wpsniffer-wordpress-theme/kihhefcbenhkjgjhchanjfhhflaojldn/related

⑦ WhatFont 8:27
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=ja

⑧ ColorZilla 9:20
https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=ja

⑨ 簡単!タイトル表示+ 10:21
https://chrome.google.com/webstore/detail/easy-show-title-plus/gdpfgejmikpgbnbhbhjegjfglhodfloa/related?hl=ja

⑩ Tag Assistant Legacy 11:28
https://chrome.google.com/webstore/detail/tag-assistant-legacy-by-g/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=ja

====================================

【超入門】作業効率爆上がり!必ず覚えておきたい超絶便利ショートカット【HTML・CSS コーディング】
https://youtu.be/2Egsijek-aM

【超入門】未経験からWebデザイナーを目指す方必見!現役採用担当者がポートフォリオで見ているポイントについて【Webデザイナー就活応援】
https://youtu.be/3KSdN6q1_yk

【超入門】知らなきゃマズイ!HTML・CSS 基本の「き」【HTML・CSS コーディング】
https://youtu.be/7AdJUfUREMY

【タグ】
#Webデザイナー #コーディング #プログラミング #拡張機能 #Chrome

関連記事

  1. 【超入門】初心者向け レンタルサーバーを借りてみよう!FTP接続…
  2. デザインカンプからのコーディングで初心者が必ずつまずくポイントと…
  3. 【Webデザイナー】初めてでも安心!独自ドメイン取得&レンタルサ…
  4. 【超入門】初心者向け レスポンシブデザイン完全攻略!メディアクエ…
  5. 【超入門】もうCSSの真ん中寄せで悩まない!縦向き編【HTML・…
  6. 【超入門】もうCSSの真ん中寄せで悩まない!横向き編【HTML・…
  7. 【超入門】初心者向け 模写コーディング!オススメのやり方とポイン…
  8. 【こんなWebデザインはNG!避けたほうがいい具体例4つ【未経験…
PAGE TOP