LINUX.ORG.RU

Посоветуйте современный HTML/CSS редактор для новичка

 редактор html


1

1

Здравствуйте.
Жене понадобилось изучить html.
Я помню, пока не запомнил всё, всегда пользовался редакторами, в которых можно было в отдельной форме редактировать все параметры тега - как в bluefish или Dreamwaver.
Я потыкал sublime и VSCode, там такого нет, в eclipse есть, но eclipse не для новичков (и форма параметров предлагнает сразу все возможные параметры)...

В bluefish слишком убого.

Есть какие современные редакторы с описанной функциональностью? В идеале - чтобы параметр style как-нибудь красиво ещё мышкой можно было редактировать...

★★★★★

Последнее исправление: Shadow (всего исправлений: 1)

Я потыкал sublime и VSCode

Эти вообще не для новичков, так как в них конфиги править руками, расширения настраивать через правку файлов или консоль. Это уже для быдлокодера уровня novice+.

tz4678 ★★
()
Ответ на: комментарий от tz4678

Да они в плане HTML сильно хуже bluefish

Shadow ★★★★★
() автор топика
Ответ на: комментарий от Shadow

не очень понял тебя. сравниваешь хипстерские брекеты с каким-то ужасом с дизайном интерфейса в духе windows-98

tz4678 ★★
()

Я потыкал sublime и VSCode, там такого нет

Ты же и так знаешь, кроме этих есть годные? Нету. Так что sublime ей установи.

Deleted
()
Ответ на: комментарий от tz4678

VSCode

вообще не для новичков

Если вскод не для новичков, то я боюсь даже подумать, что для новичков. Приложение с одной большой зеленой кнопкой «Заказать решение на апворке»?

Nervous ★★★★★
()
Ответ на: комментарий от Deleted

Я пока к eclipse WDT склоняюсь.

Shadow ★★★★★
() автор топика
Ответ на: комментарий от tz4678

Тоже темой заинтересовался, глянул, что за редактор такой - DMG для Mac (рабочий комп) - 150 мегабайт о_О что оно такое умеет, там что, всевозможные фреймфорки и прочее в коплекте идет? Откуда такой размер?

AlienDark
()
Ответ на: комментарий от Alve

Ага, кликом мыши поставил, а потом сидишь json-конфиги правишь… Ту же Bash IDE чтобы заставить работать, нужно docker и docker-compose поставить, разобраться с ними, чтобы порт переназначить, а затем в настройках найти как указать адрес. Или prettifier поставил, а он по-умолчанию не настроен, нужно почитать гайд или… Сидеть писать launch.json и tasks.json для запуска дебаггера… Ну тут речь про редактор html, конечно, а значит нужно будет все-равно разбираться как Chrome Debugger настроить, разбираться как с какими-то флагами Chrome запускать… Просто есть примеры из жизни для которых, если в интерфейсе больше двух кнопок, это вызывает у них панику. У меня на работе бабы менегеры проектов, проработав кучу лет не могут освоить азы работы в терминале… Если баба освоит такой простой редактор как VSCode, то онауже попадает в разряд умных, а если научиться программировать, то вообще ‒ интеллектуальная элита

tz4678 ★★
()
Ответ на: комментарий от tz4678

Если баба освоит такой простой редактор как VSCode, то онауже попадает в разряд умных, а если научиться программировать, то вообще ‒ интеллектуальная элита

Russian sexist! Тебя с такими дикарскими понятиями живьём в Европу Цивилизованную не возьмут!)

Alve ★★★★★
()
Ответ на: комментарий от Alve

ну еслим так ярлыки вешать я тебя тоже могу куколдом и баборабом назвать… сексизм ‒ это отдавать бабам предпочтение при устройстве на работу (ну а кули раз менегеру дозволили набирать штат, то почему бы не набрать девочек так жи веселее, а что они тупые дело третье). а в рахове оно везде: во у баб квоты в думу (исимбаева в думе просидела сколько лет, на днях впервые конституцию прочитала и эта курица законы принимала). ну а про негров, трансексуалов, всяких агендеров, трансгендеров и прочих сумасшедших, которым предпочтение при трудоусройстве можно и молчать. ясчитаю это путь в никуда. а европа разная: есть толерантная западная, а есть и восточная, которая как раз-таки сексистская и ксенофобская, но цивилизованный мир куда шире западной европы и сев америки. в тех же южной корее, японии и китае тоже западных ценностей не разделяют. да и в самой той европе о которой ты говоришь есть огромной количество иммигрантов (~20% населения), которые тоже вертели западные ценности, а еще местное быдло, которое отнюдь не меньшинство, так что и в продвинутых странах европы все это безумие ограничено местами компактного проживания хипстеров в мегаполисах

tz4678 ★★
()
Ответ на: комментарий от Stremitelnyj

Да я уже всё посмотрел - сначала ей dreamweaver поставлю, как освоится в тегах и стилях, bluefish. Ей только спам-странички верстать. На работе sublime, оно вообще для другого.

Shadow ★★★★★
() автор топика
Ответ на: комментарий от tz4678

Ей на работе, там фотошопа нет.
В любом случае, я удивлён, что хипстерские редакторы/IDE - ваще не продуктивные ни разу. Ну, git умеют... Но я и из командной строки его умею. ХЗ, на что человеко-часы потрачены. Наверно, на красивый скрол с изображением кода.

Shadow ★★★★★
() автор топика
Последнее исправление: Shadow (всего исправлений: 1)
Ответ на: удаленный комментарий

