верстка

Озадачился тут недавно вопросом: «А можно ли как-то посмотреть исходный код web-страницы с мобильного гаджета с iOS». Мой вопрос носил скорей теоретический характер, нежели практический. Во всяком случае, у меня ни разу не возникало потребности посмотреть исходный код страницы прямо на мобильном гаджете.

Я порылся в настройках Safari и нигде не нашел стандартной возможности для решения этой задачи. После этого я решил попытать счастье в AppStore и оказалось не зря. По запросу «View source» находится с десяток различных приложений, позволяющих просматривать исходный код страниц.

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

На днях наткнулся на лекцию Виталия Фридмана "Адаптивный web-дизайн". Данная тема меня очень интересует, поэтому видео сразу добавил в список для просмотра. Сегодня наконец-то появилось время на его просмотр. Я только просматривать эту лекцию и уже успел найти для себя кое-то полезное. Рекомендую посмотреть и вам. Видео под катом.

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

Давненько уже не было возможности написать в блог. Чертова занятость переходит все допустимые границы. Вроде и находишься в постоянном движении, не тратишь время в пустую, а его все равно не хватает. Эх, почему в сутках всего 24 часа?

Ладно, хватит о грустном. Поговорим о более интересных вещах. В очередной раз, просматривая ленту новых проектов на GitHub, мне на глаза попался новенький CSS фреймворк под названием Material Design. Быть может я прошел бы мимо - новые фреймворки появляются как грибы после дождя. Уследить за ними тяжело (тем более протестировать). Обойти стороной Materialize мне не позволила «тысща» звезд, собранных за пару дней и намек на готовую реализацию свежего концепта дизайна от Google.

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

Уже давно хочу рассказать про полезный сервис TinyPNG, но все как-то забываю. Он помогает уменьшать размер изображений в формате PNG без потери качества. Я им пользуюсь при публикации изображений себе в блог и во время верстки очередного дизайна. Например, дизайнер подготовил картинки для слайдера общим размером в мегабайта 3. Выложить изображения в таком виде можно, но посетители вряд ли будут дожидаться столь долгой загрузки страницы. Вывод напрашивается сам собой – необходимо произвести оптимизацию.

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

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

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

Я просто восхищаюсь фреймворком Bootstrap! Он серьезно упрощает время при верстке всевозможных панелей управления и прочих типовых вещей. Нужен прототип – берем Bootstrap и получаем результат через пару часиков неспешного труда. Фанатов Bootstrap очень много и некоторые из них пытаются сделать свой вклад в развитие фреймворка.

Крис МакКензи, наверное, очень сильно любит Bootstrap и ностальгирует по временам царствования MS DOS, Norton Commander, Turbo Vision. Иначе как объяснить мотивы на создание темы оформления «Bootstra.386» для фреймворка Bootstrap?

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

Каждый web-мастер знает, что для оформления ссылок, по нажатию на которые будет запускать почтовую программу, установленную у пользователя по умолчанию, и заполненным полем «Кому», необходимо воспользоваться конструкцией «mailto». Например:

<a href="mailto:your@mailbox.com">your@mailbox.com</a>

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