В строительной отрасли, «брандмауэр» (нем. Brandmauer, от Brand — пожар и Mauer — стена) это специально построенная стена для  остановки пожара между секциями здания. Термин распространился на другие отрасли промышленности, такие как автомобилестроение,  а в конце 1980-х годов он дошел и до компьютерных систем. С одной стороны стены это бурлящий хаос в интернете, с другой стороны это ваш мощный, но в тоже время уязвимый веб сервер.

Брандмауэры (или межсетевые экраны) на самом деле больше похожи на противопожарные двери, потому что они должны кое-что пропускать. Они отслеживают весь электронный трафик, поступающий в сеть или исходящий из нее. Межсетевые экраны придерживаются строгому набору правил для определения того, что разрешено, а что нужно блокировать.

Читать далее →

Всем привет! Добро пожаловать на очередной тур тестирования CSS кода Smashing Magazine – финальный тур на данном этапе. Мы ещё раз ответим на лучшие вопросы, которые вы прислали нам о CSS.

Это было отличным опытом провести тестирование кода вместе с вами – большое спасибо за ваши присланные вопросы! Мы надеемся, что ответили на них наилучшим образом и мы, конечно же, вернемся с новыми интересными турами тестирования кода в будущем. Наслаждайтесь последним туром Криса на производительность CSS кода, лучшие практики по  присвоению имен CSS классам, и многое другое!

Читать далее →

Модное слово «CSS4» появилось из неоткуда, точно также, как до этого мы привыкали к CSS3 и придерживались его на протяжении какого-то времени. Разработчики браузеров  прилагают все усилия для реализации новых функций, а разработчики интерфейсов создают все больше и больше инструментов для более эффективной работы с таблицами стилей. Но сейчас, услышав о CSS4, вы можете спросить, « А как же CSS3? С этим уже покончено?»

Мы упорно трудились, распространяя ценные качества CSS3, и сейчас он устарел?  В действительности, ничего не произошло, просто естественное развитие — процесс, который поможет CSS в целом — потому что «Уровень 3» и «Уровень 4» просто соблюдают присваивание имен свойствам различных документов

Читать далее →

Как бы вы не называли эти секции — блоки, модули, области, разделы — их используют для визуального выделения разделов веб-страниц уже более десяти лет. Вся проблема в том, что мы никогда не имели подходящих инструментальных средств, чтобы делать это. Несмотря на то, что внешний вид веб-сайта доступен всему миру, его структурная организация представляла собой нагромождение из пронумерованных заголовков и бессмысленных элементов помощи. Неуправляемый поток контента выглядел как один сплошной блок.

Существует возможность выделения фрагмента документа с помощью тэга <div>, но данный фрагмент не будет вести себя как раздел. Процесс работы со вспомогательными технологиями (AT) и анализ данных программного обеспечения существенно отличаются от возможности визуально следить за результатами изменений.

Читать далее →

Очень часто веб-сайты отображаются на различных типах экранов и из-за этого возрастают требования к адаптивному дизайну.
Читать далее →

В 2011 году Николь Салливан и я представили CSS Lint, первое инструментальное средство для CSS с качественным кодом. Последние две недели мы занимались разработкой кода, словно одержимые, пытаясь создать приложение, которое было бы полезным для конечных пользователей и легко поддавалось модификации. Ни один из нас не имел опыта запуска проекта с открытым исходным кодом. Мы многому научились в процессе создания данного продукта.

Читать далее →

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

Сложившаяся ситуация может быть вызвана отсутствием понимания и оценки преимуществ, которые вытекают из использования сетки из базовых линий. Но это скорее всего объясняется тем, что чрезвычайно трудно получить правильное отображение базовой линии, и пока еще никто не создал четкий план действий для успешной реализации.

Читать далее →