Там только html с встроенным css, и то, чтобы вручную не вбивать все css и аттрибуты тегов. Так она в исходный html смотреть будет.

Shadow ★★★★★
() автор топика

Жене понадобилось изучить html.

Если цель изучить, то только постоянное использование поможет. Пусть открывает любой редактор (лучше vscode) и документацию по html в браузере.

Чем тут может помочь wysiwyg-редактор – непонятно.

Im_not_a_robot ★★★★★
()

современный HTML/CSS редактор для новичка

Жене понадобилось и

Любой текстовый редактор с подсветкой и доступ к Google, а также где-то неделю на понимание (женщина).

anonymous
()
Ответ на: комментарий от rechnick

Язабан этого начинающего некроманта.

anonymous
()
Ответ на: комментарий от anonymous

А если без шуток, то глянь UltraEdit. Но он не бесплатный.

anonymous
()
Ответ на: комментарий от anonymous

что у лебедева дизайны говно не знает только ленивый, но в их заказе есть смысл: на сайте лебедева, который старый и довольно раскрученный, размещается вечная ссылка на твой сайт, что дает буст к его раскрутке

tz4678 ★★
()
Последнее исправление: tz4678 (всего исправлений: 1)
Ответ на: комментарий от Shadow

Хотя можно vscode поставить и настроить:

$ code --list-extensions  
aaron-bond.better-comments
akamud.vscode-theme-onedark
alefragnani.Bookmarks
anseki.vscode-color
austin.code-gnu-global
be5invis.vscode-custom-css
bungcip.better-toml
christian-kohler.npm-intellisense
CoenraadS.bracket-pair-colorizer
cssho.vscode-svgviewer
DavidAnson.vscode-markdownlint
dbaeumer.vscode-eslint
donjayamanne.githistory
DotJoshJohnson.xml
dracula-theme.theme-dracula
dunstontc.dark-plus-syntax
ecmel.vscode-html-css
EditorConfig.EditorConfig
eg2.vscode-npm-script
emmanuelbeziat.vscode-great-icons
Equinusocio.vsc-community-material-theme
Equinusocio.vsc-material-theme
equinusocio.vsc-material-theme-icons
esbenp.prettier-vscode
felipecaputo.git-project-manager
formulahendry.auto-close-tag
formulahendry.auto-rename-tag
formulahendry.code-runner
GrapeCity.gc-excelviewer
Gruntfuggly.todo-tree
himanoa.Python-autopep8
HookyQR.beautify
humao.rest-client
jasonnutter.search-node-modules
johnpapa.vscode-peacock
mads-hartmann.bash-ide-vscode
michelemelluso.code-beautifier
ms-azuretools.vscode-docker
ms-python.python
ms-vscode.cpptools
ms-vsliveshare.vsliveshare
msjsdiag.debugger-for-chrome
naumovs.color-highlight
njpwerner.autodocstring
octref.vetur
oderwat.indent-rainbow
PKief.material-icon-theme
quicktype.quicktype
redhat.vscode-yaml
richie5um2.vscode-sort-json
ritwickdey.live-sass
ritwickdey.LiveServer
Shan.code-settings-sync
shd101wyy.markdown-preview-enhanced
slevesque.vscode-hexdump
streetsidesoftware.code-spell-checker
syler.sass-indented
teabyii.ayu
thenikso.github-plus-theme
twxs.cmake
vangware.dark-plus-material
vincaslt.highlight-matching-tag
VisualStudioExptTeam.vscodeintellicode
vscode-icons-team.vscode-icons
yzane.markdown-pdf
yzhang.markdown-all-in-one

Из этого списка можно все вычистить, что к html/css не относится и с настройкой возиться не надо. И settings.json:

{
  // ...
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[python]": {
    "editor.defaultFormatter": "ms-python.python"
  },
  "breadcrumbs.enabled": true,
  "editor.accessibilitySupport": "off",
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true,
  "editor.fontSize": 16,
  "editor.renderWhitespace": "boundary",
  "editor.rulers": [
    72,
    80,
    100,
    120
  ],
  "editor.suggestSelection": "first",
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "editor.wordWrapColumn": 120,
  "explorer.confirmDelete": true,
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,
  "files.trimTrailingWhitespace": true,
  "html.format.indentInnerHtml": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "prettier.endOfLine": "lf",
  "prettier.printWidth": 80,
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "python.formatting.autopep8Args": [
    "--indent-size=2",
    "--max-line-length=80"
  ],
  "python.jediEnabled": false,
  "python.pythonPath": "/usr/sbin/python",
  "terminal.integrated.fontFamily": "Noto Mono for Powerline",
  "terminal.integrated.fontSize": 15,
  "terminal.integrated.shell.linux": "/bin/zsh",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "workbench.colorTheme": "Solarized Dark",
  "workbench.iconTheme": "material-icon-theme",
  "sync.forceDownload": false,
  "editor.renderControlCharacters": true,
  "window.titleBarStyle": "custom"
}
tz4678 ★★
()
Последнее исправление: tz4678 (всего исправлений: 1)
Ответ на: комментарий от anonymous

И да, ты не понял шутки. У них раньше в шапке сайта была надпись , типа сделано в ms frontpage.

anonymous
()
Ответ на: комментарий от tz4678

Там настройка уже год через традиционный мышевозный интерфейс. Хотя если нажать малозаметную кнопочку, то будет и старый вариант. Пока что.

anonymous
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.