[Перевод] CSS в JavaScript: будущее компонентных стилей

[Перевод] CSS в JavaScript: будущее компонентных стилей

С помощью встроенных стилей можно получить все программные возможности JavaScript, что дает нам преимущества в виде предварительного процессора CSS (переменные, примеси и функции), а также помогает решить множество проблем, возникающих в CSS, таких как конфликт пространства имен и применения стилей. Чтобы получить больше информации о проблемах CSS, решаемых в JavaScript, вы можете посмотреть презентацию «React CSS в JS» (React CSS in JS), а для того чтобы изучить улучшение…

Подробнее
[Перевод] 11 вещей которые я узнал, читая спецификацию flexbox

[Перевод] 11 вещей которые я узнал, читая спецификацию flexbox

Я всегда считал, что с flexbox довольно легко работать — глоток свежего воздуха после стольких лет float'ов и clearfix'ов. Правда недавно я обнаружил что борюсь с ним; что-то растягивалось, когда я не думал, что оно должно тянуться. Я поправил здесь, другой элемент сжался. Я починил это, что-то другое ушло за экран. Какого Джорджа Буша тут происходит? В конце концов, все заработало, но солнце село, а мой процесс был привычной игрой с CSS. Или… как называется та игра,…

Подробнее
Обучающий онлайн проект: «Старт в веб разработке»

Обучающий онлайн проект: «Старт в веб разработке»

В наши дни только ленивый никого ничему не учит. Десятки курсов и тренингов на которых вам обещают “современные фишки” которые сделают из Вас специалиста за 1-2 месяца. Зачем нам 11 лет школы и 5 института? Если есть вариант стать профи по быстрому. Вся проблема в том что в 90% случаев это не работает. Это просто один из видов бизнеса. Не получится стать мастером за 2 месяца. Но хочется верить в чудо и красивый рекламный текст вам в этом помогает. Читать дальше →

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №264 (22 — 28 мая 2017)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №264 (22 — 28 мая 2017)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →

Подробнее
Для чего мы написали CRM в отдел SEO-шников и к чему это привело?

Для чего мы написали CRM в отдел SEO-шников и к чему это привело?

Рынок интернет-маркетинга год от года показывает уверенный рост: крупные компании постоянно увеличивают бюджеты, все больше и больше активности проявляют малый и микробизнес, для которых реклама в интернете ранее была чем-то непонятным и дорогим. Однако есть проблема: агентства не хотят работать с микробюджетами. Им просто невыгодно. Что с этим делать? Читать дальше →

Подробнее
Как мы сразились с “Многорукими Бандитами” Яндекса и победили

Как мы сразились с “Многорукими Бандитами” Яндекса и победили

Что такое эти самые “бандиты”, можно прочитать в публикации Яндекса на конференции в Италии Gathering Additional Feedback on Search Results by Multi-Armed Bandits with Respect to Production Ranking (есть перевод). Зачем этот алгоритм появился? Отсутствие положительного пользовательского опыта для нового сайта означает, что применить для ранжирования ресурса за пределами 10-ки с точки зрения авторов “многоруких бандитов” в отсутствие ссылок просто нечего. В итоге мы имеем «застой», когда

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №263 (15 — 21 мая 2017)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №263 (15 — 21 мая 2017)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него Читать дальше →

Подробнее
Адаптивная и отзывчивая типографика с помощью Hamster Framework. Лечение гемороя без операции и боли

Адаптивная и отзывчивая типографика с помощью Hamster Framework. Лечение гемороя без операции и боли

Современный интернет развивается огромными темпами и количество пользователей с каждым днем только растет. Если буквально 10 лет назад среднестатистический пользователь был примерно "одинаковый" и по некоторым параметрам отличался минимально, то сейчас эта разница более существенная и заметная. Особенно разница заметна в отличии девайсов и размеров экрана. В ежедневном трафике присутствует очень большое количество пользователей с разным разрешением экрана от самого маленького до самого…

Подробнее
[Перевод] Адаптивная типографика с помощью математики

[Перевод] Адаптивная типографика с помощью математики

Адаптивный (резиновый) дизайн является нормой фронтэнд-разработки уже давно. Однако идея гибкой адаптивной типографики является относительно новой, которую еще предстоит изучить. Вплоть до недавнего времени реализация гибкой типографики сводилась к простому использованию Viewport, возможно, с учетом минимальных и максимальных значений. В этой статье мы перейдем на следующий уровень, рассмотрев создание масштабируемой типографики для нескольких брейкопойнтов и заданных размеров шрифтов,…

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №262 (8 — 14 мая 2017)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №262 (8 — 14 мая 2017)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него Читать дальше →

Подробнее
Одна компания – один сайт?

Одна компания – один сайт?

Часто сталкиваюсь с ситуацией, когда фирмы имеют два и более сайтов. По разным причинам. У одних кроме нового имеется «рудиментарный» интернет-ресурс, к которому никто не помнит логинов-паролей, у других было принято стратегическое решение по созданию нескольких веб-ресурсов по разным направлениям деятельности, у третьих для каждого представительства создаются свои сайты. Несмотря на то, что все разговоры о работе в интернете с заказчиками начинаются со слов «у меня весьма специфический…

Подробнее
Таблицы в адаптивном дизайне — 2

Таблицы в адаптивном дизайне — 2

В продолжение поста о дизайне таблиц, предлагаю примеры практических решений, которые помогут пользователю лучше взаимодействовать с данными в табличном виде на любых устройствах. Почти пять лет назад я написал пост "Таблицы с данными в адаптивном дизайне", с тех пор много воды утекло, появились новые способы отображения таблиц в адаптивном дизайне. Responsive Tables Начну с моего фаворита — Responsive Tables. Это изящное решение на jQuery и Bootstrap 3, позволяющее скрывать…

Подробнее