Детальный анализ адаптивного веб-дизайна.

rwd-img2a-500

Термин «адаптивный веб-дизайн» был придуман Этаном Маркоттом два года назад и с тех пор произошло его стремительное развитие.

Читать далее

Cоветы и рекомендации для таблицы стилей печати

Screen Shot 2013-01-13 at 8.58.10 PM

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

Веб-разработчики могут предпринять ряд шагов, чтобы «навести мосты» между мирами принтеров и ЖК-экранов:

Читать далее

Нам понадобится API побольше!

Optimizing the way to makes things move

Всем нравятся движущиеся надписи в интернете, правда же? Помните, как вы плакали от счастья, когда впервые использовали <marquee>? Я помню.
Читать далее

Проблема элементов CSS формы

vertical-grid1

До 1998 года (год появления CSS Level 2) элементы формы уже были широко внедрены во всех основных браузерах. В CSS 2 спецификации не рассматривается вопрос о том, как элементы формы должны быть представлены пользователям. Поскольку эти элементы являются частью пользовательского интерфейса каждого веб-документа, авторы документации предпочли оставить визуальную верстку таких элементов по умолчанию табличных стилей веб-браузеров.
Читать далее

Развитие БЭМ методологии

Эта статья представляет собой тематическое исследование об эволюции БЭМ, это методология, которая позволяет членам группы сотрудничать и делиться идеями, используя единый язык, состоящий из простых, но важных терминов: блоки, элементы, модификаторы. Узнайте о проблемах крупной компании, с которыми она сталкивается при постепенном создании целой экосистемы услуг и постоянным увеличением команды разработчиков.

Читать далее

Использование символов пробелов для лучшей читабельности в HTML и CSS

labyrinth-comic

Сразу же, не откладывая, я дам вам простой совет: в готовом рабочем варианте ваш код должен быть как можно дружественнее. Это подразумевает сжатие размера, объединение и уменьшение как можно большего количества элементов и как можно меньшего количества файлов. Я думаю, никто не будет спорить, что эти предложения не являются наилучшим применением на практике (даже если мы не будем внедрять их в каждом проекте).

 

Читать далее

Применение стилей и жирности шрифта при помощи @font-face объявления

1_organize_text

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

Полужирный и Курсив Помогут в Организации Контента

Несколько месяцев назад я написал статью о том «Как избежать искусственного стиля и  жирности шрифта при помощи Google Web Fonts». В конце статьи я пояснил, что стили и жирность шрифта являются важными UX элементами при написании текста. Формы шрифтов Полужирного и Курсива, помогают людям бегло просмотреть ваш сайт. Они добавляют акценты, такие как strong и subtle, которые могут помочь посетителям понять организацию содержания, прежде чем они вообще начнут читать его.

Читать далее

Подробное введение в Backbone.Marionette

Backbone.js все быстрее становится самой популярной платформой для создания модульных JavaScript приложений на стороне клиента. В основном это просто благодаря отсутствию больших препятствий в начале работы; начать работать с ним супер-просто. Однако, в отличие от Ember.js, из-за такой минимальности Backbone разработчику приходится многое додумывать самому.

Итак, как только вы хотите расширить приложение, все становится не таким уж и простым. Backbone.Marionette был создан для того, чтобы облегчить все трудности, связанные с Backbone разработкой. Согласно его автору, Backbone.Marionette «заставляет танцевать ваши Backbone.js приложения с помощью композитной архитектуры приложения!».

Читать далее

Создание модуля контроля в Magento.

Creating-An-Affiliate-Tracking-Module-In-Magento-opt

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

Мы будем рассматривать следующие темы:

Читать далее

Полное руководство по брандмауерам

A computer is like two big blocks of apartments.

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

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

Читать далее