[Перевод] Всё о ключевом слове auto в CSS

В CSS есть ключевое слово auto, которое можно использовать при работе с различными свойствами элементов. Это — свойства, влияющие на позицию, высоту, ширину элементов. Это — свойства, предназначенные для настройки отступов элементов и других их характеристик. У меня появилось желание где-нибудь...

[Перевод] CSS: полное руководство по функции calc()

В CSS есть особая функция calc(), применяемая для выполнения простых вычислений. Вот пример её использования: .main-content { /* Вычесть 80px из 100vh */ height: calc(100vh - 80px);} Здесь с CSS-кодом, в котором используется calc(), можно поэкспериментировать. Автор статьи, перевод которой мы...

[Перевод] CSS: приключения в стране полупрозрачности

Недавно меня попросили подправить один лендинг. Среди того, что я нашла в его коде, было изображение, поверх которого были расположены два перекрывающих его полупрозрачных элемента. Оба — с одними и теми же RGB-значениями цвета в свойстве background-color. Выглядело это примерно так: Незачем было...

[Перевод] Чистый CSS: 4 метода анимирования цвета ссылок

Автор статьи, перевод которой мы сегодня публикуем, предлагает, пользуясь чистым CSS, создать механизм изменения цвета текста ссылки при наведении на неё мыши. Но это должна быть не обычная смена цвета. Новый цвет должен заполнять ссылку слева направо, заменяя старый. Для того чтобы это сделать,...

[Перевод] Что делать, когда CSS блокирует парсинг страницы?

Недавно я проводил аудит одного сайта и наткнулся на паттерн preload/polyfill, который уже видел у нескольких клиентов. В наши дни использование этого паттерна, ранее популярного, не рекомендуется. Однако его полезно рассмотреть для того, чтобы проиллюстрировать важность осторожного использования...

[Перевод] Полное руководство по HTML-атрибутам data-*

Представляем вашему вниманию перевод статьи, посвящённой использованию атрибутов data-*. Это — атрибуты, которые можно применять для удобного хранения в стандартных HTML-элементах различной полезной информации. Эта информация, в частности, может применяться в JavaScript и CSS. Читать дальше →...

[Перевод] Стилизация старого доброго элемента button

Кнопка — это один из тех элементов, которые чаще всего используются на веб-страницах. Тег может быть применён для запуска некоего процесса вроде вывода данных, открытия модального окна, отправки формы и так далее. В материале, перевод которого мы публикуем, речь пойдёт о тонкостях стилизации...

[Перевод] Методы скрытия элементов веб-страниц

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

Вы же профессионал! в IT не бывает невозможного

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

Четыре шага к выбору веб-разработчика

Еще одна любопытная статья предназначенная в качестве небольшого руководства, которое поможет произвести поиск и отбор исполнителей с выгодным соотношением цены и качества. Четко сформулируйте задачу Определите круг участников тендера Проведите тендер Проанализируйте предложения и выберите партнера...

Рентабельность веб разработки

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

Методичка по работе с клиентами. Для начинающих менеджеров веб-студий

(2008 год, письмо старшего менеджера веб-студии — младшему) ( профи вряд ли найдут что-то новое, молодым будет интересно) Привет. Вот краткая инструкция, основанная на личном опыте. Так сказать, курс молодого бойца. наша задача — заработать как можно больше денег, при минимальных телодвижениях....

Архив сайта

Реклама на сайте Free clip arts pictures business clipart presentation by Eco Cliparts.