Тестирование кода: CSS производительность, отладка, присвоение имен

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

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

Читать далее

Загляните в будущее: Селекторы, Уровень 4

How the CSS4 logo could look like.

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

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

Читать далее

Важность HTML5 секционирования элементов.

A Dreamweaver table

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

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

Читать далее

Реализация Off-Canvas навигации для адаптивного веб-сайта.

Responsive Off-Canvas Menu Demo 1

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

Начиная проект с открытым программным кодом.

open-source

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

Читать далее

Базовая линия CSS: хорошо, плохо и безобразно.

Baseline.

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

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

Читать далее

Какие наличие рецепта право для вас?

JavaScript называют все, от больших до ужасно сборка language в Интернете, но мы все его использовать.Любовь JavaScript или ненавидеть: все признают, имеются серьезные недостатки и не многие другие choices.

Let’ начнем с некоторых основных негативов.JavaScript не имеет хорошего ответа для некоторых действительно основные особенности современных языков программирования: частные переменные и функции, пакеты и модули, стандартные механизмы локализации, код завершения в editors.

Читать далее

Шаблонов на стороне клиента

Client-side templating article image

Использование шаблонов в браузере становится все более и более распространенным.Перемещение логики приложения от сервера к клиенту, и увеличение использования MVC-подобных моделей (model– view– контроллер) вдохновил шаблоны, чтобы охватить браузера.Раньше это серверное только делом, но шаблоны на самом деле очень мощная и выразительная в разработке клиентской части, как well.


Читать далее

Представляя Макет Magento

Third-Party Tools Google Analytics, Reinvigorate and CrazyEgg

В этом уроке мы введем Magento макета, создав простой модуль, который будет добавить некоторые пользовательские HTML-содержимое в нижней части каждого клиента соседней странице, в ненавязчивой манере.Другими словами, мы будем делать это без фактического изменения любого Magento шаблоны или файлы ядра.Такая функциональность является общим требованием для многих вещей, например, партнерские направления программ, аналитика клиентов слежения, добавление пользовательских функций JavaScript, etc.

Мы будем рассматривать ряд интересных тем, в том числе:

Читать далее