HTML,CSS,JS Джентельменский набор веб мастера. PHP Веб программирова- ние на языке PHP. Добро пожаловать на сайт поддержки XOOPS. Не секрет, что XOOPS-овский редактор BB-кодов оставляет желать лучшего. Для форматирования текста используются теги, подобные тегам HTML, В 2000 году поддержка BBCode была добавлена в движок для форумов. Вот редактор, на который предлагаю глянуть - http:// Вернуться к началу. Добавляю соответствующие BB - коды на форум: Код: Выделить всё Create rules for transform HTML =>BB jquery.wysibb.min.js. Онлайн- площадки для написания html, css и js. Написание кода порой занимает немало времени. Но случается, что совсем не хочется открывать блокнот, а нужно просто проверить какую- то сумасшедшую идею, пришедшую в голову в три часа ночи или же сразу поделиться своим результатом с другими людьми. Веб- редакторы в режиме онлайн решают эту проблему и мгновенно предоставляют вам готовую среду для создания кода, где вы можете сразу же начать экспериментировать. Эти инструменты позволяют объединить CSS, HTML и Java.
Script, часто даже создавать и совместно использовать примеры кодирования. Сегодня мы рассмотрим 6 фаворитов, у которых есть свои плюсы и минусы. CSSDesk. Мы начали с CSSDesk потому, что он один из старейших в нашем списке. Это очень простой в понимании онлайн- инструмент для написания HTML и CSS. Плюсы: Несомненно, у этого инструмента большое количество плюсов. Он очень удобен в пользовании. Есть три основных раздела: HTML, CSS и предварительный просмотр, размеры которых могут быть легко оптимизированы одним щелчком. Сразу виден результат вашего кода. Всё очень просто: откройте сайт и начните создавать. Среди плюсов также подсветка синтаксиса. А так же такая простая особенность (которую нечасто встретишь в подобного рода инструментах ) как нумерация строк здесь также присутствует. Отличная панель функций с некоторыми настройками, которые вы просто не найдете в других местах. Вы можете не только поделиться результатом, но у вас также есть возможность скачать то, что вы только что построили. Кроме того, вы можете выбрать любой фон, включая фоны с сетками. Минусы. Честно говоря, их очень мало. Самым большим недостатком для хардкор- кодеров является отсутствие поддержки Java. Script. Если это вас смущает, попробуйте один из других вариантов. JS Bin. JS Bin является еще одним популярным местом, где можно возиться с вашим кодом. Дизайн этого приложения достаточно минимальной и действительно позволяет сосредоточиться на коде. Здесь есть 3 раздела: для просмотра html, js и пенель предварительного просмотра. Вы можете оставить только те панели, которые вам нужны. Плюсы. Есть немало приятных функций в JS Bin. Первое, что обновления страницы не уничтожает вашу работу. Предварительный просмотр обновляется автоматически, но для тех редких случаев, когда вам нужно обновиться в ручную, приятно, что ваш основной инстинкт (Ctrl- R) не приводит к случайной гибели кода и не заставляет вас заново всё мастерить. Как и в CSSDesk, можно сохраниться, поделиться своей работой и загрузить её. Например, “http: //jsbin. Минусы. Это неплохой инструмент, но ему определенно не хватает шарма других. Нет специального раздела для CSS и нужно вставлять его в HTML. Fiddlejs. Fiddle является самым популярным вариантом в этом списке на данный момент. И не зря, ведь это удивительное приложение. Давайте посмотрим правде в глаза: когда вы начнете копаться в js. Fiddle, вы больше никогда не взглянете на любые другие варианты. Плюсы. Есть множество причин, почему вы должны использовать js. Fiddle. Во- первых, он очень удобен в использовании. Здесь присутствуют четыре панели (HTML, CSS, Java. Script и панель просмотра) и большое количество настроек. Вы можете настроить CSS и Java. Script панели и использовать ваши любимые инструменты. Есть возможность автоматически убирать грязный код. Можно быстро подключить любую библиотеку Java Script (JQuery, Moo. Tools и т. д. Если вы уже протестили все другие варианты из этого списка, вам будет трудно трудно смириться с тем, что постоянно нужно обновляться вручную. Горячие клавиши, конечно, могут немного ускорить этот процесс, но всё же.. Dabblet. Dabblet - новичок в этом жанре. Как CSSDesk, он сосредоточен только на HTML и CSS. Тем не менее, он приносит некоторые серьезные инновации, которые вы не найдете ни в одном другом редакторе. Плюсы. По умолчанию Dabblet делится на четыре вкладки: CSS и результат, HTML и результат, все вкладки и просто результат. Это обеспечивает гибкость и внимание, позволяя вам всегда следить за результатом. Вы можете изменить положение блоков, как показано ниже. Расположение разделов может быть вертикальным, горизонтальным или на весь экран с наложенной областью с кодом. Обратите внимание, есть также сообщения об использовании prefix- free. Это означает, что вы не должны использовать префиксы всех браузеров. Dabblet имеет много вариантов для сохранения, например, можно «сохранить анонимность.»Ещё одна замечательная функция Dabblet - это потрясающий эффект при наведении в CSS. Его легче показать, чем описать. Вот несколько примеров: Вы можете получить предварительный просмотр шрифтов, цветов, размеров, и даже изображений. Минусы. Dabblet немного причудливый с визуальной точки зрения. Tinkerbin. Tinkerbin очень похож на js. Fiddle. HTML, CSS и Java. Script разделены вкладками, которые позволяют вам сосредоточиться только на одном из них. Кроме того, Tinkerbin поддерживает еще более альтернативный синтаксис вариантов, чем js. Fiddle. Вы можете выбрать HTML или HAML, CSS, SCSS (с Compass), старый синтаксис SASS или LESS, Java. Script или Coffee. Script. Разумеется, если вы работаете с препроцессорами — этот вариант лучший для вас. Tinkerbin это единственный вариант, который позволяет увидеть весь ваш код при помощи окна «View Source». Минусы. Хочется поиграть с настройками и сделать область предварительного просмотра шире. Нет учетной записи, интеграции в Git. Hub , и т. д. Больше узнать о нём вы можете посмотрев следующее видео: Заключение. Надеюсь, этот обзор поможет вам заглянуть в детали каждого из этих решений. Теперь вы должны знать не только то, что делает каждый вариант, но и их достоинства и недостатки. А какими инструментами вы пользуетесь? Какой из них ваш любимый и почему? По материалам designshack.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
November 2016
Categories |