Как создать тёмную тему и не навредить. Опыт команды Яндекс.Почты

Автор: admin от 9-04-2019, 09:20, посмотрело: 15

Как создать тёмную тему и не навредить. Опыт команды Яндекс.Почты

Меня зовут Владимир, я занимаюсь мобильным фронтендом в Яндекс.Почте. В нашем приложении уже была тёмная тема, но недожатая: мы умели перекрашивать интерфейс и простые письма. Но письма с форматированием оставались светлыми и контрастировали с тёмным интерфейсом, из-за чего глаза ночью могли уставать.



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

Категория: Веб-разработка

 

Python для Веба: что нужно знать джуниору, чтобы работать и развиваться

Автор: admin от 4-04-2019, 14:00, посмотрело: 40

Мы сделали сокращенную расшифровку с главными мыслями из Python Junior Podcast: в нем мы обсудили, с чего начинать и куда податься начинающему разработчику на Python. В последнее время у нас много контента для миддлов и сеньоров, но этот выпуск — точно для джунов.



Python для Веба: что нужно знать джуниору, чтобы работать и развиваться Аудио- и видеоверсия в конце

Категория: Веб-разработка

 

Почему SvelteJS возможно лучший фреймворк для новых веб-разработчиков

Автор: admin от 30-03-2019, 16:40, посмотрело: 45

Почему SvelteJS возможно лучший фреймворк для новых веб-разработчиков


Любой веб-разработчик, который занимается этим хотя бы несколько лет, наверняка день за днем слышит подобный вопрос:

Я действительно хочу стать веб-разработчиком, но я не знаю с чего начать. Есть какие-то предложения?



Лет 10 назад ответ был очень прост. Просто создайте index.html, добавьте туда несколько тегов, сделайте заголовок красным с помощью CSS и подключите JQuery для обработки кликов!



Ох, как же все изменилось. Теперь мы работаем с инструментами сборки, маршрутизацией на стороне клиента, специальными фреймворками с причудливым рантаймом, привязывая везде «this», шаблонными литералами, CSS-in-JS… как же выбрать то, что важнее всего?

Категория: Веб-разработка

 

Туториал по Oracle Application Express. Обзор IDE

Автор: admin от 30-03-2019, 09:10, посмотрело: 40

Недавно я с удивлением обнаружил, что, оказывается, толковых туториалов по Oracle Application Express (он же APEX, он же апекс, но не путать с языком apex, который используется в Salesforce) в природе не существует.

Это не самая распространенная технология, конечно, но, тем не менее, довольно востребованная. Есть десятки блогов об апексе (англоязычные, в основном), пара тысяч вопросов на Stackoveflow, специальный раздел по апексу на официальных форумах оракла, сам апекс существует уже 15 лет и все время развивается. Я был уверен, что и хороших туториалов полно. Но нет!

Мне тут же пришла в голову гениальная мысль восполнить этот пробел.



Оглавление



Почему существующие туториалы — плохие

Вводная информация

Обзор IDE

    App builder

        Страница приложения

        Shared Components

        Page Designer

    SQL Workshop

        Object Browser

        SQL Commands

Категория: Веб-разработка

 

Готовим полнотекстовый поиск в Postgres. Часть 1

Автор: admin от 12-03-2019, 08:25, посмотрело: 21

Эта статья — первая из небольшой серии статей о том, как оптимально настроить полнотекстовый поиск в PostgreSQL. Мне пришлось недавно решать подобную задачу на работе — и я был очень удивлен отсутствию хоть сколько-нибудь вменяемых материалов по этому поводу. Мой опыт борьбы под катом.

Категория: Веб-разработка

 

Sketch + Node.js: генерируем иконки для множества платформ и брендов

Автор: admin от 27-02-2019, 16:25, посмотрело: 44

Sketch + Node.js: генерируем иконки для множества платформ и брендов


Нет ничего проще, чем добавить иконку в проект: нужно всего лишь написать дизайнеру, он экспортирует её из Sketch и пришлет вам нужный вариант, а вы используете ее у себя в коде. Если же у вас с десяток проектов, несколько платформ и множество А/Б-тестов на дизайн, то достаточно делать всё то же самое, только в 40 раз чаще и нигде не ошибаться… либо постараться автоматизировать процесс. Под катом — первая часть перевода статьи моего коллеги Cristiano Rastelli про один из примеров такой автоматизации.



