Дайджест свежих материалов из мира фронтенда за последнюю неделю №343 (10 — 16 декабря 2018)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №343 (10 — 16 декабря 2018)

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

Подробнее
Типографика в вебе. Лекция Яндекса на FrontTalks 2018

Типографика в вебе. Лекция Яндекса на FrontTalks 2018

После небольшого перерыва с лекциями мы начинаем предновогодний спринт. Как и год назад, он будет целиком состоять из материалов с большой конференции FrontTalks, которую Яндекс провёл в Екатеринбурге. Начнём с выступления Антона Кастрицкого — разработчика из Яндекс.Маркета. Антон показал на примерах, как и из чего собираются интерфейсы, а также рассказал про тексты, их оформление, доступность и производительность в контексте современных веб-приложений. — Меня зовут Антон, я работаю…

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №342 (3 — 9 декабря 2018)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №342 (3 — 9 декабря 2018)

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

Подробнее
Атомарный CSS — порядок и чистота

Атомарный CSS — порядок и чистота

С первых строк кода, каждый человек начинает понимать важность правильной его организации и оптимизации рабочего пространства в целом. Читать дальше →

Подробнее
Разбор таска по верстке (sass, pug, gulp, bem)

Разбор таска по верстке (sass, pug, gulp, bem)

Для Junior’ов, для junior’ов… а то начнут тут… да мы, да это… Доделал проект(сайт) pug+sass+es6+gulp+BEM. Во время разработки столкнулся со многими трудностями. Эта статья рассчитана на новичков, на тех, кто не знает об отрицательных маржинах, слышали о методологии именования БЭМ, но не пробовали ее, для тех, кто не имеет огромного опыта в разработке. Надеюсь, вам здесь будет интересно. Если же вы читаете это на работе, сидя у 4-ех мониторов и одной рукой пишите код для ИИ, а второй

Подробнее
[Из песочницы] Fuck Up story: как я разочаровался в digital-услугах для бизнеса и проимел своё дело (ну почти)

[Из песочницы] Fuck Up story: как я разочаровался в digital-услугах для бизнеса и проимел своё дело (ну почти)

Это была славная охота. Моя жизнь была посвящена ИТ-сфере. Я был инженером, создававшим интересные продукты для больших промышленных компаний. Моей географией была вся Россия, я вживую видел цеха КАМАЗа, ВАЗа и других автогигантов. Но всему в нашей судьбе настаёт предел, и я выгорел. О причинах расскажу как-нибудь в другой раз. Главное, что я, опытный разработчик и техник, ушёл на вольные хлеба и, поскольку у меня появилась семья, решил сделать бизнес — свой магазин товаров для детей, по…

Подробнее
[recovery mode] Продвижение интернет-магазина: что придется исправлять

[recovery mode] Продвижение интернет-магазина: что придется исправлять

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

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №341 (26 ноября — 2 декабря 2018)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №341 (26 ноября — 2 декабря 2018)

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

Подробнее
Начать с React и Bootstrap за 2 дня. День №1

Начать с React и Bootstrap за 2 дня. День №1

Сразу скажу, что сайт будет быстрее работать, если заменить Bootstrap на чистый CSS и JS. Эта статья про то, как быстро начать разрабатывать красивые web-приложения, а оптимизация это уже отдельный вопрос, выходящий за пределы этой статьи. Для начала надо хотя бы немного разбираться в HTML, CSS, JavaScript, XML, DOM, ООП и уметь работать в терминале (командной строке). Где брать материалы для изучения? Для изучения HTML и CSS рекомендую htmlbook.ru Для изучения JavaScript рекомендую…

Подробнее
Собственный VPN клиент на JavaScript. 11 часть — Сборка приложения под Windows

Собственный VPN клиент на JavaScript. 11 часть — Сборка приложения под Windows

P.S. Каждая часть — это часть, сама по себе смысла не имеет, чтобы обзавестись необходимым контекстом и не испытывать когнитивный диссонанс от отсутствия так необходимых блоков текста начните читать с 1 части В этот раз собирать приложение я буду npm модулем electron-builder, отдельное спасибо разработчикам за удобную документацию к модулю и множество примеров настройки конфига (нет). В прошлый раз я собирал приложение npm модулем electron-packager, насколько мне известно, он не может…

Подробнее
Собственный VPN клиент на JavaScript. 10 часть — Объединение всех компонентов

Собственный VPN клиент на JavaScript. 10 часть — Объединение всех компонентов

После того, как все части приложения были разработаны, их можно объединить в одно большое приложение.Читать дальше →

Подробнее
Собственный VPN клиент на JavaScript. 9 часть — Electron компонент Callback

Собственный VPN клиент на JavaScript. 9 часть — Electron компонент Callback

Callback — Electron компонент, элемент обратной связи. Структура папок: callback││ index.js│└───client // Все что относится к клиенту │ image.jpg │ index.html │ style.css │ └───fonts font1.woff2 font2.woff2 font3.woff2 font4.woff2 font5.woff2 font6.woff2 font7.woff2 Читать дальше →

Подробнее