html/css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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