Персональный блог Игоря Антонова aka "spider_net"

верстка

Подписаться на эту метку по RSS

Как посмотреть исходный код web-страницы в iOS


Рубрика: html/css -> Программирование
Метки: | | | | | | | | |
Просмотров: 3865
Как посмотреть исходный код web-страницы в iOS

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

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

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

Адаптивный web-дизайн


Рубрика: html/css -> Видео -> Программирование
Метки: | |
Просмотров: 2057
Адаптивный web-дизайн

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

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

Materialize. Material Design, упакованный в CSS


Рубрика: html/css -> Обзоры -> Программирование
Метки: | | | | | |
Просмотров: 10244
Materialize. Material Design, упакованный в CSS

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

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

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

TinyPNG. Эффективная диета для изображений в формате PNG


Рубрика: Без рамки -> Интересности -> Обзоры
Метки: | | | | | |
Просмотров: 2160
TinyPNG. Эффективная диета для изображений в формате PNG

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

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

Контексты наложения или когда z-index не работает


Рубрика: html/css -> Без рамки
Метки: | | |
Просмотров: 16297
Контексты наложения или когда z-index не работает

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

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

Назад в прошлое. Bootstrap в стиле 80-х


Рубрика: html/css -> Без рамки
Метки: | | | | |
Просмотров: 3699
Назад в прошлое. Bootstrap в стиле 80-х

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

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

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

Параметры для mailto. Экономим время пользователей


Рубрика: html/css -> Без рамки
Метки: | |
Просмотров: 8639
Параметры для mailto. Экономим время пользователей

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

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

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