Скрипты и советы

Пишем правильный манифест для сайта

Пишем правильный манифест для сайта

Думаю, многие знают о возможности добавления иконки сайта на рабочий стол мобильного устройства. Это удобно и причины могут быть разные (нету мобильного приложения предоставляющего туже информацию, либо вы хотите сразу открыть определенную страницу сайта и т.д.). За некоторые свойства того, как будет отображаться сайт и как будет выглядеть иконка после добавления и отвечает файл манифеста. Манифест для сайта – это простой JSON-файл, который позволяет вам настроить следующие ...  Источник:

Подробнее
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №195 (18 — 24 января 2016)

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №195 (18 — 24 января 2016)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше →  Источник: Уроки CSS на Хабрахабре

Подробнее
Несколько дельных советов по CSS

Несколько дельных советов по CSS

CSS Protips Это современные решения типичных проблем, коллекция советов, которая поможет вам улучшить ваши профессиональные навыки CSS. От переводчика Приветствую, для вас подготовлен еще один перевод заметок на тему CSS. Мэтт Смит, разработчик из Портленда, поделился CSS-советами и выложил их на GitHub. ...  Источник: Уроки CSS на Хабрахабре

Подробнее
[Перевод] Взлеты и падения SVG

[Перевод] Взлеты и падения SVG

SVG — входящий в подмножество XML язык разметки масштабируемой векторной графики был создан в 1999 году, но только в 2011-м он был включен в рекомендации W3C. Поразительно, но за одиннадцать лет (с 2000 по 2011 год) SVG не претерпел существенных изменений. Тем не менее, ему все же удалось ...  Источник: Уроки CSS на Хабрахабре

Подробнее
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №191 (20 — 27 декабря 2015)

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №191 (20 — 27 декабря 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости >  Источник: Уроки CSS на Хабрахабре

Подробнее
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 3

Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 3

Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам. Из-за большого размера статья разбита на три части. Первая часть. Вторая часть Демо материалы лежат здесь. ...  Источник: Уроки CSS на Хабрахабре

Подробнее
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 2

Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 2

Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам. Из-за большого размера статья разбита на три части. Первая часть. Третья часть. Демо материалы лежат здесь. ...  Источник: Уроки CSS на Хабрахабре

Подробнее
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 1

Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 1

Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам. Из-за большого размера статья разбита на три части. Вторая часть. Третья часть. Демо материалы лежат здесь. ...  Источник: Уроки CSS на Хабрахабре

Подробнее
Версия сайта для слабовидящих - как сделать для DLE

Версия сайта для слабовидящих - как сделать для DLE

Если вам приходилось разрабатывать сайт для государственных учреждений РФ, то вы уже должны знать о требовании к специализированной версии сайта для слабовидящих. Скрипт "версии для слабовидящих" обычно продают в качестве дополнительной опции к популярным CMS. Для DataLife Engine подобного скрипта пока небыло. Мы предлагаем адаптацию версии сайта для слабовидящих от uCoz.

Подробнее
[Из песочницы] PostCSS быстрый старт

[Из песочницы] PostCSS быстрый старт

В этом руководстве вы узнаете, как можно использовать PostCSS вместе с GULP, позволяя вам самим определять, какие плагины вы хотите использовать и, следовательно, включать в вашу экосистему. Требования Мы будем работать как уже было сказано выше с GULP, предполагается что у вас уже установлены: Node.js NPM Git Читать дальше →  Источник: Уроки CSS на Хабрахабре

Подробнее
[Перевод] Тестирование вёрстки на визуальные регрессии с помощью PhantomCSS

[Перевод] Тестирование вёрстки на визуальные регрессии с помощью PhantomCSS

Работа с чужим кодом — одна из распространенных и сложных проблем, с которыми мне приходилось сталкиваться в своей работе. Почти в каждом случае предыдущий разработчик писал код не так, как бы мне этого хотелось. И такие ситуации возникают довольно часто. Не каждый клиент имеет потребность, желание или бюджет переписывать весь проект с нуля. Недавно наша команда получила код от нового клиента, и нам было поручено после небольшого рефакторинга быстро переходить к реализации нового функционала.

Подробнее
[Из песочницы] Прогулка с динозаврами: как я адаптировал веб-приложение под IE 7

[Из песочницы] Прогулка с динозаврами: как я адаптировал веб-приложение под IE 7

Недавно я решил отправить свой проект, над которым работал в свободное время последние несколько лет, на конкурс в одну компанию. Я сел и стал думать, нет ли каких-то нюансов, которые я не учёл, и которые могут испортить впечатление и уменьшить шансы на успех. И первое, что мне пришло в голову — проект не работает под IE ниже 9 версии. То есть совсем, там стояла блокировка. После логина появлялось окошко с красивым предупреждением, что браузер не поддерживается, и пользователя опять

Подробнее