Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Некоторое время назад появилась задача для дизайнера сделать стилизованный под дикий запад сайт. Мне, как верстальщику, пришла задача от дизайнера сделать картинки и некоторые бэкграунды, стилизованные под дикозападские вывески. На каждой странице в неизвестном количестве и неизвестных размеров. Задача усугублялась сложным фоном и необходимостью прозрачных дырок в изображениях. Т.е. нужно было использовать border-radius:inset, которого, как оказалось, не существует… Нарезать кучу картинок под
Подробнее![[Из песочницы] Go away HTML, go away](/templates/tcseby/images/placeholder.svg)
Тенденция последних лет в веб-разработке — фреймворки и компиляторы (сборщики, если кому то угодно). Они везде: в javascript, css, подключаемых библиотеках и т.д. javascript фреймворки повсеместно используют шаблоны для отрисовки всего и вся. Но у всех них есть одна общая черта — HTML. Громоздкий, свёрстанный, местами от проекта к проекту контрл+ц — контрл+в… Весь этот html всегда лежит кусками, прикрепляется конструкциями вида script type=«text/template». В общем, как будто здесь еще
Подробнее![[Из песочницы] Выбор текстового редактора или «хочу все в одном»](http://4tux.ru/files/images/blog/sublime-text-2.png)
Всем привет! Я бы хотел обсудить насущную лично для меня проблему — выбор текстового редактора. В наше время мы имеем очень большое многообразие выбора, но чем больше продуктов, тем сложнее выбрать подходящий именно для ваших целей, вашего удобства. В этой статье я попробую поделиться своими мыслями по этому поводу и рассказать, на какие редакторы и IDE пал мой выбор. Читать дальше → ... Источник: Уроки CSS на Хабрахабре
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
В наше время скорость интернета довольно высока. Казалось бы, можно забыть о тех временах, когда нам приходилось ждать по 20-30 (а то и больше) секунд, чтобы веб-страница загрузилась и отобразилась на экране — теперь мы ждём отрисовки страницы в среднем около одной-двух секунд. Однако не стоит забывать, что значительная часть юзеров заходит на ваш сайт с мобильных устройств, на которых связь не всегда стабильна. В связи с этим будет совсем не лишним уделить немного внимания оптимизации вашего
Подробнее
За последние годы верстка в интернете развилась из фиксированных дизайнов к адаптивным. Причем, в стилях могут использоваться сразу несколько видов единиц измерений (проценты, em или px). Дизайнерам и разработчикам следует понимать, как это работает. Но было бы удобно оперировать (складыва/вычитать) единицами разной размерности в одном и том же выражении. Для этого отлично подходит calc. ... Источник: Уроки CSS на Хабрахабре
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Последняя часть истории об отзывчивых изображениях, которую мы начали здесь и продолжили тут, рассказывая о применении srcset и sizes. Сегодня речь пойдет об использовании тега для обертывания изображений. Вторая стадия: picture и режиссура srcset для ленивых, picture для безумных™ Мэт Маркес Итак, для изображений, которые просто нужно масштабировать, мы приводим список наших исходников и их ширину в пикселях в srcset, позволяем браузеру выбирать, какая ширина изображения будет отображаться с
Подробнее
Сей опус это вольный перевод публикации Криса Койлера [Chris Coyier] от 2 Июля. В качестве вступления Как вы наверняка знаете, CSS свойство table-layout предназначено для управления режимом формирования ширины столбцов в таблице. Оно может принимать следующие значения: авто, фиксировано или наследственно. По умолчанию в браузерах для отображения таблицы используется стандартное поведение: браузер ... Источник: Уроки CSS на Хабрахабре
Подробнее![[Перевод] Создаем портфолио на основе фотографий из Instagram](http://habrastorage.org/files/cfb/0de/18e/cfb0de18e2104dccb0d14bdaf9658d9d.jpg)
Здравствуй, дорогой хабрадруг! В этом уроке мы создадим простой сайт-портфолио, который будет базироваться на фотографиях из вашего аккаунта в Instagram. Дизайн сайта сделал Tomas Laurinavicius, и он получился у него простым, функциональным ... Источник: Уроки CSS на Хабрахабре
Подробнее