Вы, наверное, уже знаете о том, что для хранения сведений об отдельных компонентах цвета можно применять пользовательские CSS-переменные. Это позволяет избавиться от необходимости повторения одних и тех же цветовых координат в стилях, описывающих цветовую тему сайта. Возможно, вы даже знаете о том, что одну и ту же переменную можно использовать для настройки нескольких компонентов цвета.
Рубрика «Разработка веб-сайтов» - 21
Пользовательские CSS-переменные, инверсия светлоты цветов и создание тёмной темы за 5 минут
2021-04-15 в 9:00, admin, рубрики: css, Блог компании RUVDS.com, веб-дизайн, разработка, Разработка веб-сайтов
Малоизвестные, но крутые атрибуты в HTML
2021-04-14 в 8:25, admin, рубрики: css, html, атрибуты, Блог компании VDSina.ru, Разработка веб-сайтов, трюки
Спросите случайного фронтендера, какие атрибуты HTML он использует — и услышите что-то вроде «src, href, style, class...» и прочую чепуху, которую всем ещё в младенчестве вживили на чипе агенты IETF. Между тем, стандарты веба не стоят на месте, и с каждым годом в браузерах появляются всё более крутые фичи не только для монструозного CSS, но и для обычных элементов HTML. Вы знали, что с помощью атрибутов можно пинговать* произвольный адрес, а элементы формы могут многократно переопределять её поведение? Вряд ли.Читать полностью »
Веб на заре Рунета. Как создавали и где хостили сайты в 90-е
2021-04-13 в 11:17, admin, рубрики: 90-е, homepage, Блог компании Маклауд, веб-дизайн, история рунета, первые сайты, Разработка веб-сайтов, рунет, хостинг, Читальный зал
Хоумпейдж мой, домашняя страница готова. Сайт я свой доделал, бабуля!
Удивительно, но я совершенно не помню день своего знакомства с интернетом. Это определенно был 1996 или 97-й год, но сам момент отчего-то не отложился в памяти: интернет вошел в жизнь нашего поколения исподволь, вытеснив из нее и BBS, и эхоконференции Фидонета. Поначалу мы отчаянно потребляли контент: серфинг по сети в середине 90-х напоминал путешествия Колумба в поисках неизведанного, и ежедневно приносил новые увлекательные открытия. Затем у многих тяга к творчеству брала верх, и они начинали робкие эксперименты по созданию собственных «кошмарных домашних страничек». Меня тоже не минула чаша сия — воспоминания о том, как это было, сейчас вызывают лишь ностальгическую улыбку.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №462 (5 — 11 апреля 2021)
2021-04-11 в 19:30, admin, рубрики: Разработка веб-сайтовПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Редизайн сайта с 1+ млн DAU в продуктовом подходе
2021-04-08 в 20:01, admin, рубрики: Eldorado, Блог компании М.Видео-Эльдорадо, М.Видео, Разработка веб-сайтов, Управление продуктом, Читальный зал, Эльдорадо
Недавно технологический десант экспертов Группы «М.Видео-Эльдорадо» высадился на площадке 10-го, юбилейного Product Camp Russia (&EE) 2021. Это было очень крутое, яркое и необычное для нашего пост пандемического настоящего мероприятие.
На площадке конференции, для того, чтобы поделиться опытом с коллегами из разных бизнесов и уголков планеты, собрались десятки продакт-менеджеров из ведущих технологических компаний.
Одним из ярких докладов встречи стало выступление Андрея Пчелинцева – Head of Core Products «М.Видео», рассказавшего участникам форума про особенности редизайна сайта компании в условиях использования продуктового подхода.
Далее повествование от первого лица. Вопросы, мысли, идеи и предложения принимаются в комментариях к данной публикации. Добро пожаловать на борт!Читать полностью »
Бесплатные сервисы для разработчиков — огромный список
2021-04-06 в 8:45, admin, рубрики: Amazon Web Services, awesome-selfhosted, free-for-dev, freeware, Google Cloud Platform, iaas, IBM cloud, open source, oracle cloud, paas, SaaS, self-hosted, бесплатные сервисы, бесплатный тариф, Блог компании Маклауд, Разработка веб-сайтов, Софт, управление разработкой, хостинг
Бесплатное хранилище артефактов PackageCloud
Удивительно, но в интернете сотни сервисов, которыми разработчик может пользоваться совершенно бесплатно. «Бесконечное» время (пока компания не обанкротится или не изменит условия), без рекламы, пробного периода и других подводных камней.
Недавно мы обсуждали эту тему в статье «Боль разработчика: “Никогда не давайте пользователям бесплатный тариф”». Речь шла о том, что на самом деле бесплатный план вовсе не бесплатен — приходится тратить массу времени и усилий на поддержку этих тарифов.
Но для некоторых бесплатный тариф — единственный способ завлечь новых клиентов. Это просто замечательно с точки зрения самих пользователей. Ведь перед нами десятки бесплатных хостингов, API, CMS, CDN, сервисов обработки данных, поисковых движков, репозиториев, инструментов проверки кода и других. Бесплатный тариф идеален для опенсорс-разработчиков, любительских и некоммерческих проектов, маленьких стартапов. Ни за что не надо платить.
Читать полностью »
«Я не робот»: история Яндекса о том, как победить ботов, а не людей
2021-04-06 в 8:01, admin, рубрики: антифрод, Блог компании Яндекс, информационная безопасность, капча, капча яндекса, команда яндекс.поиска, Компьютерное зрение, обработка изображений, Разработка веб-сайтов, яндексНикто не любит капчу. Угадай слово по плохой картинке, собери пазл, отличи светофор от гидранта, сложи два числа и так далее. Формы бывают разные, но суть всегда одна: мы тратим своё время и нервы.
Чуть больше года назад моя команда взялась за модернизацию старой капчи Яндекса. Обычно в таких задачах стремятся повысить качество и полноту отсева ботов, оставив человеку шанс прорваться через капчу. Но мы зашли с другой стороны: решили сделать капчу более дружелюбной к людям, не ухудшив при этом защиту от ботов. Казалось бы, наивный подход. Но у нас получилось.
Ограничения window.close()
2021-04-03 в 9:29, admin, рубрики: Блог компании RUVDS.com, Веб-разработка, Разработка веб-сайтов
Порой веб-разработчики с удивлением обнаруживают, что команда windows.close() не всегда закрывает окно браузера. А в консоли инструментов разработчика браузера при этом выводится сообщение, указывающее на то, что скрипты могут закрывать только окна, которые ими же и открыты:
Scripts may close only the windows that were opened by them.
Крутые трюки с переменными CSS
2021-04-02 в 7:20, admin, рубрики: css, custom properties, switch-case, Блог компании Маклауд, веб-дизайн, переменные css, Разработка веб-сайтов, цветовые схемы, цсс
Переменные в CSS (или custom properties, кому как удобнее) изначально задумывались для хранения повторяющихся свойств вроде цветовой палитры или шрифтов в одном месте. В препроцессорах работа с переменными куда более гибкая, но магия SASS/SCSS применима не всегда и не везде, и в реальном мире часто обходятся без них, что нередко ведёт к раздуванию и размазыванию кодовой базы по разным файлам и форматам. В этой статье мы рассмотрим несколько интересных хаков, которые позволяют построить на механизме custom properties вещи, кажущиеся невозможными без препроцессоров или вмешательства JS.Читать полностью »
7 полезных HTML-атрибутов, о которых вы, возможно, не знаете
2021-04-01 в 10:09, admin, рубрики: html, Блог компании RUVDS.com, разработка, Разработка веб-сайтовВеб-разработчик просто обязан хорошо знать HTML и уметь им пользоваться. Тот, кто не ориентируется в HTML, просто не может называться веб-разработчиком. Ведь каждый сайт в интернете создан с применением HTML. Этот язык разметки обладает массой ценных возможностей. В частности, HTML-элементам можно назначать атрибуты, применение которых позволяет расширять возможности элементов.
Некоторые атрибуты общеизвестны, а вот о некоторых кое-кто, возможно, и не знает. Сегодня мы поговорим о таких вот малоизвестных HTML-атрибутах.
Читать полностью »