Проблема, которую мы решали



Мы в Badoo разрабатываем приложение для знакомств. Вообще-то это несколько приложений, каждое из которых функционирует на нескольких платформах (iOS, Android, Mobile Web, Desktop Web), и работу над ними ведут несколько команд.



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

Категория: Веб-разработка

 

Почему мы используем GraphQL в 8base

Автор: admin от 19-02-2019, 05:05, посмотрело: 33

Почему мы используем GraphQL в 8base


Друзья, всем привет!



Эта статья в первую очередь будет интересна фронтенд-разработчикам, особенно тем кому актуальна тема GraphQL, но в то же время я надеюсь, что она будет полезна и бэкенд-разработчикам и поможет им понять преимущества GraphQL глазами фронтендера.

Категория: Веб-разработка

 

Redux. Простой как грабли

Автор: admin от 6-02-2019, 01:00, посмотрело: 45

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



TL;DR: базовая логика redux помещается в 7 строк JS кода



О redux вкратце (вольный перевод заголовка на гитхабе):

Redux — библиотека управления состоянием для приложений, написанных на javascript

Она помогает писать приложения, которые ведут себя стабильно/предсказуемо, работают на разных окружениях (клиент/сервер/нативный код) и легко тестируемы


Я склонировал репозиторий redux (https://github.com/reduxjs/redux), открыл в редакторе папку с исходниками (игнорируя docs, examples и прочее) и взялся за ножницы клавишу Delete:


  • Удалил все комментарии из кода

    Каждый метод библиотеки задокументирован с помощью JSDoc весьма подробно


  • Убрал валидацию и логирование ошибок

    В каждом методе жёстко контролируются входные параметры с выведением очень приятных глазу подробных комментариев в консоль


  • Убрал методы bindActionCreators, subscribe, replaceReducer и observable

    … потому что мог. Ну или потому что поленился писать для них примеры. Но без корнер-кейсов они ещё менее интересны, чем то, что ждёт вас впереди




А теперь давайте разберём то, что осталось

Категория: Веб-разработка

 

Цена композиции в Javascript-мире

Автор: admin от 31-01-2019, 23:30, посмотрело: 44

Мысль о том, что в разработке любой более-менее сложной бизнес-логики приоритет должен отдаваться композиции объектов, нежели наследованию популярна в среде разработчиков программных продуктов самых разных типов. На очередной волне популярности функциональной парадигмы программирования, запущенной состоявшимся успехом ReactJS, разговоры о преимуществах композиционных решений пришли и во фронтенд. В данном посте есть немного раскладки по полкам теории о композиции объектов в javascript, конкретный пример, его разбор и ответ на вопрос сколько стоит смысловая элегантность для пользователя (спойлер: немало).



Цена композиции в Javascript-мире

Василий Кандинский — «Композиция X»

Категория: Программирование, Веб-разработка

 

Как стать разработчиком игр, если ты риелтор

Автор: admin от 17-01-2019, 16:00, посмотрело: 65

Добрый день, Хабр.



Два года и несколько месяцев назад, я написал здесь своей первый и единственный пост, как, не имея никакого опыта разработки игр, я создал свое первое android-приложение. Пусть и потратил на это весь свой тогдашний отпуск. Хотя игрой это было и сложно назвать, хе-хе.



Как стать разработчиком игр, если ты риелтор



Вы тепло приняли этот пост и это дало мне хороший толчок в нужном направлении. За эти два года я попробовал и научился многому: работал с 3D моделями, знакомился с C++, рисовал текстуры, записывал звуки, писал тексты и диз-доки, но самое главное – я нашел для себя подходящую среду разработки, а именно — божественный Unreal Engine 4.



Я не решался ничего писать до тех пор, пока не смогу сделать что-то, что сможет порадовать хотя бы меня. И, думаю, мне это удалось. Довольно приятно видеть тот большой и тернистый путь, который был пройден, чтобы, начав с картинки в начале статьи, дойти до того, что под катом ;)

Категория: Веб-разработка

 
Назад Вперед