Owen Little
0 
4587
1425
Веб-сайты - это удивительные инструменты, которые передают всевозможную информацию и идеи. Они довольно сильно эволюционировали всего за 10-15 лет, и теперь ожидается, что они будут первоклассными и красиво оформленными. Конечно, есть технологии, которые помогают нам достичь этого - и, следовательно, эволюция - с CSS, который в основном отвечает за дизайн и другие эстетические аспекты вашего сайта..
CSS 5 Baby шагов к изучению CSS и стать умником CSS Sorcerer 5 Baby шагов к изучению CSS и стать умником CSS Sorcerer CSS - это единственное наиболее важное изменение веб-страниц, которое произошло за последнее десятилетие, и оно проложило путь для разделение стиля и содержания. По-современному, XHTML определяет семантическую структуру ... или Сascading Sмозоль Sheets - это просто язык разметки, такой как HTML, за исключением того, что он содержит свойства только для тегов. Например, если вы используете
теги для вашего текста, вы можете установить все виды атрибутов
теги в CSS, и он будет применяться ко всем этим областям. Тем не менее, где вы можете проверить все ваши идеи CSS?
Мозилла Наперсток
Mozilla Thimble - это относительно новый проект, который позволяет вам тестировать мгновенные изменения в коде страницы. Экран разделен между кодом и предварительным просмотром того, как сайт будет выглядеть с текущим кодом. Любые изменения, внесенные в код, будут немедленно отражены в предварительном просмотре..
Thimble в основном предназначен для тестирования веб-страниц и их HTML-кода, но вы также можете протестировать и свой CSS-код, поместив его в теги.
Преимущество использования Thimble заключается в том, что вы можете сразу увидеть изменения и то, как CSS соотносится с HTML страницы..
поджигатель
Firebug - еще один замечательный инструмент, который довольно часто рекомендуется здесь, на MakeUseOf. Это расширение для веб-разработки, которое, подобно Thimble, может мгновенно показывать вам изменения, внесенные в код. Разница между Thimble и Firebug заключается в том, что Thimble ограничен любым кодом, который вы вводите в левую коробку, но с помощью Firebug вы можете изменить код любого живого сайта, даже если сайт вам не принадлежит.
Изменения не являются постоянными и не будут перенесены на веб-сервер, так что все изменения будут видны всем остальным, но Firebug позволяет вам локально изменить код, чтобы попытаться достичь других результатов. Затем вы можете взять свои выводы в Firebug и применить их к вашему фактическому коду.
голубая рыба
Bluefish - это настольный текстовый редактор, который специализируется на программировании и веб-разработке. Это не так визуально увлекательно, как, скажем, Thimble или Firebug, но если вам нужно просто написать код в хорошем редакторе, Bluefish - тот, кто его пишет.
Он не похож на другие текстовые редакторы, так как включает в себя собственные мощные функции поиска, неограниченные возможности отмены и повтора, позволяет открывать тысячи файлов одновременно, кроссплатформенность и многое другое..
Аптана Студио
Aptana Studio - это не только ваш опыт редактирования кода, но и намного дальше. Программа может быть установлена как отдельное программное обеспечение или как плагин Eclipse, так что у вас есть варианты того, как вы хотите его использовать. Это действительно пытается помочь вам с вашими решениями кода, показывая вещи, такие как, какие браузеры поддерживают, какие элементы.
Это также помогает в целом, облегчая перенос ваших проектов на git-сервер для более удобного контроля версий, встроенного терминала и отладчика, а также параметров настройки. Как и все остальное в этом списке, это кроссплатформенный.
Заключение
Как видите, у вас есть несколько очень приятных вариантов, когда речь заходит о вашем CSS-коде. Это действительно зависит от того, какую настройку вы бы предпочли или требовали, чтобы иметь наиболее эффективный рабочий процесс или большинство функций. Все эти программы или сервисы решают редактирование CSS-кода по-своему, но все они звездные в том, что они делают. Если вы не уверены, какой из них может быть для вас, попробуйте их все! Если вы хотите, вы также можете ознакомиться с нашим руководством о том, как работает Интернет, чтобы узнать о других языках для Интернета!
Что вы используете для редактирования вашего кода CSS? У вас есть другие рекомендации? Дайте нам знать об этом в комментариях!
Кредит изображения: 3D красочный фон с помощью Shutterstock