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

html/css

Подписаться на эту рубрику по RSS

MNML - простой шаблон для адаптивного сайта


Рубрика: Программирование -> Интересности -> html/css
Метки: | | | | | |
Просмотров: 2525
MNML - простой шаблон для адаптивного сайта

Сегодня попался на глаза интересный проект MNML. За неделю он успел собрать на GitHub’е практически 500 звезд и их действительно есть за что вручать. MNML (аббревиатура ломает язык) – простой шаблон для создания адаптивных сайтов. Аналогичных проектов не мало, но MNML выделяется среди многих за счет своей спортивной фигуры. Минифицированный less весит всего лишь 2КБ, а если по нему пройтись Gzip, то получится и вовсе 1,2Кб. Минимализм – основная фишка MNML.

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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

Remodal - отличный плагин для создания модальных окон


Рубрика: Интересности -> JavaScript -> Программирование -> html/css
Метки: | |
Просмотров: 3760
Remodal - отличный плагин для создания модальных окон

Сегодня абсолютно нет свободного времени, поэтому буду максимально краток. В одном из своих недавних проектов мне потребовалось реализовать модальные окна. Bootstrap в проекте не использовался, поэтому необходимо было найти какой-нибудь простенький плагин для создания модальных окон. Поиски по GitHub’у вывели меня на проект Remodal.

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

Идеальный слайдер (каруселька)


Рубрика: Программирование -> JavaScript -> html/css
Метки: | | |
Просмотров: 2506
Идеальный слайдер (каруселька)

Слайдер, или как его еще часто называют, «каруселька» - неотъемлемый элемент современного web-сайта. Сделать слайдер абсолютно несложно. По сети разбросаны тысячи плагинов, упрощающих создание самых разнообразных, с отличными анимационными эффектами слайдеров. Выбирать есть из чего, но как говорится: «Не все слайдеры одинаково полезны». За свою практику мне довелось попробовать десятки различных вариантов, но в итоге я остановился на одном: Ideal Image Slider.

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

Окончательная версия спецификации HTML5 почти созрела


Рубрика: html/css -> Новости -> Программирование -> Без рамки
Метки: | |
Просмотров: 1367
Окончательная версия спецификации HTML5 почти созрела

Я не особо слежу за развитием новостей, связанных с утверждением окончательный версии спецификации HTML5. Мне важней техническая реализация новых фич, поэтому я оперативно поглощаю черновики спек, и материалы от разработчиков популярных браузеров. Производители браузеров не сидят на месте и стараются максимально оперативно добавлять/фиксить новые функции HTML5, поэтому события по ту сторону баррикад для меня сразу помещаются на второй план. Пока я не проявлял интереса, спецификация HTML5 получила статус "Предложенная рекомендация" (Proposed Rec). Получается, что все работы закончены и осталось только окончательно ее утвердить.

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