Веб-сайты — это удивительные инструменты, которые передают всевозможную информацию и идеи. Они довольно сильно эволюционировали всего за 10-15 лет, и теперь ожидается, что они будут первоклассными и красиво оформленными. Конечно, есть технологии, которые помогают нам достичь этого — и, следовательно, эволюции — с CSS, который в основном отвечает за дизайн и другие эстетические аспекты вашего сайта.
CSS понимании , или C ascading S tyle S heets, — это просто язык разметки, такой как HTML, за исключением того, что он содержит свойства только для тегов. Например, если вы используете теги <p> для своего текста, вы можете установить все виды атрибутов для тегов <p> в CSS, и они будут применены ко всем этим областям. Однако, где вы можете проверить все ваши идеи CSS?
Мозилла Наперсток
Mozilla Thimble — это относительно новый проект, который позволяет вам тестировать мгновенные изменения в коде страницы. Экран разделен между кодом и предварительным просмотром того, как сайт будет выглядеть с текущим кодом. Любые изменения, внесенные в код, будут немедленно отражены в предварительном просмотре.
Thimble в основном предназначен для тестирования веб-страниц и их HTML-кода, но вы также можете протестировать и свой CSS-код, поместив его в теги <head>.
Преимущество использования Thimble заключается в том, что вы можете сразу увидеть изменения и то, как CSS соотносится с HTML страницы.
поджигатель
Firebug — еще один замечательный инструмент, который довольно часто рекомендуется здесь, на . Это расширение для веб-разработки, которое, подобно Thimble, может мгновенно показывать вам изменения, внесенные в код. Разница между Thimble и Firebug заключается в том, что Thimble ограничен любым кодом, который вы помещаете в левую коробку, но с помощью Firebug вы можете изменить код любого живого сайта, даже если сайт не принадлежит вам.
Изменения не являются постоянными и не будут перенесены на веб-сервер, так что все изменения будут видны всем остальным, но Firebug позволяет вам локально изменить код, чтобы попытаться достичь других результатов. Затем вы можете взять свои выводы в Firebug и применить их к вашему фактическому коду.
голубая рыба
Bluefish — это настольный текстовый редактор, который специализируется на программировании и веб-разработке. Это не так визуально увлекательно, как, скажем, Thimble или Firebug, но если вам просто нужно уметь писать код в хорошем редакторе, Bluefish — это тот, кто его пишет.
Он не похож на другие текстовые редакторы, так как включает в себя собственные мощные функции поиска, неограниченную возможность отмены / повтора, возможность открывать тысячи файлов одновременно, кроссплатформенность и многое другое.
Аптана Студио
Aptana Studio — это не только ваш опыт редактирования кода, но и намного дальше. Программа может быть установлена как отдельное программное обеспечение или как плагин Eclipse, так что у вас есть варианты того, как вы хотите его использовать. Это действительно пытается помочь вам с вашими решениями кода, показывая вещи, такие как, какие браузеры поддерживают какие элементы.
Это также помогает в целом, облегчая перенос ваших проектов на git-сервер для более удобного контроля версий, встроенного терминала и отладчика, а также параметров настройки. Как и все в этом списке, он кроссплатформенный.
Вывод
Как видите, у вас есть несколько очень приятных вариантов, когда речь заходит о вашем CSS-коде. Это действительно зависит от того, какую настройку вы бы предпочли или требовали, чтобы иметь наиболее эффективный рабочий процесс или большинство функций. Все эти программы или сервисы решают редактирование CSS-кода по-своему, но все они звездные в том, что они делают. Если вы не уверены, какой из них может быть для вас, попробуйте их все! При желании вы также можете ознакомиться с нашим руководством о том, как работает Интернет. работает Интернет. чтобы узнать о других языках для Интернета!
Что вы используете для редактирования вашего кода CSS? У вас есть другие рекомендации? Дайте нам знать об этом в комментариях!
Кредит изображения: 3D красочный фон с помощью Shutterstock