5 современных способов создания анимации в React


Оглавление (нажмите, чтобы открыть):

Сложная анимация на react js. правильный способ/подход

Привет! Какой способ/подход для сложной анимации в приложении на react js корректен? Я знаю про transition group. Но что если нужна сложная анимация в 1 компоненте, допустим передвижение svg маски через drag&drop или анимация по tick() других элементов на странице в d3.js с кучей побочных анимационных эффектов? Какой способ реализации данных задач будет наиболее правильным с точки зрения react? кроме как прикрутить jquery + jquery transit идей больше нет. Нагуглить развёрнутую инфу так и не удалось. Help! Данная проблема не касается таких вещей как webgl/canvas. Именно анимация DOM элементов в react, когда transition group уже не хватает или делать с помощью этой библиотеки крайне не удобно.

1 ответ 1

В работе с d3.js приветствуется такая конструкция:

Всё ещё ищете ответ? Посмотрите другие вопросы с метками reactjs анимация или задайте свой вопрос.

Похожие

Подписаться на ленту

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2020 Stack Exchange Inc; пользовательское содержимое попадает под действие лицензии cc by-sa 4.0 с указанием ссылки на источник. rev 2020.11.9.35389

Создание простой анимации в React-Pose

У меня проблемы с созданием простой анимации в React-Pose. Две проблемы:

1) Я не могу заставить анимацию вернуться к исходному состоянию. Переменная зависания меняется на false, когда мышь уходит, но анимация не меняется обратно.

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

1 ответ

Были две основные проблемы с вашим кодом:

  1. duration не поддерживает строковые значения, такие как «2s». Я изменил это на 2000 .
  2. Вы определяли свои компоненты (например, используя styled.div , posed.div ) внутри своей функции рендеринга. Это привело к тому, что React рассматривал эти компоненты как уникальные типы компонентов при каждом повторном рендеринге. Это приводит к тому, что эти компоненты демонтируются и монтируются при каждом рендеринге, что препятствует работе переходов, поскольку элемент не изменяется — вместо этого он заменяется новым компонентом другого типа.

Ниже приведена рабочая версия вашего кода, которая перемещает определения компонентов за пределы функции рендеринга ( UpFor ). Вы можете поиграть с ним в предоставленной песочнице.

Animation Add-Ons

ReactTransitionGroup and ReactCSSTransitionGroup have been moved to the react-transition-group package that is maintained by the community. Its 1.x branch is completely API-compatible with the existing addons. Please file bugs and feature requests in the new repository.

The ReactTransitionGroup add-on component is a low-level API for animation, and ReactCSSTransitionGroup is an add-on component for easily implementing basic CSS animations and transitions.

High-level API: ReactCSSTransitionGroup

ReactCSSTransitionGroup is a high-level API based on ReactTransitionGroup and is an easy way to perform CSS transitions and animations when a React component enters or leaves the DOM. It’s inspired by the excellent ng-animate library.

Importing

You must prov >key attribute for all children of ReactCSSTransitionGroup , even when only rendering a single item. This is how React will determine which children have entered, left, or stayed.

In this component, when a new item is added to ReactCSSTransitionGroup it will get the example-enter CSS >example-enter-active CSS >transitionName prop.

You can use these classes to trigger a CSS animation or transition. For example, try adding this CSS and adding a new list item:

You’ll notice that animation durations need to be specified in both the CSS and the render method; this tells React when to remove the animation classes from the element and — if it’s leaving — when to remove the element from the DOM.

Animate Initial Mounting

ReactCSSTransitionGroup prov >transitionAppear , to add an extra transition phase at the initial mount of the component. There is generally no transition phase at the initial mount as the default value of transitionAppear is false . The following is an example which passes the prop transitionAppear with the value true .

During the initial mount ReactCSSTransitionGroup will get the example-appear CSS >example-appear-active CSS class added in the next tick.

At the initial mount, all children of the ReactCSSTransitionGroup will appear but not enter . However, all children later added to an existing ReactCSSTransitionGroup will enter but not appear .

The prop transitionAppear was added to ReactCSSTransitionGroup in version 0.13 . To maintain backwards compatibility, the default value is set to false .

However, the default values of transitionEnter and transitionLeave are true so you must specify transitionEnterTimeout and transitionLeaveTimeout by default. If you don’t need either enter or leave animations, pass transitionEnter= or transitionLeave= .

It is also possible to use custom >enter and leave >enter , enter-active , leave-active , and leave class names. If only the enter and leave classes are provided, the enter-active and leave-active classes will be determined by appending ‘-active’ to the end of the class name. Here are two examples using custom classes:

Animation Group Must Be Mounted To Work

In order for it to apply transitions to its children, the ReactCSSTransitionGroup must already be mounted in the DOM or the prop transitionAppear must be set to true .

The example below would not work, because the ReactCSSTransitionGroup is being mounted along with the new item, instead of the new item being mounted within it. Compare this to the Getting Started section above to see the difference.

Animating One or Zero Items

In the example above, we rendered a list of items into ReactCSSTransitionGroup . However, the children of ReactCSSTransitionGroup can also be one or zero items. This makes it possible to animate a single element entering or leaving. Similarly, you can animate a new element replacing the current element. For example, we can implement a simple image carousel like this:

You can disable animating enter or leave animations if you want. For example, sometimes you may want an enter animation and no leave animation, but ReactCSSTransitionGroup waits for an animation to complete before removing your DOM node. You can add transitionEnter= or transitionLeave= props to ReactCSSTransitionGroup to disable these animations.

When using ReactCSSTransitionGroup , there’s no way for your components to be notified when a transition has ended or to perform any more complex logic around animation. If you want more fine-grained control, you can use the lower-level ReactTransitionGroup API which provides the hooks you need to do custom transitions.

Low-level API: ReactTransitionGroup

Importing

ReactTransitionGroup is the basis for animations. When children are declaratively added or removed from it (as in the example above), special lifecycle methods are called on them.

Rendering a Different Component

ReactTransitionGroup renders as a span by default. You can change this behavior by prov >component prop. For example, here’s how you would render a

    :

Any additional, user-defined, properties will become properties of the rendered component. For example, here’s how you would render a

    with CSS class:

Every DOM component that React can render is available for use. However, component does not need to be a DOM component. It can be any React component you want; even ones you’ve written yourself! Just write component= and your component will receive this.props.children .

Rendering a Single Child

People often use ReactTransitionGroup to animate mounting and unmounting of a single child such as a collapsible panel. Normally ReactTransitionGroup wraps all its children in a span (or a custom component as described above). This is because any React component has to return a single root element, and ReactTransitionGroup is no exception to this rule.

However if you only need to render a single child ins >ReactTransitionGroup , you can completely avo > or any other DOM component. To do this, create a custom component that renders the first child passed to it directly:

Now you can specify FirstChild as the component prop in props and avoid any wrappers in the result DOM:

This only works when you are animating a single child in and out, such as a collapsible panel. This approach wouldn’t work when animating multiple children or replacing the single child with another child, such as an image carousel. For an image carousel, while the current image is animating out, another image will animate in, so needs to give them a common DOM parent. You can’t avo >component prop as described above.

This is called at the same time as componentDidMount() for components that are initially mounted in a TransitionGroup . It will block other animations from occurring until callback is called. It is only called on the initial render of a TransitionGroup .

This is called after the callback function that was passed to componentWillAppear is called.

This is called at the same time as componentDidMount() for components added to an existing TransitionGroup . It will block other animations from occurring until callback is called. It will not be called on the initial render of a TransitionGroup .

This is called after the callback function that was passed to componentWillEnter() is called.

This is called when the child has been removed from the ReactTransitionGroup . Though the child has been removed, ReactTransitionGroup will keep it in the DOM until callback is called.

This is called when the willLeave callback is called (at the same time as componentWillUnmount() ).

5 Ways to animate a React app in 2020.

Animation in ReactJs app is a popular topic and there are many ways to create different types of animations.Many developers create animation exclusively using css and adding classes to HTML tags. This is a great way and you should use it. If you want to create complex animations you can pay attention to GreenSock. GreenSock is the most powerful animation platform. There are also a lot of libraries, components for creating animation in React.
Let’s talk about them ��

  1. CSS method
  2. React-transition-group — It is an add-on component for a simple implementation of basic CSS animations and transitions.
  3. react-animations — React-animations implements all animations from animate.css. Simple to use!
  4. React Reveal — This is an animation framework for React.
  5. TweenOne — library that ant.design uses for animation

Of course the open source has much more animation libraries and components. I would like to explore it. But this article will not contain the libraries. You will also receive a bonus at the end of the article in the form of libraries which deserve your attention.

��‍�� Let’s get started.

1. CSS method

This method is one of the best for a simple animation. When you use it instead of importing javascript libraries, your bundle remains small. And browser spends fewer resources. These two points also largely impact app productivity. If you have a simple animation and worry about the size of your bundle pay attention to this method.

I would like to show you how to do the animation using css.
Let’s look at the hamburger menu example:��

This menu is easy-to-use with css property and trigger for html tag. There are a lot of ways of implementing this example. One of them is to create a wrapper above navigation and to trigger changes in margin. The navigation has constant w >250px . And the wrapper with margin-left or translateX property with the same w > for the wrapper and move the wrapper on margin-left/translateX: 0;

Введение в анимацию в React

Russian (Pусский) translation by Ilya Nikov (you can also view the original English article)

В последних двух учебниках React вы познакомились с базовыми концепциями React, такими как JSX, routing и forms. В этом уроке мы перейдем на следующий уровень и попытаемся понять анимацию в React.

Начинаем

Создайте каталог под названием ReactAnimations . Перейдите в каталог и инициируйте проект с помощью Node Package Manager или npm.

Установите react и react-dom в проект.

Для этого проекта мы будем использовать webpack . Установите сервер разработки webpack и webpack.

Установите пакет babel для преобразования синтаксиса JSX в JavaScript в нашем проекте.

Создайте файл конфигурации, требуемый webpack-dev-server , где мы определим точку входа, выходной файл и загрузчик babel. Вот как выглядит webpack.config.js :

Создайте файл index.html , в котором будет отображаться приложение. Вот как это выглядит:

Создайте файл под названием app.js . Внутри app.js импортируются необходимые библиотеки react:

Создайте компонент без состояния, называемый Home , который отображает тег H1 .

Отрисуйте компонент Home внутри элемента app на странице index.html . Вот как выглядит app.js :

Сохраните указанные выше изменения и запустите сервер webpack . У вас должно быть приложение, запущенное по адресу http://localhost:8080/index.html.

Анимации в React

React предоставляет ряд дополнительных утилит для создания приложений React. TransitionGroup и CSSTransitionGroup — это API, предоставляемые для анимации.

Из официальной документации,

Дополнительный компонент ReactTransitionGroup является низкоуровневым API для создания анимации, а ReactCSSTransitionGroup является дополнительным компонентом для простой реализации основных анимаций и переходов CSS.

Анимация появления

Начнем с простой анимации в React. Установите в проект react-addons-css-transition-group .

Импортируйте ReactCSSTransitionGroup в файл app.js .

Внутри созданного компонента Home оберните тег h2 внутри тега ReactCSSTransitionGroup .

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

Используя имя перехода, определенное внутри ReactCSSTransitionGroup , вы определите классы CSS, которые будут выполняться при появлении и в активном состоянии. Добавьте следующий CSS-стиль на страницу index.html .

Как вы могли заметить, вам нужно указать продолжительность анимации как в методе визуализации, так и в CSS. Это потому, что React знает, когда нужно удалить классы анимации из элемента и когда удалить элемент из DOM.

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

Ввод/выключение анимации

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

Внутри app.js создайте новый класс под названием App .

Инициализируйте список data и переменную name внутри исходного состояния компонента.

Внутри части рендеринга компонента App поместите текстовое поле ввода для ввода имени и кнопку, чтобы добавить имя в массив списка.

Определите событие ввода handleChange и событие add внутри компонента App.

Событие handleChange устанавливает значение входного текстового поля в переменную name . Вот как выглядит метод add:

Внутри метода add введенное имя и уникальный идентификатор помещаются в массив data .

Свяжите метод handleChange и add в конструкторе компонента приложения.

Вы будете отображать введенные имена внутри списка. Измените HTML-код рендеринга, чтобы добавить список.

Чтобы оживить вновь добавленные элементы, мы добавим тег ReactCSSTransitionGroup поверх элементов li .

Добавьте следующий стиль перехода CSS на страницу index.html .

Вот полный компонент App:

Сохраните выше и обновите страницу. Введите имя и нажмите кнопку добавления, и элемент должен быть добавлен в список с анимацией.

Аналогично, анимация выхода также может быть реализована в вышеуказанном коде. После того, как функциональность удаления была реализована в приложении, добавьте класс leave и leave-active в файл index.html . Установите для параметра transitionLeave значение True в теге ReactCSSTransitionGroup в методе рендеринга, и все должно заработать.

Подведем итоги

В этом уроке вы узнали, как начать работу с анимацией в React. Вы создали простое приложение React и увидели, как реализовать появление и ввод анимации. Для подробной информации об анимации в React я бы рекомендовал прочитать официальную документацию.

Исходный код этого учебника доступен в GitHub.

За последние пару лет React стал популярным. На самом деле, у нас есть ряд продуктов на рынке, доступных для покупки, просмотра, реализации и т.д. Если вы ищете дополнительные ресурсы вокруг React, не стесняйтесь их просмотреть.

Сообщите нам свои мысли в комментариях ниже. Взгляните на мою страницу инструктора Envato Tuts + для получения дополнительных уроков по React и связанных с ними веб-технологиям.

[Перевод] 5 отличных способов анимировать React-приложения в 2020 году

Анимация в приложениях React — популярная и обсуждаемая тема. Дело в том, что способов ее создания очень много. Некоторые разработчики используют CSS, добавляя теги в HTML-классы. Отличный способ, его стоит применять. Но, если вы хотите работать со сложными видами анимаци.

Подробности на сайте: habr.com

[Перевод] Использование UIViewPropertyAnimator для создание пользовательских анимаций Создание анимаций это здорово. Они являются важной частью iOS Human Interface Guidelines. Анимации помогают привлечь внимание пользователя к важным вещам или попросту делают приложение не таким скучным. Существует несколько способов реализовать анимацию в iOS. Вероятно, са.

Практика использования библиотеки lottie в мобильном приложении банка Привет, Хабр! В свое время Product Owner попросил подумать нас о создании эффективного процесса по внедрению анимации в наше приложение на android/ios. В то время мы делали задачу по предзаполнению заявки личными данными на кредитный продукт, и на ответ от сервера требовало.

[Из песочницы] Анимация в мобильных приложениях: тестируем Lottie О библиотеке LottieFiles многие знают, но пробовать на практике не спешат. Статей на эту тему мало, поэтому я решила поделиться своим опытом создания анимации для мобильных приложений с помощью Lottie. Читать дальше

[Перевод] Три типовых ошибки в сфере безопасности, о которых должен знать каждый React-разработчик Автор статьи, перевод которой мы сегодня публикуем, говорит, что React — это её любимая библиотека для создания интерактивных интерфейсов. React одновременно и лёгок в использовании, и достаточно хорошо защищён. Однако это не значит, что React-приложения совершенно неуязвимы.

[Перевод] Что такое качественная idle-анимация? Разработчики делятся своими любимыми примерами Создание связи игрока с персонажем, раскрытие подробностей его личности, чтобы он был для игрока уникальным — сложная задача, и как решить её всего несколькими простыми движениями? Анимации ожидания (Idle animations), эти небольшие всплески движения, когда игрок ненадолго .

Angulareact У меня есть проблема. Приложение написано на Angular, а библиотека компонентов на React. Делать клон библиотеки слишком дорого. Значит, нужно использовать React-компоненты в Angular-приложении с минимальными затратами. Разбираемся как это делать. Читать дальше →

Приложения для создания GIF-анимаций на Android Сегодня все больше приложений предлагают возможность отправлять друзьям GIF-анимацию (или попросту «гифки»). Как правило, такие приложения дают доступ к онлайн-хранилищу этих самых гифок, из которых вы можете выбрать ту, что вам больше всего подходит. Но как насче.

[Из песочницы] Все об SVG анимации В данной статье я хочу осветить тонкости работы с SVG-графикой, SVG анимация (в том числе и path), проблемы и способы их решения, а также разнообразные подводные камни, коих в SVG огромное множество. Эту статью я позиционирую как подробное руководство. Здесь не будет ника.

Cruise открывает исходный код Worldview В Cruise Automation сотни инженеров и тестировщиков работают с данными, собранными на дорогах и через симулятор. Также специальная внутренняя команда AV Tools создает приложения для визуализации, поиска и анализа этих данных. Ведь пользователи и разработчики должны понимать .

[Перевод] История четырёхкратного ускорения React-приложения Почти 60% посетителей сайта покидают его в том случае, если его загрузка занимает более 3 секунд. 80% таких посетителей на сайт уже не возвращается. Это говорит о том, что успех веб-проекта не в последнюю очередь зависит от его скорости. Автор материала, перевод которого мы .

[Перевод] MotionLayout: анимации лучше, кода — меньше Google продолжает улучшать нашу жизнь, выпуская новые удобные библиотеки и API. Среди которых оказался и новый MotionLayout. Учитывая обилие анимаций в наших приложениях, мой коллега Cedric Holtz сразу же реализовал важнейшую анимацию нашего приложения — голосование в знако.

[Перевод] Перенос десктопных приложений на .NET Core С тех пор, как я начала работать с сообществом над переносом десктопных приложений с .NET Framework на .NET Core, я заметила, что существует «два лагеря»: представители одного хотят очень простой и короткий список инструкций для переноса своих приложений на .NET Core, в то в.

[Перевод] React, JSX, импорт ES модулей (в том числе динамический) в браузере без Webpack Эта статья — попытка свести воедино имеющиеся на текущий момент средства и выяснить, возможно ли создавать production ready приложения на React без предварительной компиляции сборщиками типа Webpack, или по крайней мере свести такую компиляцию к минимуму. Все описанное носит.


OpenSceneGraph: Процедурная анимация геометрии и атрибутов состояния Введение Говоря о приемах программирования, специфичных для OSG в прошлый раз мы говорили о механизме обратных вызовов (Callback) и его реализации в движке. Настало время посмотреть на то, какие возможности дает нам применение этого механизма для управления содержимым трехм.

[Перевод] Обмен данными между React-компонентами с использованием библиотеки RxJS Перед вами перевод статьи Chidume Nnamdi, опубликованной на blog.bitsrc.io. Перевод публикуется с разрешения автора. Появление библиотеки RxJS открыло массу новых возможностей в мире JS. Цель RxJS — достигать многого, используя небольшое количество кода. Прочитав эту стат.

Flash-анимации в Unity3D своими руками. Часть первая, лирическая В этой серии статей я расскажу о том, как и почему мы решили создать своё собственное решение для импорта flash-анимаций в Unity, об оптимизациях и внутренней кухне получившегося плагина. А также в программе: рассказ о внутренностях формата swf, особенностях расширения Unity.

Анимации в iOS-приложениях, рождённые на сервере Полгода назад мы представили одну из самых впечатляющих функций Badoo — прямые трансляции. Среди прочего она позволяет пользователям выразить благодарность любимым стримерам в виде подарков. Мы хотели сделать эти подарки максимально яркими и привлекательными, поэтому решил.

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

Книга «Kafka Streams в действии. Приложения и микросервисы для работы в реальном времени» Привет, Хаброжители! Эта книга подойдет для любого разработчика, который хочет разобраться в потоковой обработке. Понимание распределенного программирования поможет лучше изучить Kafka и Kafka Streams. Было бы неплохо знать и сам фреймворк Kafka, но это не обязательно: я ра.

FunTech iOS-meetup #1 Приглашаем вас на первый FunTech iOS-meetup, который пройдёт 23-го марта в Москве. Программа «Крутим RunLoop. Как устроена лента ВКонтакте», VK.com, Александр Терентьев В своём докладе Александр расскажет о том, с какими задачами и проблемами при реализации сложных колле.

Angular: создание и публикация библиотеки Начнем с начала Если мне не изменяет память, то с версии 6 в angular появилась возможность создавать в одном workspace проекты разных типов: application и library. До этого момента люди, которые хотели создать библиотеку компонент, скорее всего, пользовались отличным и поле.

[Из песочницы] Сравнение популярных CLI-библиотек для Python: click, cement, fire и другие Python — отличный язык для консольных приложений, и это подчёркивает большое количество библиотек для этих задач. Но какие вообще библиотеки существуют? А какую лучше взять? В этом материале сравниваются популярные и не очень инструменты для консольного мира и дана попытка.

Новые голосовые приложения на C# в 3CX v16 3CX v16 уже на подходе, и у нас есть отличные новости о нашем приложении для разработчиков Call Flow Designer. В новом релизе CFD использует новый скриптовый «движок», интегрированный в ядро сервера 3CX. Благодаря выполнению скриптов в ядре АТС, производительность голосовых .

[Перевод] Создание приложения для Slack с использованием функций 8base Slack — отличное приложение для внутреннего общения между командами. Одна из особенностей, что мы можем легко его расширить, создавая и интегрируя чат-ботов и слэш команды чата, позволяющие пользователям взаимодействовать с внешними сервисами. Отличным ботом Slack, весьма .

[Перевод] 12 советов для тех, кто использует Redux при разработке React-приложений Когда речь идёт о разработке React-приложений, то, в плане архитектуры кода, маленькие проекты часто бывают более гибкими, чем большие. Нет ничего плохого в том, чтобы создавать такие проекты с использованием практических рекомендаций, нацеленных на более крупные приложения.

Транспилятор PAS2JS из Паскаля в JavaScript: несовместимости с Delphi и пути обхода В наше время в кармане обычного человека лежит мощный персональный компьютер, о котором 10-20 лет назад можно было только мечтать. И если у вас километры отлаженного Windows-кода и отлично работающие приложения и утилиты, написанные на Delphi, вы наверняка хотели бы задейств.

[Перевод] Глупая причина, по которой не работает ваше хитрое приложение машинного зрения: ориентация в EXIF Я много писал о проектах компьютерного зрения и машинного обучения, таких как системы распознавания объектов и проекты распознавания лиц. У меня также есть опенсорсная библиотека распознавания лиц на Python, которая как-то вошла в топ-10 самых популярных библиотек машинного .

[Перевод] Создание игры для Game Boy, часть 2 Несколько недель назад я решила поработать над игрой для Game Boy, создание которой доставило мне большое удовольствие. Её рабочее название «Aqua and Ashes». Игра имеет открытые исходники и выложена на GitHub. Предыдущая часть статьи находится здесь. Фантастические спрайты.

[Перевод] Как использовать прерывания в Unity Animator на полную Вау-эффекта в играх можно достигнуть не только неожиданными механиками или плоттвистом, но и анимацией — в мобильных проектах на последнем часто делается особый акцент. Поэтому решил поделиться интересным переводом материала по Unity Animator. Внутри — про приоритетность п.

[Из песочницы] Создание минимального Docker-контейнера для Go-приложений Привет, Хабр! Предлагаю вашему вниманию перевод статьи основателя сервиса Meetspaceapp Nick Gauthier «Building Minimal Docker Containers for Go Applications». Время чтения: 6 минут Существует множество, как официальных, так и поддерживаемых сообществом контейнеров для разл.

SwiftUI для прошлого конкурсного задания Telegram Charts (март 2020 года): все просто Сразу начну с замечания о том, что приложение, о котором пойдет речь в этой статье, требует Xcode 11 и MacOS Catalina , если вы хотите использовать Live Previews, и Mojave, если будете пользоваться симулятором. Код приложения находится на Github. В этом году на WWDC 2020.

Лучшие программы для создания анимированных эффектов на Android Делать фотографии хорошего качества уже можно на практически любой смартфон. Да и обрабатывать снимки сегодня благодаря различным приложениям можно практически в автоматическом режиме, получая на выходе отличные фотографии. Но сегодня удивить друзей уникальным снимком все-т.

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

[Перевод] Модульные спрайтовые персонажи и их анимация Эта запись девлога целиком посвящена моей системе анимации персонажей, она наполнена полезными советами и фрагментами кода. За последние два месяца я создал целых 9 новых действий игрока (такие забавные вещи как блокировка щитом, уворачивание в прыжке и оружие), 17 новых но.

В каких приложениях игроки делились своими моментами в 2020 Компания Megacool, которая создает библиотеку для шаринга GIF-анимациями в играх, выпустила отчет о том, как и чем пользователи делились в 2020 году.

[Перевод] Структурирование React-приложений Материал, перевод которого мы сегодня публикуем, раскрывает подходы, применяемые его автором при структурировании React-приложений. В частности, речь здесь пойдёт об используемой структуре папок, об именовании сущностей, о местах, где располагаются файлы тестов, и о других п.

Google выпустила Android Q beta 2 для смартфонов Google Pixel Google выпустила Android Q beta 2 для разработчиков. Если вы установили первую бета-версию Android Q на свой смартфон Google Pixel, то теперь вы сможете обновить свой телефон до второй бета-версии. Android Q beta 2 доступна для загрузки, только для смартфонов Pixel, Pixel XL.

Управление M5Stack через BLE Интро Уже сравнительно давно микроконтроллер ESP32 стал неким стандартом для множества DIY проектов. И действительно, возможность работы с Wi-Fi, Bluetooth, встроенная энергонезависимая память, а так же большое число выводов позволяют сделать массу интересных проектов. В эт.

SPA Meetup 5: интеграция Jest с QA, мощный UIKit, библиотеки компонентов, DI для масштабирования, платформенные команды Привет! Это пост-отчёт с митапа Moscow SPA 5, серии встреч для фронтенд-разработчиков, которым интересна тематика веб-приложений (Single Page Application). Вместе с докладчиками из Mail.Ru, Яндекса, ВКонтакте, Тинькофф и Авито мы говорили об интеграции Jest с QA-инфраструкту.

[Из песочницы] Скелетная анимация на стороне видеокарты Не так давно Unity представила ECS. В процессе изучения мне стала интерестно, а каким образом можно подружить анимацию и ECS. И в процессе поиска я наткнулся на интересную технику, которую применяли ребята из NORDVEUS в своем демо для доклада Unite Austin 2020. Unite Austin.

[Перевод] Apollo Client. Теперь — с хуками React Автор материала, перевод которого мы публикуем сегодня, говорит, что миссия разработчиков Apollo Client заключается в том, чтобы сделать этот инструмент самым современным и удобным решением для управления состоянием React-приложений. Сообщество React развивается и осваивает .

Docker: как развернуть фуллстек-приложение и не поседеть «Нам нужен DevOps!» (самая популярная фраза в конце любого хакатона) Сначала немного лирики. Когда разработчик является отличным девопсом, умеющим развернуть своё детище на любой машине под любой OC, это плюс. Однако, если он вообще ничего не смыслит дальше своей IDE, это .

Как создать первое приложение для торговли на бирже: 3 начальных шага Современные биржи – очень технологичны и привлекают внимание ИТ-специалистов (об этом говорят, например, активные обсуждения моих статей по теме). Многих интересует тема написания торговых роботов – кто-то хочет самостоятельно попытаться заработать на бирже, кто-то не проч.

[Из песочницы] ClusterJ — работаем с MySQL NDB Cluster из Java Привет, Хабр! В этой статье я хочу рассмотреть такую библиотеку для Java, как ClusterJ, которая позволяет очень просто работать с движком MySQL NDBCLUSTER из Java кода, которая представляет собой высокоуровневое API, схожее по концепции с JPA и Hibernate. В рамках статьи со.

Как отключение анимации может ускорить старый смартфон? Правда, что отключение анимации может ускорить старый смартфон? Со временем старые смартфоны начинают работать медленнее — приложения обновляются.

Как изменить язык в конкретном приложении на iOS, не меняя системного Переключение языков приложений в iOS Наверняка вы хоть раз, но сталкивались с необходимостью переключить конкретное приложение на своём iPhone с русского языка на какой-то другой, но не могли этого сделать, потому что iOS применяет системный язык ко всему ПО, не спрашивая ва.

[Перевод] NLog: правила и фильтры NLog: правила и фильтры В Confirmit мы используем библиотеку NLog для логирования в наших .NET-приложениях. Хотя для этот библиотеки существует документация, для меня было сложно понять, как все это работает. В данной статье я попытаюсь объяснить, как правила и фильтры приме.

«Сгоревшие» сотрудники: есть ли выход? Ты работаешь в хорошей компании. Вокруг тебя крутые профессионалы, получаешь достойную зарплату, каждый день делаешь важные и нужные вещи. Илон Маск запускает спутники, Сергей Семёнович улучшает и без того лучший город Земли. Погода отличная, солнце светит, деревья цветут — .

7 лучших приложений для изучения английского языка на Android Кто-то говорит, что английский язык очень прост. Другие же говорят, что он невероятно сложен. Наверное, истина где-то посередине, ведь, конечно, изучение английского, как и любого другого языка, в какой-то степени сложно, но определенно полезно, потому что вы можете использ.

LUCKY PATCHER – Отличное приложение для вашего смартфона Согласитесь, практически у каждого человека в «вооружении» есть собственный смартфон, который используется для различных целей. Да, некоторым пользователям смартфон необходим лишь для звонков и общения в социальных сетях, однако есть и те, кто использует его в качестве полез.

[Из песочницы] Покупки в Android приложении — Play Billing Library И как это до сих пор на Хабре нет статьи об этом? Не дело, надо исправлять. Есть 2 способа добавить In-App покупки в Android-приложение — старый и новый. До 2020 года все пользовались библиотекой от anjlab, но с июня 2020 года ситуация изменилась, Google выпустила собстве.

[Перевод] Асинхронный PHP. Зачем? Асинхронное программирование сегодня востребовано, особенно в веб-разработке, где отзывчивость приложения особенно важна. Никому не хочется ждать, пока приложение «отвиснет», пусть даже в это время оно выполняет запрос к базе данных, отправляет электронное письмо или работ.

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

[Перевод] Flutter: прокачиваем AppBar & SliverAppBar Во Flutter для создания панели инструментов используется хорошо всем известный AppBar, ну а когда нам нужна динамическая панель инструментов, которая покажет контент при свайпе, мы используем отличный виджет SliverAppBar. Оба виджета позволяют сделать приложение чуточку крас.

[Перевод] ZIO & Cats Effect: удачный союз Cats Effect стал своего рода «Reactive Streams» для функционального Scala-мира, позволив объединить всю разнообразную экосистему библиотек вместе. Многие отличные библиотеки: http4s, fs2, doobie — реализуются только на базе тайп классов из Cats Effect. А библиотеки типа ZIO.

[Перевод] ZIO & Cats Effect: удачный союз Cats Effect стал своего рода «Reactive Streams» для функционального Scala-мира, позволив объединить всю разнообразную экосистему библиотек вместе. Многие отличные библиотеки: http4s, fs2, doobie — реализуются только на базе тайп классов из Cats Effect. А библиотеки типа ZIO.

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

Как смотреть фильмы из Google Drive на своём Chromecast Медиаплеер Google Chromecast — это отличный способ удобного просмотра фильмов с различных устройств на большом экране телевизора. Но хранить видеофайлы на нескольких устройствах очень сложно — проще использовать в качестве собственной онлайн-фильмотеки Google Ди.

SVG 3D: создание, вращение по оси и анимация Чуть более недели назад, в рамках конкурса от Телеграм, пришлось окунуться в «волшебный мир» svg, математических формул, оптимизации и анимации. Конкурсным заданием было создание достаточно простого чарта на JS, но некоторые нюансы задания и акцент на производительности дел.

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

Как диагностировать проблемы интеграции SDK. Опыт команды разработки Yandex Mobile Ads SDK Всем привет! Меня зовут Дмитрий Фисько, я разрабатываю Yandex Mobile Ads SDK. Наша библиотека предназначена для монетизации мобильных приложений на платформе Android и iOS. Сегодня я хочу рассказать вам о том, как мы упростили разбор сложных ошибок интеграции SDK в Android-п.

Концепты VueJS для backend разработчиков — мастер-класс 22 июня 22 июня в конгресс-центр «Альфа» пройдет мастер-класс «Концепты VueJS для backend разработчиков» Ведущий — Сергей Рябенко имеет пятнадцатилетний опыт коммерческой разработки в различных ролях. Работал разработчиком в LinguaLeo и Head of Engineering в SalesLift. Последний г.

[Перевод] Реализация анимации в React Native Перевод статьи подготовлен специально для студентов курса «ReactJS/React Native-разработчик». Трудно себе представить мобильное приложение, в котором нет анимации. В вебе анимации обычно простые, если они есть вообще (максимум – одна страница сменяет другую). Анимации же.

[Перевод] Как выглядит ваш текст? Друзья, отличной всем пятницы. Хотим поделиться с вами переводом статьи, подготовленным специально для студентов курса «Android-разработчик. Продвинутый курс». Приятного прочтения. Как декларативно стилизовать текст на Android. Иллюстрация Вирджинии Полтрэк TextView в .

Руководство для начинающих по машинному обучению и структуре Data Science Для всех, кому интересна тематика работы с данными, машинного обучения и искусственного интеллекта и для тех, кто только начинает свой путь в изучении — этот пост для вас. Все библиотеки ниже бесплатны, и большинство из них с открытым исходным кодом и выложены на GitHub. Исп.

[Перевод] 10 лучших JavaScript библиотек для визуализации данных на графиках и диаграммах Есть в графиках что-то магическое. Изгиб кривой мгновенно раскрывает всю ситуацию — историю развития эпидемии, паники или периода процветания. Эта линия просвещает, пробуждает воображение, убеждает. ― Генри. Д. ХаббардОбъемы данных, с которыми нужно работать, постоянно увели.

Какой могла бы быть официальная веб-версия Apple Music Сервис Apple Music присутствует на всех популярных платформах — Mac, iOS, Android и Windows. Но по какой-то причине музыкальный сервис так и не обзавелся веб-версией. Радует только то, что компания предоставляет разработчикам официальный доступ к API, что позволяет эн.

Как стать Android-разработчиком Сегодня разберем с чего начинать изучение Android-разработки и как найти первую работу. Для создания все новых и новых мобильных приложений компаниям нужны талантливые разработчики: профессия востребована, и специалистам готовы платить. По статистике зарплатного сервиса «Мо.

3 способа запуска Android-приложений на компьютере Вы когда-нибудь думали о том, чтобы запустить приложение или игру для Android на своем ПК? Например для того, чтобы не вглядываться в крошечный экран смартфона или получить более комфортное управление в тех же играх или при, скажем, наборе текста. А может вы начнающий разра.

[Перевод] Всё, что нужно для начала работы с Vue.js Скорее всего, вы, читая эти строки, уже слышали о JavaScript-фреймворке, который называется Vue. Если вы собирались его опробовать, но не очень хорошо представляли себе то, с чего вам стоит начать, значит — этот материал написан специально для вас. Его автор говорит, что хоч.

Ssh-chat Привет, Хабр. Console chat отличная вещь, но для фронтендеров, а что если вы хотите такой же, но для бэкэнда. Если да, то эта статья для вас. Но какой инструмент часто используют в бэкенде? Правильно ssh, так что представляю sshchat Читать дальше →

Как ИИ помогает осваивать язык жестов Для любого человека язык жестов сложен для изучения. Дело в том, что используются не только жесты, но и мимика, а также артикуляция, плюс «язык тела». Значение передаваемой информации зависит от всех этих факторов. Существуют программы для изучения языка жестов, но многие .

АудиоМАСТЕР – отличное решение для работы с аудио файлами Согласитесь, в интернете развелось огромное количество блогеров, обзорщиков и других людей, которые хотят заработать денег на просмотрах и рекламе. Однако у многих возникает один единственный вопрос – какую программу использовать для обработки аудио файлов? Сегодня мы бы хот.

Эволюция кластерного взаимодействия. Как мы внедряли ActiveMQ и Hazelcast В течение последних 7 лет я вместе с командой занимаюсь поддержкой и развитием ядра продукта RealtimeBoard: клиент-серверным и кластерным взаимодействием, работой с базой данных. У нас Java с разными библиотеками на борту. Запускается всё вне контейнера, через Maven-плагин.

Как продвигать мобильное приложение в 2020 году: 4 практических способа + полезные инструменты Конкуренция на рынке мобильных приложений растет быстрыми темпами. Сегодня уже трудно рассчитывать на успех, освоив подходы ASO, необходимо более глубокое погружение и разработка нестандартных рекламных и маркетинговых шагов. Сегодня мы поговорим о способах продвижения м.

Вот это поворот: почему Apple изменила требования к разработчикам приложений В прошлом месяце Apple опубликовала изменения в гайдлайнах для разработчиков приложений под iOS. Они коснулись, в том числе, приложений для родительского контроля и обеспечения конфиденциальности детей. Причем часть новых рекомендаций идет вразрез с решениями, которые Apple .

Летаем по модулям: Навигация в многомодульном приложении с Jetpack Почти каждый растущий проект рано или поздно начинает смотреть в сторону многомодульной архитектуры. Разработчики не хотят ждать пока пересобирается полностью весь проект, когда была изменена только одна фича. Многомодульность помогает изолировать фичи приложения друг от др.

ok.tech: frontend meetup 4 июня в петербургском офисе Одноклассников пройдет ok.tech: frontend meetup. Вместе с коллегами из OK.ru, Яндекса и mail.ru поговорим про тестирование на основе свойств, эволюцию подходов работы с текстами, познакомимся с новой библиотекой от создателя Emmet Сергея Чикуён.

Как управлять временем и перестать прокрастинировать? Все мы теряем время. Особенно это касается трудовой части дня. И от этого страдает наша производительность, что не так страшно для штатного сотрудника, но критично важно для фрилансера. Хотя психологи и коучи утверждают, что потеря времени – это процесс не всегда плохой. .

MOSDROID #15 Phosphorus Приглашаем вас на пятнадцатый митап сообщества Android разработчиков MOSDROID, который пройдет 2 февраля в офисе компании Туту, в БЦ Ньютон Плаза по адресу Москва, 1-й Нагатинский проезд 10с1. В этот раз поговорим о трансформации архитектуры одного из крупнейших мобильных.

[Перевод] 5 важных и упущенных навыков, необходимых лучшему разработчику Предисловие Вы видели эти статьи тысячу раз: «10 вещей, которые нужно создать чтобы стать лучшим разработчиком.» «Лучшие фреймворки для изучения в 2020.» «Сделайте это чтобы стать разработчиком Rockstar.» «Прочитайте эти десять технических книг, и Вы станете успешным раз.

[Из песочницы] Диагностическая медицинская экспертная система на Prolog Вступление Как то мне посчастливилось выбирать тему дипломной работы по специальности программная инженерия, и я выбрал написание экспертной системы, причем именно на языке Пролог. Хоть в промышленном программировании он почти не используется, он интересен в теоретическом пл.

Как удалить ненужные предустановленные приложения с вашего Android-смартфона Некоторые предустановленные приложения стоит удалить Не все предустановленные приложения на вашем смартфоне одинаково полезны. Удалив ненужные программы, вы сможете не только улучшить производительность вашего телефона и освободить место для хранения. Некоторые из предустано.

[Перевод] История и наследие jQuery jQuery — это самая популярная в мире JavaScript-библиотека. Сообщество веб-разработчиков создало её в конце 2000-х, что привело к возникновению богатой экосистемы сайтов, плагинов и фреймворков, использующих под капотом jQuery. Но в последние годы её статус главного инстру.

Стриминг видеозвонков по RTMP Сегодня стриминг-платформы на пике популярности, так как миллионы талантливых людей регулярно делятся своими знаниями – читай, используют стриминг на всю катушку. Так как этот рынок растет, то существует и масса приложений, которые могут стримить видео в реальном времени, и.

10 лучших приложений для редактирования видео на Android Редактирование видео — одна из самых сложных задач, которые может выполнять ваше мобильное устройство. Даже компьютерам для обработки видео требуются солидные характеристики, тонны оперативной памяти и ряд других нюансов. Понятно, что телефоны не обладают техническими характ.

[Перевод] Разработка простых современных JavaScript-приложений с использованием Webpack и прогрессивных веб-технологий Думали ли вы о том, чтобы воспользоваться при разработке своего очередного веб-проекта простейшим из существующих набором технологий? Если это так — значит материал, перевод которого мы публикуем сегодня, написан специально для вас. JavaScript-фреймворки существуют для того.

Samsung Galaxy A9 Pro (2020) оказался не новинкой Длительное время в сети обсуждали новость о том, что Samsung Galaxy A9 Pro (2020) на самом деле является не каким-то нереально новым устройством, а просто глобальной версией модели A8s, которую анонсировали некоторое время назад. И, что самое удивительное, так оно и есть — с.

Раскрыта страшная тайна об экране OnePlus 7 Pro У смартфона OnePlus 7 Pro одна из главных «продающих» особенностей — экран с частотой обновления 90 Гц. Это позволило реализовать чрезвычайно плавную анимацию при прокрутке экрана, что очень нравится пользователям. И вот, раскрылось страшное. Ок.

Французского криптокота продадут на Auctionity в поддержку образовательного проекта из Минска 25 апреля Auctionity совместно с Blockchain Cuties проведет анимацию аукциона в поддержку TeenGuru – образовательного проекта для подростков из Минска. Аукцион будет сопровождаться онлайн-трансляцией, а также анимацией в зале во время проведения CryptoGames Conference в Минс.

[Перевод] Моделирование состояния приложения с использованием объектов Store в SwiftUI На этой неделе я хочу поговорить о моделировании слоя данных в SwiftUI. Я уже закончил работу над своим самым первым приложением, которое я создаю используя только SwiftUI. Теперь я могу поделиться способом создания слоя модели с использованием объектов Store, которые я испо.

Intra 1.1.3 Приложение Intra защищает вас от перехвата DNS-запросов – кибератаки, в результате которой блокируется доступ к новостным сайтам, социальным сетям и мессенджерам. Кроме того, Intra может помочь против некоторых фишинговых атак и вредоносного ПО. Пользоваться приложением очен.

[Из песочницы] Создаем свой компонент с микро-шаблонами Всем привет. Все кто так или иначе писал на фреймворке Angular сталкивался или работал с библиотекой Angular Material. Это очень хорошо написанная библиотека компонентов способная к гибкой стилизации, которая реализована через возможность создания различных тем вашего прилож.

[Из песочницы] 4 Причины, почему вы должны забыть о Redux в приложениях на React Я работаю с Реактом на протяжении почти 3 лет, использовал как Redux так и MobX и у меня к текущему моменту возник вопрос. Почему абсолютное большинство front-end разработчиков продолжают свято верить в то, что Redux + Redux Saga + Reselect + 100500 других библиотек «облегча.

В WhatsApp для Android уже тестируется Dark Mode Разработчики WhatsApp, одного из самых популярных в мире приложений для обмена сообщениями в мире, наконец-то тестируют в Android-версии функцию, которая уже реализована в прочих мессенджерах. Если говорить точнее, то WhatsApp работает над Dark Mode с сентября 2020 год.

А не фигню ли я делаю? Зачем разработчики ходят в гембу Привет, Хабр. Я тестировщик и очень верю в то, что гемба – это отличный инструмент для понимания своего продукта. Там хорошо получается ответить себе на вопрос: «А не фигню ли я делаю?» Сегодня хочу рассказать подробнее про его преимущества, а также инсайты, которые мы получ.

[Из песочницы] Сохранения данных пользователя после перезагрузки страницы Представим себе, что вы пишите таск-менеджер. Приложение должно работать как нативное: работать в офлайне также как в онлайне. Основная концепция Наш главный инструмент в построении такого приложения – localstorage. С другими способами реализовать это я не знаком. Способ о к.

[Перевод] Пишем API для React компонентов, часть 2: давайте названия поведению, а не способам взаимодействия Пишем API для React компонентов, часть 1: не создавайте конфликтующие пропсы Пишем API для React компонентов, часть 2: давайте названия поведению, а не способам взаимодействия Пишем API для React компонентов, часть 3: порядок пропсов важенУ нас есть компонент переключатель.

Вклад дизайнера в разработку мобильных приложений Дизайнер и его роль в разработке мобильных приложений Все мы знаем, что дизайн играет очень важную роль в проектировании и разработке мобильных приложений. У каждого дизайнера свои подход, методы и инструменты для работы над приложениями. От того, на каких платформах будет р.

Как управлять React Data Grid через Redux Это продолжение предыдущей статьи: Зачем писать свой React Data Grid в 2020 Для чего нужен Redux? Ответов много. Например, чтобы работать с общими данными в разных React-компонентах. Но можно воспринимать Redux еще как способ манипулирования компонентой. Сам взгляд интересны.

[Перевод] Использование Typescript с React – руководство для новичков Друзья, в преддверии выходных хотим поделиться с вами еще одной интересной публикацией, которую хотим приурочить к запуску новой группы по курсу «Разработчик JavaScript». Потратив последние несколько месяцев на разработку приложений на React и библиотек с использованием T.

Лучшие приложения для дизайна и благоустройства дома на Андроид Благоустройство и дизайн дома – задача серьёзная, которая может потребовать от вас немало времени и средств. Ваш смартфон не может сделать всю работу за вас, но может помочь, облегчив процесс. Лучшие приложения для дизайна и благоустройства дома для Android-смартфонов: Buil.

Попробуйте приложение, которое запускает нейросети на любом устройстве Когда говорят про использование машинного обучения и нейросетей, сразу кажется, что это все современные технологии, недоступные обычному пользователю: ведь надо не только разработать алгоритм, но и заставить его правильно работать, к тому же программа должна запускаться на .

WWDC 2020: перенос приложений с iOS на macOS станет еще проще Дни кропотливой работы над портирование iOS-приложений на Mac сочтены. Это отличная новость для разработчиков и пользователей. В ближайшее время процесс переноса приложений для iOS на macOS буде осуществляться в несколько кликов.

[Перевод] Как работает ИИ в игре Hitman (2020) Выпущенный компанией IO Interactive в 2020 году Hitman вернул франшизу к её корням: созданию богатых и интересных сценариев, в которых Агент 47 должен устранять свои цели, часто импровизированным и непрактичным способом. Для решения этой задачи внутри игры применяется множес.

Мастер Йода рекомендует:  3 месяца бесплатного хостинга и домен в подарок

Facebook тайно тестирует новую «соцсеть» для подростков Компания Facebook уже несколько месяцев разрабатывает новое приложение LOL, ориентированное на подростков. Фактически, это специальная лента для просмотра мемов, GIF-анимации и забавных видеороликов. Об этом сообщил ресурс TechCrunch со ссылкой на «многочисленные&.

Открытые библиотеки для визуализации аудиоконтента Мы изучили несколько тематических тредов на GitHub, Hacker News и Reddit, посвященных инструментам для визуализации аудиоконтента. Рассказываем о часто упоминаемых открытых библиотеках и решениях, которые пригодятся разработчикам веб-приложений или игр. Читать дальше →

Как сделать работу с Dock-панелью удобнее Скрытые возможности macOS порой удивляют даже самых опытных пользователей этой операционной системы. Вооружившись командной строкой, и подойдя к этому процессу с умом, можно тонко и детально настроить настольную операционную систему Apple, и тем самым улучшить продуктивност.

Инструменты Node.js разработчика. Работа с веб-сокетами по протоколу mqtt Технология веб-сокет позволяет в веб-приложении или в мобильном приложении реализовать отправку сообщений с сервера на клиент, что невозможно сделать средствами REST-API. Для работы с веб-сокетами часто используют библиотеку socket.io, или же разработчики работают с нативным.

[Из песочницы] Использование примесей во Flutter приложениях Я работаю в компании, занимающейся разработкой игр, но как домашнее хобби мне последнее время стала интересна разработка мобильных приложений. Поэтому, когда друг пригласил меня съездить на митап, посвященный разработке мобильных приложений с помощью фреймворка Flutter, я .

Делаем вездесущий Splash Screen на iOS Привет Хабр! Я расскажу о реализации анимации перехода со сплэш скрина на другие экраны приложения. Задача возникла в рамках глобального ребрендинга, который не мог обойтись без изменения заставки и внешнего вида продукта. Для многих разработчиков, участвующих в крупных.

[Перевод] Анализ и оптимизация React-приложений Люди, вроде меня, которые борются за высокую производительность сайтов, часто тратят на это много времени. Поэтому сейчас я собираюсь раз и навсегда решить проблему низкого быстродействий веб-ресурсов, интерфейс которых написан на React. А именно, я предлагаю всем, кто это ч.

Операционка Bliss для ПК создана на базе Android Pie и даже позволяет скачивать приложения из Google Play Несмотря на то, что Android доминирует на рынке мобильных ОС, Google ни разу не заходила на территорию персональных компьютеров. К счастью, открытость и универсальность Android позволяют разработчикам проявить творческий подход и перенести ОС на многие официально неподдержи.

3D игра на three.js, nw.js Я решил выпустить новую версию своей старой браузерной игры, которая на протяжении пары лет пользовалась успехом в качестве приложения в социальных сетях. На этот раз я задался целью оформить ее также и в виде приложения под Windows (7-8-10) и разместить в различных магазина.

Как включить на Android опции для разработчиков и ускорить систему Один из лучших и самых популярных способов улучшить быстродействие вашего смартфона (как минимум, визуально) – это ускорить анимацию интерфейса. Это очень простой трюк, но для того чтобы его провернуть, вы должны включить «Опции разработчика». Опции разработчика – это что-т.

[Перевод] Обработка ошибок в Go Привет, хабровчане! Уже сегодня в ОТУС стартует курс «Разработчик Golang» и мы считаем это отличным поводом, чтобы поделиться еще одной полезной публикацией по теме. Сегодня поговорим о подходе Go к ошибкам. Начнем! Освоение прагматической обработки ошибок в вашем Go-коде.

[Из песочницы] Управление несколькими шаговыми двигателями Nema 17 одновременно или NemaStepper Всем привет. Я думаю что вы, если работали с arduino+nema 17, знаете, что запустить несколько двигателей одновременно бывает очень затруднительно. Есть разные способы решения этой проблемы, самый простой, пожалуй — использование библиотеки NemaStepper. Библиотека упрощае.

Jailbreak One 1.0 Stickman — заключенный, которому нужна помощь, чтобы сбежать из тюрьмы. Вам будет предложено несколько предметов для пути побега. Выберите все способы побега, смейтесь над интересной анимацией и сценами. Найдите все три счастливых окончания тюрьмы. Найдите все неудач.

[Из песочницы] SpaceVIL — кроссплатфоремнный GUI фреймворк для разработки на .Net Core, .Net Standard и JVM В данной статье я постараюсь рассказать о фреймворке SpaceVIL (Space of Visual Items Layout), который служит для построения пользовательских графических интерфейсов на платформах .Net / .Net Core и JVM. SpaceVIL является кроссплатформенным и мультиязычным фреймворком, в его .

Пишете сценарии или объемные тексты? Присмотритесь к этим приложениям для Android Для того, чтобы дать выход своему творчеству, достаточно обычного смартфона Творческое письмо — это навык, который развивается с течением времени. Но, как говорится, отличные идеи приходят в случайных местах. А что, если в этот момент у вас под рукой не будет блокнота .

The Power of Oracle SQL Прочитав сегодняшний топик «SQL. Занимательные задачки», я вспомнил, что давно хотел порекомендовать отличную книгу для продвинутого уровня Oracle SQL от нашего отличного специалиста по Oracle, Алекса Репринцева — «The Power of Oracle SQL». Мало того, что она сама по себе чр.

Популярное Android-приложение внезапно стало вредоносным Приложение CamScanner стало представлять угрозу для пользователей после того, как разработчики добавили в него рекламную библиотеку с вредоносным модулем.

Да возрадуйтесь же Android-пользователи! Разработчики Spark передумали На Android существует множество почтовых клиентов и, даже не смотря на это, многие предпочитают использовать установленный по умолчанию Gmail. Некоторые даже никогда не задумывались над тем, что кроме Gmail может еще что-то существовать – вот такие вот они непритязательные .

[Из песочницы] Neutralinojs — альтернатива Electron, потребляющая меньше памяти Neutralinojs — фреймворк с открытым исходным кодом для создания кроссплатформенных приложений на HTML/CSS/JS. Отличие от Electron в том, что для запуска приложения на Neutralinojs не нужно устанавливать nodejs и сотни зависимостей, тянущихся из package.json. Давайте сравним .

[Перевод] 10 самых распространенных ошибок при работе с платформой Spring. Часть 1 Всем привет. Сегодня делимся первой частью статьи, перевод которой подготовлен специально для студентов курса «Разработчик на Spring Framework». Начнём! Spring — пожалуй, одна из самых популярных платформ разработки на языке Java. Это мощный, но довольно сложный в освоении.

Телевизоры OnePlus TV будут получать обновления Android TV не менее трех лет Грядущий телевизор OnePlus TV будет работать под управлением операционной системы Android TV. OnePlus провела несколько сравнительных раундов с другими операционными системами и долго обсуждала этот момент, прежде чем принять такое решение. Генеральный директор OnePlus .

ShowSomeProgress: Progress и Activity анимация ShowSomeProgress — библиотека для iOS, показывающая красивые Progress и Activity индикаторы.

Google закручивает гайки Последние годы компания Google в отношении своей операционной системы Android – все больше “закручивает гайки”: запрещает ранее работающие функции, ограничивает изменение настроек системы из приложений. И старые приложения перестают работать на новых версиях Android. Кроме .

Olympus E-M5 Mark III создан для профессионалов Официально представлен новый фотоаппарат Olympus E-M5 Mark III, который создан для тех, кто уже разобрался в фотографии, понял, как это все работает и хочет получить более высокое качество изображения. Это довольно классная камера с большим набором функций и особенностей, ко.

[Перевод] Создание динамических PDF-файлов с использованием React и Node.js Материал, перевод которого мы сегодня публикуем, посвящён созданию динамических PDF-файлов с использованием HTML-кода в качестве шаблона. А именно, речь пойдёт о том, как сформировать простой счёт на оплату неких товаров или услуг, динамические данные, включённые в который, .

[Перевод — recovery mode ] Тюнинг производительности запросов в PostgreSQL Настройка производительности базы данных — разработчики обычно либо любят это, либо ненавидят. Я получаю удовольствие от этого и хочу поделиться некоторыми методами, которые я использовал в последнее время для настройки плохо выполняющихся запросов в PostgreSQL. Мои методы .

Гайд для разработчиков по созданию ИИ-приложений Создайте вашего первого умного бота с Microsoft AI Искусственный интеллект ускоряет цифровую трансформацию в каждой отрасли, включая производство, розничную торговлю, финансы, здравоохранение и многие другие. При таком уровне каждая отрасль сможет использовать ИИ для улучшен.

Xiaomi вынесла на всеобщее обсуждение 5 новых функций MIUI Разработчики оболочки MIUI являются, пожалуй, самыми открытыми: они постоянно взаимодействуют с пользователями либо посредством форума, либо при помощи различных аккаунтов в Weibo. Вот и на этот раз на форуме был опубликован обширный перечень новых возможностей интерфей.

Facebook тайно тестирует новую «соцсеть» для подростков Компания Facebook уже несколько месяцев разрабатывает новое приложение LOL, ориентированное на подростков. Фактически, это специальная лента для просмотра мемов, GIF-анимации и забавных видеороликов. Об этом сообщил ресурс TechCrunch со ссылкой на «многочисленные&.

[Перевод] Сборщик мусора в V8: как работает Orinoco Не то чтобы работа сборщика мусора — это то, о чём каждый день думает фронтенд-разработчик, но это очень интересно. Если честно, это одна из самых жестоких статей, что я читал за последнее время: тут много про смерть в молодом возрасте, про гонения из одной области памяти в .

[Перевод] 5 чрезвычайно простых способов ощутимо повысить скорость вашего VueJS-приложения Здравствуйте. Перевод данной статьи подготовлен специально для студентов курса «Разработчик JavaScript», который стартует уже на следующей неделе. Голос Чуи Немного обо мне — меня зовут Вайбхав, я из Five2One. Я вовлечен во VueJS уже целых 2 года (с момента выхода 1.0) и.

[Перевод] Пишем API для React компонентов, часть 3: порядок пропсов важен Пишем API для React компонентов, часть 1: не создавайте конфликтующие пропсы Пишем API для React компонентов, часть 2: давайте названия поведению, а не способам взаимодействия Пишем API для React компонентов, часть 3: порядок пропсов важен Пишем API для React компонентов.

Лучшие PDF-редакторы для Android PDF — один из самых распространенных форматов, используемых для важных документов и других подобных файлов. Однако редактировать их не так уж и просто. И зачастую приходится использовать монстрогрузные редакторы для настольных ПК. Но знали ли вы, что вы можете с легко.

«Галоп пикселя — часть пятая» — Анимация персонажей. Ходьба «Галоп пикселя» — часть 1 (линк) «Галоп пикселя» — часть 2 (линк) «Галоп пикселя» — часть 3 (линк) «Галоп пикселя» — часть 4 (линк) «Галоп пикселя» — часть 5 (линк) Доброго времени суток Хабр. Мы продолжаем цикл «Галоп Пикселя». Сейчас, находясь на старте 2020 года, можно.

[Из песочницы] Рассылка Push-уведомлений с SpringBoot сервера Предисловие Приветствую Вас. Недавно передо мной стала задача — настроить Push-уведомления на сайте. С этим я столкнулся впервые и во много разобраться мне помогла эта статья. В ней же уже есть описание серверной стороны, но, в процессе изучения данной темы я обнаружил более.

Обзор Drops. Изучаем иностранные языки Сегодня мы проварим о приложении Drops, которое открывает пользователю доступ к изучению иностранного языка — у вас громадный выбор языков, удобная система обучения и отсутствие требований вливать реальные деньги. Разве можно от этого отказаться? Давайте посмотрим, как это в.

Производительность анимаций на сайтах При разработке сайтов, выходящих за рамки условного бутстрапа, рано или поздно возникают вопросы, связанные с производительностью анимаций. Особенно важными они являются в дизайнерских сайтах, вроде тех, что попадают в каталоги Awwwards, FWA, CSS Design Awards и.т.д. При эт.

Voxgun – сервис для создания профессионального видеоконтента без лишних усилий Всем привет! Сегодня хотел рассказать вам о новом интересном проекте – сервисе для создания видео для бизнеса Voxgun. Этот инструмент позволяет создавать видео-контент с профессиональной озвучкой и анимацией меньше чем за 10 минут и без профильных навыков. Читать дальше →

Moto. Мокаем AWS Тестирование — это неотъемлемая часть процесса разработки. И иногда разработчикам требуется запустить тесты локально, до того момента коммита изменений. Если приложение использует Amazon Web Services, python библиотека moto идеально для этого подходит. Читать дальше →

Из-за ошибки Skype автоматически отвечает на звонки на Android После последнего обновления в Skype появилась неприятная ошибка, из-за которой приложение автоматически отвечает на вызовы на устройствах Android. Даже отключение опции «Автоматически отвечать на входящие вызовы» не помешает Skype сделать это. В настоящее время не сущес.


[Перевод] Использование Fastify и Preact для быстрого прототипирования веб-приложений Автор материала, перевод которого мы сегодня публикуем, хочет поделиться рассказом о том, какими технологиями он пользуется для быстрой разработки прототипов веб-приложений. В число этих технологий входят библиотеки Fastify и Preact. Он, кроме того, пользуется библиотекой ht.

Lazarus — пишем компонент для анимации спрайтов Вместо предисловия В одесской школе ученики 8-го класса на уроках информатики используют бесплатную кроссплатформенную среду разработки Lazarus (официальный сайт: www.lazarus-ide.org), внешне и внутренне очень напоминающую любимый многими Delphi, использующую версию Object P.

15 лучших приложений для Instagram Stories Полароидные рамки, каллиграфические шрифты и 3D-анимация в ваших историях.

Southbridge в Челябинске и Битрикс в Kubernetes В Челябинске проходят митапы системных администраторов Sysadminka, и на последнем из них я делал доклад о нашем решении для работы приложений на 1С-Битрикс в Kubernetes. Битрикс, Kubernetes, Сeph — отличная смесь? Расскажу, как мы из всего этого собрали работающее решение. П.

[Перевод] Тестирование производительности Flutter приложений Фреймворк Flutter по умолчанию работает хорошо и быстро, но означает ли это, что вам вообще не нужно думать о производительности? Нет. Абсолютно реально писать приложения Flutter, которые будут медленными. С другой стороны, также можно использовать фреймворк максимально и де.

Умный диктофон, фоторедактор и виджеты для iPhone: приложения со скидкой в App Store Скачайте сегодня приложения из подборки Ежедневно мы вручную отбираем для вас лучшие предложения из App Store, которые становятся бесплатными или распространяются с большой скидкой. Каждый день новые и лучшие приложения для ваших iPhone, iPad или Mac. Еще больше свежих и апп.

[Перевод] Производительность сетевых приложений Linux. Введение Веб-приложения ныне используются повсеместно, а среди всех транспортных протоколов львиную долю занимает HTTP. Изучая нюансы разработки веб-приложений, большинство уделяет очень мало внимания операционной системе, где эти приложения реально запускаются. Разделение разработки.

[Перевод] 5 продвинутых техник тестирования на Go Всем салют! До старта курса «Разработчик Golang» остается меньше недели и мы продолжаем делиться полезным материалом по теме. Поехали! Go имеет хорошую и надежную встроенную библиотеку для тестирования. Если вы пишите на Go, то вы уже это знаете. В этой статье мы поговори.

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

[Из песочницы] Три относительно честных способа создания Flutter проекта Итак, с презентацией Google первой стабильной версии Flutter, которая случилась 4 декабря 2020 г. начался процесс изменения ландшафта на полях мобильного программирования. Появился новый игрок, способный изменить правила самой игры. Теперь из одной базы кода можно создават.

[Перевод] Как была устроена графика NES Выпущенная в 1983 году домашняя консоль Nintendo Entertainment System (NES) была дешёвой, но мощной машиной, достигшей феноменального успеха. При помощи блока обработки изображений (Picture Processing Unit, PPU) система могла создавать достаточно впечатляющую по тем времена.

[Перевод] Распределение памяти в JVM Всем привет! Перевод сегодняшнего материала мы хотим приурочить к запуску нового потока по курсу «Разработчик Java», который стартует уже завтра. Что ж начнём. JVM может быть сложным зверем. К счастью, большая часть этой сложности скрыта под капотом, и мы, как разработчики .

[Перевод] Анатомия сокола Недавно мы объявили о разработке игры Falcon Age о выращивании взрослой птицы из птенца сокола и совместном противостоянии силам, стремящимся колонизировать планету. Falcon Age выйдет в 2020 году на PS4 и PS VR. На прошлой неделе мы показали игру на PAX и получили замечате.

Успех Microsoft на Android. Приложение OneDrive загрузили более 1 млрд раз Пару месяцев назад приложение Microsoft Word преодолело отметку в 1 млрд загрузок в Google Play. И вот настал черёд второго. Им стал облачный сервис OneDrive, который также сейчас предустанавливается на многие смартфоны, благодаря чему ему и удалось преодолеть столь вну.

Самыми популярными приложениями в России являются WhatsApp, Viber и «ВКонтакте» Свежее исследование, которое было опубликовано App Annie, демонстрирует ситуацию на российском рынке загружаемых приложений в прошедшем году. Ниже представлены три рейтинга, которые показывают самые популярные приложения, игры, а также приложения, в которых пользователи.

Генерация приложения на React с бэкэндом на GraphQL за считанные минуты Мы добавили новую экспериментальную возможность в 8base CLI (Command Line Interface), которая генерирует готовое приложение на React из вашей модели данных. Это очень удобно для начала работы с GraphQL и React, а также для быстрого создания пользовательского интерфейса прило.

[Перевод] Руководство по React Native для начинающих Android-разработчиков (с примером приложения) Представляем вам перевод статьи Nikhil Sachdeva, опубликованной на hackernoon.com. Автор делится опытом разработки мобильных приложений с помощью React Native и предлагает создать свое приложение, используя этот фреймворк. Я был Android-разработчиком и довольно длительное.

Разработчики не очень довольны технологией Project Catalyst Во время анонса macOS Catalina компания Apple уделила достаточно много внимания технологии Project Catalyst, которая должна была помочь сторонним разработчикам портировать свои приложения с iOS на Mac. При этом купертиновцы обещали, что процесс будет очень простым. Однако на.

In-App Updates: ускоряем процесс обновления приложения на Android Среди многообразия инструментов, анонсированных на Android Dev Summit, особое внимание хочется уделить механизму обновления приложения In-App Updates (IAUs), который помогает разработчикам ускорить добавление новых фич, баг-фиксов и улучшений производительности. Поскольку .

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

[Перевод] Комбинирование Signed Distance Fields в 2D В предыдущем туториале мы научились создавать и перемещать простые фигуры с помощью функций расстояний со знаком. В этой статье мы научимся комбинировать несколько фигур для создания более сложных полей расстояний. Большинству описанных здесь техник я научился из библиотеки .

Предварительный обзор Lenovo Chromebook S345. На процессоре AMD Сегодня мы поговорим о достаточно странном ноутбуке, который стоит весьма адекватных денег, но при этом не совсем понятно, кому в нашей стране он будет интересен. И это, пожалуй, главный вопрос к новинке. Во всем остальном устройство очень крутое и стоит вашего внимания, даж.

[Перевод] React и Vue: сильные стороны Здравствуйте, коллеги. Мы возобновляем наши переводные публикации. Сегодняшний текст анонсирует давно назревшую новинку по веб-разработке, посвященную ультрасовременной библиотеке Vue.js. Учитывая, что у нас в ассортименте имеется сразу три отличные книги по React, а также .

Как передать файлы с Android-устройства на Mac Передать файлы с Android на MacOS и обратно проще, чем кажется Одна из многих замечательных вещей в Android заключается в том, что вы можете легко копировать и переносить файлы с настольного ПК или ноутбука, просто подключив свой телефон через USB. К сожалению, все не так пр.

4 альтернативы приложению «Напоминания» на iOS В экосистеме Apple напоминания работают таким образом, что вы никогда не забудете о том, что запланировали. Поставив напоминание на компьютере, вы можете быть уверены, что оно достанет вас и на телефоне. Но это не единственный способ следить за своими делами и не забыть, чт.

[Перевод] Повышаем производительность разработки на примере Vue — часть 2 Если вы не читали Часть 1, вы можете исправить сиё недоразумение здесь. Переиспользование конфигураций Новая библиотека vue-cli-3 избавила от необходимости поддерживать сложные шаблоны сборки и конфигураций. Вместо этого она позволяет разработчику сосредоточиться на создании.

Выпущена альфа-версия Windows UI Library 3.0 На конференции Ignite 2020 компания Microsoft объявила о выпуске предварительной версии Windows UI Library 3.0. Обновлённая библиотека включает в себя полный стек пользовательского интерфейса, а значит разработчики могут использовать все нативные элементы управления и функц.

Как примерить тату? Подборка приложений для фанатов татуировок на Андроид и IOS Татуировки — это вам не шутки. Это способ самовыражения, которым люди обычно гордятся. Для фанатов этого вида искусства существует ряд приложений: идеи для татуировок, базы с лучшими художниками и другие стандартные приложения, без которых не обойтись. Adobe Illustrator Dra.

Android: Huawei без Google Play, динамические обновления и советы Сноудена Для подписчиковСегодня в выпуске: рассказ о том, как Huawei Mate 30 обходится без Google Play, советы Эдварда Сноудена по использованию телефона, руководство по созданию анимаций при использовании реактивных фреймворков, объяснение типов Unit, Nothing, Any в Kotlin и обзор и.

[Перевод] Создание приложения с использованием Styled-Components в Vue.js Привет, Хабр! На днях наткнулся на одну очень интересную статью на португальском. К счастью, удалось найти её английскую версию. Предлагаю вашему вниманию перевод на русский. Другие мои переводы вы можете найти на мой странице на хабре. Ссылка на оригинал: португальский, ан.

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

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

Fluent Design System теперь обладает кроссплатформенностью На мероприятии Build 2020 Microsoft представила новый веб-сайт про Fluent Design System, который расширяет свой язык дизайна не только для Windows, но и для iOS, Android и Интернета. Это является ключом к цели Microsoft – представить свой новый язык дизайна для всех своих пр.

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

Быстрый способ добавить уведомления в Android-приложение Перевели для вас статью Брендона Вивера о работе с уведомлениями в Android OS. Программист объясняет, как быстро добавить этот функционал в свое приложение. Статья, в первую очередь, будет полезна начинающим Android-разработчикам. Уведомления — один из самых легких и бы.

Лучшие игры для эмулятора Bluestacks: как удобнее играть в мобильные игры? Android-эмуляторы для ПК появились достаточно давно и сейчас достигли той степени развития которая позволяет вам запускать с их помощью сложнейшие игры, управлять ими с помощью клавиатуры и мыши, транслировать потоковое видео и так далее. Здесь мы собрали список лучших игр д.

Рейтинги, топы, обзоры — все врут? Привет, Хабр! Сегодня мы с вами поговорим о рейтингах, топах, обзорах и разного рода отзовиках, на которые ориентируются наши с вами клиенты, выбирая программное обеспечение. Мне бы в жизни не пришло в голову затеять это мини-расследование о рейтингах CRM, если бы не жёсткая.

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

[Из песочницы] Как я библиотеку для сервиса «Яндекс.Музыка» писал Введение Обо мне Всем привет, я обычный учащийся по специальности «техник-программист». С детства увлекаюсь компьютерами, с класса 7-го начал познавать само программирование. Являюсь владельцем подписки на Яндексу Музыку уже больше года и в целом доволен сервисом (.

WhatsApp может выпустить полноценное приложение для iPad WhatsApp — одно из самых популярных приложений для обмена сообщениями. Более 1 миллиарда человек используют его ежедневно. Но до сих пор у него не было полноценной версии для iPad. Эта проблема может быть устранена в ближайшее время, по слухам, разработчики работают над офиц.

WhatsApp наконец-то нормально заработает на iPad и получит поддержку одновременной работы на разных устройствах Несмотря на то, что iOS и macOS — очень популярные операционные системы, а WhatsApp — самый популярный в мире мессенджер, именно на этих платформах это ПО работает с определёнными особенностями. В частности, разработчики WhatsApp почему-то до сих пор не пред.

[Перевод] Как улучшить навыки письменного английского с помощью изучения грамматики При изучении иностранных языков, зачастую, грамматика – один из самых сложных моментов. При этом существуют разные подходы – кто-то считает, что главное выучить побольше слов и представлять, как их применять, тогда вас поймут и с грамматическими ошибками. Кто-то не согласе.

[Перевод] Совещания — это узаконенный грабеж В разработке всё дело в творчестве, не так ли? Это искусство, а не наука. Мы, разработчики, решаем сложные задачи, и зачастую наши решения совершенно не очевидны. Мы экспериментируем, внедряем новшества, исследуем и расследуем. Чтобы делать всё это, мы разговариваем. Мы вмес.

YIMP — Панель управления для Yii 2 на Bootstrap 4 Уверен, что у многих разработчиков, предпочитающих фреймворки готовым CMS, есть в запасе решение на Bootstrap или его аналогах, которое используется в для создания интерфейсов админок и прочих бэк-офисов. И у меня такое есть. Успешно работает много лет, но безнадежно устарел.

Quick Sender – Инструмент для раскрутки ВКонтакте Вы когда-нибудь пробовали перенести свой бизнес в социальные сети и воспользоваться уникальной возможностью получить практически бесплатное продвижение? Если нет, то встречайте отличного помощника для раскрутки группы и продвижения ВКонтакте — Quick Sender. Это качественный .

ResNet50. Своя реализация Всем привет. Библиотека нейросети описана в моей прошлой статье. Здесь решил показать как можно использовать обученную сеть из TF (Tensorflow) в своем решении, и стоит ли. Под катом сравнение с оригинальной реализацией TF, демо приложение для распознавания картинок, ну и… в.

[Перевод] Можно ли использовать Redux на сервере? Redux — это отличное средство для управления состоянием сложных фронтенд-приложений. Автор материала, перевод которого мы сегодня публикуем, собирается найти ответ на вопрос о том, можно ли воспользоваться возможностями Redux в серверной среде. Читать дальше →

Как мы внедряли навигацию из Jetpack в боевое приложение. Доклад Яндекс.Еды В мобильных приложениях всё чаще используются deep links. Это ссылки, которые позволяют не просто перейти в приложение извне, а попасть на конкретный экран. Android-разработчик из Яндекс.Еды Владислав Кожушко объяснил, почему мы для реализации deep links внедрили навигацию и.

[Перевод] Создание вашего первого ARCore-приложения В предыдущей статье я уже объяснил, что такое ARCore и как он помогает разработчикам создавать удивительные приложения дополненной реальности без необходимости понимания математики и OpenGL. Если вы ещё не читали её, я настоятельно рекомендую это сделать, прежде чем перейти.

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

Распознавание лиц в «Google Фото» для Android заработало в России Сфера применения технологии распознавания лиц оказалась гораздо шире, чем предполагалось первоначально. Ей нашлось место в наших смартфонах, где она используется для их разблокировки, в правоохранительных органах, которые используют ее для поиска преступников, разгуливающих.

Как менялась новая игра Remedy: сравнение прототипа Control с демоверсией для Е3 2020 Игроки любят сравнивать ранние демонстрации игр с версиями, близкими к релизной. Чаще всего — чтобы обвинить разработчиков в ухудшении графики и упрощении геймплейных возможностей. Сотрудники Remedy Entertainment настолько уверены в качестве своего нового прое.

Конференция для разработчиков платформ от Stripe, Intercom, JetBrains, Miro, ManyChat, Wrike, Targetprocess и др 9 ноября мы проводим Platform Developers Conf — конференцию о создании платформ для разработчиков. Огненные спикеры — техлиды и ведущие инженеры из Stripe, Intercom, JetBrains, Wrike, ManyChat, Targetprocess, Miro и других компаний. Будем говорить про API, вебхуки, архитект.

Обзор WPS Office. Новый шикарный офис Довольно часто я слышу от пользователей вокруг, что им не нравится привычный офис от компании Microsoft — он не очень удобен, если работаешь с разными видами контента и иногда коряво отображает то, что вы хотите в приложении открыть. К сожалению, найти действительно достойну.

Лучшие приложения для создания фотоколлажей Нет ничего проще, чем создать коллаж на смартфоне Благодаря продвинутым камерам современных смартфонов мы стали практически «фотоманьяками», снимающими буквально все, что окружает нас. Это ни в коем случае не плохо. При этом если вы хотите, чтобы ваши фото выделяли.

Приложения, которые позволят вам снимать, как профессиональный фотограф Совсем не обязательно иметь дорогой фотоаппарат для того, чтобы сделать качественные снимки Мы живем в удивительное время, когда для того, чтобы сделать отличное и качественное фото нам не нужно иметь профессиональную камеру стоимостью в несколько сотен (а то и тысяч) доллар.

Сломали систему. Сервисы и приложения Google работают на Honor 9X, хотя этот смартфон никогда не сертифицировался Пользователи нашли способ обойти систему сертификации, давным-давно придуманную Google и без которой, по идее, на смартфоне нельзя использовать приложений Google. Пример Honor 9X доказывает: использование Google Mobile Services в обход необходимых разрешений — впо.

Что такое арбитраж трафика В современном мире очень много доступных способов заработка, которые не требуют особых затрат и для их реализации даже не обязательно выходить из дома. Главное условие – наличие компьютера и доступа к сети Интернет. Одним из таких способов является арбитраж трафика. Это инте.

[Перевод] Создаём границы процедурно генерируемой карты Скотт Тёрнер продолжает работу над своей процедурно генерируемой игрой и теперь решил заняться проблемой оформления границ карт. Для этого ему предстоит решить несколько непростых задач и даже создать собственный язык описания границ. Важным элементом фэнтезийных карт, кот.

4 способа спрятать приложения на вашем Android-смартфоне А вы знали, что на вашем Android-устройстве можно спрятать программы? Иногда было бы полезно спрятать некоторые приложения на вашем смартфоне или планшете от посторонних глаз. Например, убрать подальше жестокие игры, если ваш смартфон время от времени берут в руки дети. Или .

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

История одной анимации Однажды фронтендеру позвонил дизайнер и попросил сделать «паутинку» за запотевшим стеклом. Но потом оказалось, что это не «паутинка», а гексагональная сетка, и не за стеклом, а она уходит вдаль, и с WebGL фронтендер не знаком, а всей анимации пришлось учиться в процессе рисо.

Обзор Tap Tycoon. Кликай и зарабатывай Довольно часто разработчики мобильных игр делают свои новинки в жанре кликеров, ведь это самый доступный для студии жанр. Вам не нужно думать над сложной механикой, над красивым дизайном уровней, над какими-то сложными элементами геймплея. Просто делаете более-менее понятный.

Как приложения попадают в топ App Store Попасть в топ-10 приложений не так-то просто В августе 2020 года App Store исполнилось 11 лет. За этот относительно небольшой промежуток времени, Apple совершила самую настоящую революцию на рынке мобильных приложений. Сейчас фирменный каталог насчитывает сотни тысяч приложе.

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

Как сделать, скачать и установить свой рингтон на iPhone Создание и установка рингтонов на Айфон – достаточно обсуждаемая тема для пользователей смартфонов Apple. Многие владельцы iPhone критикуют руководство «яблочной» компании за продвигаемую платную возможность скачивания мелодий на звонок посредством iOS-приложения iTunes Stor.

[Из песочницы] Быстрая интеграция с 1С: Предприятие В данной статье я расскажу о наиболее простом, на мой взгляд, способе интеграции сторонних приложений с конфигурациями 1С. Статья будет интересна в первую очередь разработчикам, пишущим на .Net Core, PHP и Python. Способов интеграции с 1С известно много, этому даже посвящен.

Как сделать свой 3D-аватар на любом Android-смартфоне Если у вас смартфон на Android и при этом вы смотрите с завистью на владельцев iPhone из-за того, что они могут создавать свои 3D-аватарки, сейчас же прекратите. У обладателей смартфона на популярнейшей в мире мобильной ОС тоже есть возможность создать свой собственный вирт.

Погружаемся в opensource-экосистему Android Disclaimer о том, что пост не призывает к радикальным формам фанатизмаКаждый выбирает свой «уровень погружения». Вам не обязательно следовать каждому пункту из этого поста. Моя цель — показать, насколько хорошо развита экосистема на данный момент и чего вы можете и не можете.

[Перевод] Google запустил «вознаграждения за просмотр рекламы» в приложениях Google объявили о новой функции, которую разработчики могут добавлять в приложения, «вознаграждения за просмотр рекламы». Идея заключается в том, чтобы стимулировать пользователей смотреть больше рекламы, поощряя их виртуальными товарами и внутриигровой валютой. Большое коли.

[Перевод] Пишем API для React компонентов, часть 6: создаем связь между компонентами Пишем API для React компонентов, часть 1: не создавайте конфликтующие пропсы Пишем API для React компонентов, часть 2: давайте названия поведению, а не способам взаимодействия Пишем API для React компонентов, часть 3: порядок пропсов важен Пишем API для React компонентов.

[Перевод] Создание калькулятора чаевых на Kotlin: как это работает? Рассказываем, как создать простое приложение для расчета чаевых на языке Kotlin. Если точнее, то Kotlin 1.3.21, Android 4, Android Studio 3. Статья будет интересной, в первую очередь, для тех, кто начинает свой путь в разработке Android-приложений. Она позволяет понять, ч.

Уязвимый Twitter API ставит под удар тысячи iOS-приложений Устаревший API-интерфейс, который многие iOS-приложения до сих пор используют для авторизации через Twitter, содержит уязвимость, позволяющую из положения «человек посередине» получить токен доступа OAuth и выполнять различные действия в соцсети от имени жертвы. По.

Talk to Ri: изучение английского языка для разработчиков Talk to Ri — приложение изучения английского языка для разработчиков и работающих в IT.

[Перевод] Есть ли что-то общее у разных песен-хитов? Если выполнить вход на Spotify.me, то можно получить персонализированную сводку того, как Spotify понимает вас через музыку, которую вы слушаете на этом сайте Spotify. Это круто! Я слушаю много музыки и люблю работать с данными, поэтому это вдохновило меня на попытку анали.

Инвестиции на бирже как способ сохранения финансов: 3 работающих способа Согласно статистике, на июль 2020 года наивысшая ставка по банковским депозитам в России не превышает 9,5% годовых, что не очень много. Других «пассивных» способов сохранения и приумножения денег тоже не так много – например, стоимость квадратного метра недвижимости в стол.

Слёрм DevOps: почему мы не будем обсуждать философию DevOps и что будет вместо нее Сегодня в Southbridge на планерке обсуждали бирюзовый менеджмент. Были те, кто предлагал двигаться сверху вниз, от идеи к практике. Мол, давайте внедрим философию бирюзового менеджмента: найдем эталон, примем решение о том, как должны делиться роли, как должна строиться комм.

Чего ждать от Android 11? Не успела Android 10 выйти, а весь мир уже вовсю обсуждает Android 11 Обновление для Android в 2020 году будет называться Android 11. И это не спекуляция, а факт, поскольку Google лично подтвердили это название. К тому же, мы недавно сообщали вам о том, какие обновления моби.

[Перевод] Пишем мультиязычное приложение на React Native Локализация продукции очень важна для международных компаний, осваивающих новые для себя страны и регионы. Аналогично локализация нужна и мобильным приложениям. Если разработчик начинает международную экспансию, важно дать пользователям из другой страны возможность работа.

TDD приложений на Spring Boot: тонкая настройка тестов и работа с контекстом Третья статья в цикле и небольшое ответвление от основной серии — в этот раз я покажу как устроена и как работает библиотека интеграционного тестирования Spring, что происходит при запуске теста и как можно тонко настраивать приложение и его окружения для теста. Читать дальш.

Как добавить ГИФ (.gif) в Инстаграм (в сторис или ленту) на iPhone или Android Говорят, что картинка может заменить собой тысячу слов. В таком случае хороший GIF-файл может сказать вообще миллион слов. ПО ТЕМЕ: У кого больше всех подписчиков в Инстаграм – 35 самых популярных аккаунтов. Если вы хотите поделиться коротким анимированным клипом, который бы.

Google Drive как хранилище для веб-приложения Предисловие Мое веб-приложение хранит данные в localStorage. Это было удобно, пока не захотелось, чтобы пользователь, заходя на сайт с разных устройств, видел одно и то же. То есть, понадобилось удаленное хранилище. Но приложение «хостится» на GitHub Pages и не имеет сервер.

Основы архитектуры приложений на Flutter: Vanilla, Scoped Model, BLoC (оригинал статьи на английском языке опубликован на Medium) Flutter предоставляет современный реактивный фреймворк, большой набор виджетов и тулов. Но, к сожалению, в документации нет ничего похожего на руководство по рекомендуемой архитектуре приложения для Android. Не сущ.

Samsung изменила анимацию приложений в One UI 2.0 Хорошо зарекомендовавший себя сетевой информатор под ником Ice Universe, который часто делится эксклюзивной информацией о новинках мобильной индустрии, опубликовал новые сведения о прошивке One UI 2.0. Напомним, на прошлой неделе Samsung запустила программу бета-тестир.

Лучшие программы для чтения электронных книг На сегодняшний день множество людей отказывается от обычных книг, напечатанных в типографии, в пользу их электронных аналогов. Да, ощущения от замены привычной бумаги на электронную, что называется, не те. И при этом есть масса различных специализированных электронных &#171.

Трактат о Pinе. Мысли о настройке и работе с пинами на С++ для микроконтроллеров (на примере CortexM) Последнее время я сильно увлекся вопросом надежности софта для микроконтроллеров, 0xd34df00d посоветовал мне сильнодействующие препараты, но к сожалению руки пока не дошли до изучения Haskell и Ivory для микроконтроллеров, да и вообще до совершенно новых подходов к разработк.

[Перевод] Dark mode теперь повсюду. Так ли он полезен? (в конце поста опрос) Дизайнеры одежды известны тем, что любят носить чёрное, но они не одиноки в этом: в 2020 году чёрный был самым популярным цветом в женской одежде, по данным компании Edited, занимая 36% рынка. Популярность тёмных оттенков вышла за границы моды и добралась до дизайна UX и UI.

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

[Перевод] Управление стейтом с помощью React Hooks – без Redux и Context API Всем привет! Меня зовут Артур, я работаю ВКонтакте в команде мобильного веба, занимаюсь проектом VKUI — библиотекой React-компонентов, с помощью которой написаны некоторые наши интерфейсы в мобильных приложениях. Вопрос работы с глобальным стейтом у нас пока открыт. Существу.

Kubernetes Operator на Python без фреймворков и SDK Go на данный момент является монополистом среди языков программирования, которые люди выбирают для написания операторов для Kubernetes. Тому есть такие объективные причины, как: Существует мощнейший фреймворк для разработки операторов на Go — Operator SDK. На Go написа.

[Перевод] Особенности рендеринга в игре Metro: Exodus c raytracing Предисловие После выхода последней игры из серии «Метро» я потратил несколько часов на изучение её внутренней работы и решил поделиться тем, что может показаться интересным с технологической точки зрения. Я не буду проводить подробный анализ или изучать дизассемблированный .

[Перевод] PostgreSQL 11: Эволюция секционирования от Postgres 9.6 до Postgres 11 Отличной всем пятницы! Все меньше времени остается до запуска курса «Реляционные СУБД», поэтому сегодня делимся переводом еще одного полезного материала по теме. В процессе разработки PostgreSQL 11 была проделана впечатляющая работа по улучшению секционирования таблиц. Секц.

Лучшее из опыта создания чистых и быстрых Angular приложений На написание этой статьи сподвигли поиски JavaScript front-end разработчиков в свою компанию в Ставрополе. Т.к. длительное время не удавалось найти толкового программиста и тогда мы решили запустить программу стажировки с большим количеством обучающего материала по Angular &.

[Перевод] Рассказ о решении проблемы с производительностью Moment.js Moment.js — это одна из самых популярных JavaScript-библиотек для разбора и форматирования дат. В компании WhereTo используют Node.js, поэтому для них применение этой библиотеки было совершенно естественным ходом. Проблем с серверным использованием Moment.js не ожидалось. В .

[Перевод] IntelliSense для C++ в Visual Studio теперь работает на основе примеров в вашем коде С тех пор, как мы анонсировали IntelliSense for templates, от вас поступили отличные предложения. Одно очень популярное предложение состояло в том, чтобы Template Bar автоматически заполнял вариант на основе примеров в коде. В Visual Studio 2020 версии 16.1 Preview 2 мы доба.

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

Меняем встроенную Android-клавиатуру на более удобную Совсем не обязательно использовать встроенную клавиатуру, ведь всегда можно найти кое-что получше Большинство пользователей Android обычно используют приложение клавиатуры, которое поставляется «в комплекте» с устройством. Тем не менее, в магазине Google Play есть .

Топ приложений для смены живых обоев на вашем Android-смартфоне Многим пользователям функция живых обоев в Android пришлась по душе. И на виртуальной торговой площадке от Google представлена масса приложений для замены этого элемента интерфейса. Но как не запутаться и выбрать что-то действительно стоящее? Давайте попробуем разобраться и.

[Перевод] Дорожная карта Android-разработчика в 2020 году Всем привет! У нас отличные новости. В этом месяце в Отус стартует базовый курс «Android-разработчик», а также «Специализация Android-разработчик», которая включает в себя целый пакет курсов. В связи с этим делимся с вами полезной статьей, перевод которой приурочен к данным .

Интернет казино Вулкан теперь на андроид! С развитием технологий стало возможным играть в различные развлекательные приложения на мобильных устройствах. Среди них, конечно же, особое место занимают виртуальные казино. Они позволяют не только отлично проводить свободное от работы время, но и в режиме реального времен.

Async/await в C#: концепция, внутреннее устройство, полезные приемы Доброго времени суток. В этот раз поговорим на тему, в которой начинал разбираться каждый уважающий себя адепт языка C# — асинхронное программирование с использованием Task или, в простонародье, async/await. Microsoft проделали хорошую работу — ведь для того, чтобы использов.

[Перевод] Пишем чистый и масштабируемый JavaScript-код: 12 советов Язык JavaScript родом из раннего веба. Сначала на нём писали простые скрипты, которые «оживляли» страницы сайтов. Теперь же JS превратился в полноценный язык программирования, который можно использовать даже для разработки серверных проектов. Современные веб-приложения силь.

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

[Перевод] Пишем API на Python (с Flask и RapidAPI) Если вы читаете эту статью, вероятно, вы уже знакомы с возможностями, которые открываются при использовании API (Application Programming Interface). Добавив в свое приложение один из многих открытых API, вы можете расширить функциональность этого приложения либо же допол.

Предварительный обзор Corsair Vengeance 5181. Мощный ПК Обычно пользователи весьма негативно высказываются о готовых компьютерах, так как это не самый оптимальный вариант и самостоятельно можно за те же деньги собрать отличную модель. Сегодня мы поговорим о компьютере, который смело развеял хот миф и оказался даже более выгодным .

Automaton — новая Android-игра для изучения основ программирования В конце прошлого года на iOS вышла 7 Billion Humans, в августе этого — while True: learn(), а сегодня состоялся релиз Automation. Свежий проект не сравнится с предыдущими своим внешним видом, но в своей основе имеет кое-что общее, что важнее графических изысков. Automation .

Популярная функция Instagram появится в WhatsApp WhatsApp и Instagram принадлежат Facebook уже довольно давно, однако совсем недавно последняя решила публично заявить об этом на весь мир (чтобы не осталось неосведомлённых), сообщив также, что в скором времени собирается объединить соцсеть, фотосервис и мессенджер в единое.

QVD файлы — что внутри QlikView и его младший брат QlikSense — замечательные BI инструменты, достаточно популярные у нас в стране и «за рубежом». Очень часто эти системы сохраняют «промежуточные» результаты своей работы — данные, которые визуализируют их «дашборды» — в так называемые «QVD файлы». .

Как быстро написать веб-сайт или веб-приложение и не увязнуть в сборщиках Это маленькое руководство описывает создание реактивного веб-приложения используя отрисовку на стороне сервера (Server-Side Rendering, SSR). Клиентская часть являет собой полноценное Vue-приложение, в моём случае используя шаблон MVVM. Серверное приложение работает на микроф.

Разработчик, помни — трафик твоего приложения смотрят На данный момент существует так много типов уязвимостей, что разработчики совсем забывают об элементарных из них. На днях мне удалось обойти авторизацию в новом приложении WOG (ТОВ «ВОГ РІТЕЙЛ» — вторая по величине сеть АЗС в Украине). В 2020 году, точно такую же уязвимость.

Мнение: Почему вам не стоит покупать iMac с HDD Многие пользователи при выборе потенциального компьютера отдают предпочтение моноблокам Apple. Большой качественный экран с высоким разрешением, отличная производительность и относительно компактный корпус. Всё это в совокупности делает iMac прекрасным выбором практически д.

Беспроводная носимая акустическая система Bose Soundwear Companion Популярная акустическая система Bose Soundwear лежит на ваших плечах и действует как личный виртуальный помощник. Его изящный дизайн и простая трехкнопочная система управления позволяют легко совершать звонки, получать доступ к Siri или Google Assistant или иметь собственную.

Xcode 10.2, macOS Mojave 10.14.4, iOS 12.1 и другие бета-версии Вышли новые беты Xcode, macOS Mojave и iOS — и вот основные моменты, которые я усвоил. Swift 5 для Xcode 10.2 beta Swift Прежде всего, последняя бета-версия Xcode идет в комплекте с новой версией Swift: Apple Swift 5.0 (swiftlang-1001.0.45.7 clang-1001.0.37.7) Target: x8.

Модульная разработка или путь туда, а не обратно Как мы пришли к новому подходу работы с модулями в iOS приложении RaiffeisenBank. Проблема В приложениях Райффайзенбанка каждый экран состоит из нескольких, максимально независимых друг от друга модулей. «Модулем» мы называем визуальный компонент, имеющий своё представлени.

Материалы с android-митапа: инструменты для автотестов | Yandex Mapkit 3 | дизайн приложений | Server Driven UI Привет! Это пост-отчёт с android-митапа, который недавно прошёл в офисе Авито. С коллегами из Озон, Surf, Revolut и Авито мы обсуждали интеграцию Yandex Mapkit 3, как быстро запускать фичи с Server Driven UI, какие инструменты выбирать для автотестов и как сделать дизайн при.

Управление компьютером через ПДУ от усилителя с помощью Arduino и Node.js Предисловие История начинается с того, что пол года назад я купил усилитель Yamaha A-S501. В комплекте с ним шёл пульт дистанционного управления, который мог управлять и усилителем, и ямаховским CD-плеером, которого у меня естественно не было. Поэтому большинство кнопок на .

Делаем свой Google Call Screening на основе Voximplant и Dialogflow Возможно, вы слышали или читали про функцию Call Screening, которую Google выкатил для своих телефонов Pixel в США. Идея отличная – когда вам поступает входящий звонок, то виртуальный ассистент начинает общаться, в то время как вы видите этот разговор в виде чата и в любой .

Xiaomi Redmi Note 7 стоит 140 долларов Официально представлен новый смартфон Xiaomi Redmi Note 7, который обладает громадным перечнем преимуществ и стоит всего 140 долларов. Да, у этой модели нет камеры на 48 мегапикселей, но есть отличный дисплей с диагональю 6,3 дюйма и даже отличным разрешением 2340 на 1080 то.

БК 10бет – одна из самых молодых, но перспективных букмекерских контор Великобритании Букмекерские конторы нынче пользуются очень большой популярностью практически во всем мире. Существует их достаточно много. Есть как очень популярные, так и не очень популярные конторы. Поговорим об одной из отличных контор, которая является не очень известной, но достаточно.

Instagram тестирует стикеры с текстами песен Похоже, Instagram тестирует новые стикеры для историй — тексты песен, которые воспроизводятся вместе с видео. Блогерша Джейн Манчун Вонг заметила эту функцию еще в апреле и продемонстрировала её в коротком видео в Twitter. В ролике слова появляются на экране во время песн.

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

4 приема, которые помогли нам оптимизировать frontend В трендах дизайна уже давно засели красивые анимации. UI-дизайнеры делают выверенные «карусели», загрузки, анимации меню и другие украшения, а frontend разработчики переводят их в код. Но сайт должен не только хорошо выглядеть, но и быстро работать. Современный «фронтенд» до.

Мастер Йода рекомендует:  Бизнес в интернете важные мелочи

[Перевод] Технические детали недавнего сбоя расширений Firefox Об авторе. Эрик Рескорла — технический директор группы Firefox в Mozilla Недавно в Firefox произошёл инцидент, когда большинство дополнений (расширений, аддонов) перестали работать. Это связано с ошибкой с нашей стороны: мы не заметили, что истёк срок действия одного из сер.

Три в ряд: топ-10 докладов Mobius 2020 Piter В День программиста делимся с мобильными разработчиками подборкой отличных докладов! В мае в Петербурге прошла конференция Mobius, а теперь мы опубликовали её видеозаписи — и для Хабра сделали подборку из десяти лучших (по зрительским оценкам). Темы очень разные — от масш.

В Google Camera 6.2 появилась темная тема и новые анимации Смартфоны Google Pixel на днях получили обновление для приложения Camera. Главным его нововведением стало появление […]

[Перевод] 8 ошибок начинающих JavaScript-разработчиков, мешающих стать профессионалом Быть JavaScript-разработчиком круто, поскольку на рынке труда постоянно растет нужда в хороших JS-программистах. В наше время очень много фреймворков, библиотек и прочего, что можно использовать в работе, — и в значительной степени мы должны быть благодарны за это opensou.

[Из песочницы] Secure Scuttlebutt — p2p социальная сеть, работающая и в оффлайне Scuttlebutt — сленговое слово, распространённое среди американских моряков, обозначающее слухи и сплетни. Node.js разработчик Доминик Тарр, живущий на паруснике у берегов Новой Зеландии, использовал это слово в названии p2p сети, предназначенной для обмена новостями и личным.

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

Uibook — инструмент для визуального тестирования React-компонентов с медиа-запросами Всем привет! Меня зовут Виталий Ризо, я фронтенд-разработчик в «Амплифере». Мы сделали Uibook — простой инструмент для визуального тестирования React-компонентов с реальными медиа-запросами. Расскажу, как он работает и чем может быть полезен вам. Читать дальше →

[Перевод] Kubernetes-приключение Dailymotion: создание инфраструктуры в облаках + on-premises Прим. перев.: Dailymotion — один из крупнейших в мире сервисов хостинга видео и потому заметный пользователь Kubernetes. В этом материале системный архитектор David Donchez делится итогами создания production-платформы компании на базе K8s, которая начиналась с облачной ин.

Что будет нового в Google Play после обновления Material Design – это стиль дизайна Android и приложений, разработанный компанией Google и впервые представленный еще в 2014 году. Material Design подразумевает пастельные цвета, плоские элементы, плавную анимацию переходов, отсутствие в интерфейсе острых углов и градиентов.


[Из песочницы] Руководство по организации архитектуры Android приложения Привет, Хабр! Представляю вашему вниманию вольный перевод «Руководство по архитектуре приложения (Guide to app architecture)» из JetPack. Все замечания по переводу прошу оставлять в комментариях, и они будут исправлены. Так же для всех будут полезны комментарии от тех кто ис.

Лайфхаки, которые помогут вам быстрее работать на Android-смартфоне Есть масса способов того, как более комфортно работать на Android Android-смартфоны с каждой новой версией операционной системы становятся все удобнее и удобнее. При этом Google добавляет в свой продукт очень много возможностей, которые упростят вашу жизнь и сделают работу н.

[Перевод] Как создать эффективные скриншоты для приложения в App Store Каким бы ни было мобильное приложение для App Store, оно должно быть представлено аудитории таким образом, чтобы повысить его популярность и тем самым увеличить кликабельность. А для этого необходимо создать такую рекламную страницу приложения, которая будет разительно отлич.

Холивар. История рунета. Часть 6. Блокировки: Лурк, Лента, 282-я и китайский путь Холивар. История рунета. Часть 1. Начало: хиппи из Калифорнии, Носик и лихие 90-е Холивар. История рунета. Часть 2. Контркультура: пАдонки, марихуана и Кремль Холивар. История рунета. Часть 3. Поисковики: Яндекс vs Рамблер. Как не делать инвестиции Холивар. История рунета. Ч.

Генетика и куры: белок CSF1-Fc человека в яичном белке Жили-были дед да баба. И была у них курочка Ряба. Снесла курочка яичко, да не простое, а генномодифицированное. Неожиданный поворот, правда? Но именно об этом и пойдет сегодня речь. Фармацевтика сильно изменилась за последние десятки, а то и сотни лет. Мы уже не пользуемся.

3 Амиго — способ коммуникации, для создания качественного продукта Представим ситуацию — тестировщик находит баг, начинает обсуждать его с разработчиком — а тот настаивает, что это не баг. Потому что в спецификации не было речи об этой функциональности. Знакомо? Или потому что требования были неоднозначно сформулированы и он их неправильно.

[Перевод] Опять [про то, как стать умнее] Повторение как основа для созидания В наши дни многие дизайнеры разрабатывают «умные» вещи, которые обещают улучшить и укрепить наш разум, производительность и благополучие. Мне лично нравится смещать акцент с того, чтобы делать вещи вокруг нас умнее, на то, чтобы мы станов.

8 лучших «противоугонных» приложений Ваш смартфон — это очень лакомый кусочек для воров. Причем чем более дорогой у вас смартфон, тем больше он может привлечь внимание нечистых на руку людей. Но и при наличии «средненького» по всем параметрам гаджета вы не будете в безопасности, ведь персональн.

Морти, мы в UltraHD! Как посмотреть любой фильм в 4K, дорисовав его через малоизвестную нейросеть Наверное, вы слышали про технологию Яндекса DeepHD, с помощью которой они как-то раз улучшили качество советских мультфильмов. Увы, в публичном доступе ее еще нет, а у нас, рядовых программистов, вряд ли найдутся силы написать свое решение. Но лично мне, как обладателю Retin.

Cascadeur: предсказание позы персонажа по шести точкам Хотим в общих чертах рассказать про первые достижения с deep learning в анимации персонажей для нашей программы Cascadeur. Во время работы над Shadow Fight 3 у нас накопилось много боевой анимации — около 1100 движений средней длительностью около 4 секунд. Нам давно казало.

Генерация документов с помощью ONLYOFFICE DocumentBuilder Привет, Хабр. Я хочу рассказать об утилите под названием DocumentBuilder, которая позволяет генерировать документы, таблицы и презентации, а также показать, как можно его использовать для решения ваших задач, на примере создания резюме из шаблонов. Работает билдер следующи.

[Перевод] Дизайн декбилдинга в видеоиграх Карточные игры и элементы декбилдинга (построения колоды) используются в видеоиграх уже давно, иногда смешиваясь с известными жанрами для создания нового, но в то же время знакомого игрового процесса. Разработчики разными способами экспериментируют с этим поджанром, то созд.

Как заставить ваш Android-смартфон работать также быстро, как после покупки Со временем любой смартфон начинает работать медленнее. Конечно, причиной могут стать вирусы или другие вредоносные программы. Но даже если мы следим за своими гаджетами, ухудшение работы рано или поздно может произойти. И в этом случае вовсе не обязательно бежать в магазин.

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

Монолит для сотен версий клиентов: как мы пишем и поддерживаем тесты Всем привет! Я бэкенд-разработчик в серверной команде Badoo. На прошлогодней конференции HighLoad я выступал с докладом, текстовым вариантом которого и хочу поделиться с вами. Этот пост будет наиболее полезен тем, кто самостоятельно пишет тесты для бэкенда и испытывает пр.

[Перевод] Новости из мира OpenStreetMap № 481 (01.10.2020-07.10.2020) Панегирик в честь Mapquest 1 | Mapquest Mapbox – Map data OpenStreetMap contributors Картографирование Ричард Фэрхуст в списке рассылки Talk обращает внимание на тот факт, что большинство маршрутов EuroVelo серьезно устарели. Последние несколько лет библиотеки игрушек в OS.

Лучшие Android-приложения для поиска текстов песен Знаете лишь пару строчек из песни? Не проблема. Эти приложения помогут вам найти нужный трек! Если вам нужно распознать песню, которая играет в данный момент, то вы, наверняка, в курсе того, какие программы для этого использовать. Тем более, что мы недавно делали подборку по.

Apple показала, как ее рекламные ролики полностью снимаются, редактируются и анимируются с использованием только планшета iPad Pro Компания Apple опубликовала следующий видеоролик, в котором демонстрируется, каким образом создавались ее последние рекламные ролики, связанные с новым планшетом iPad Pro. Производитель утверждает, что рекламные ролики целиком и полностью создавались на iPad Pro, начина.

Google работает над ARCVM, новым способом запуска Android-приложений в Chrome OS В течение последних нескольких лет на многих устройствах Chromebook можно было установить магазин Google Play и запускать приложения для Android. Это дало Chrome OS возможность стать чем-то большим, нежели просто не очень популярной операционной системой, основанной на попу.

Лучшие программы для создания музыки на Android На сегодняшний день для того, чтобы сочинять музыку, вам вовсе не нужны дорогостоящие инструменты, мощные синтезаторы, крайне производительный компьютер с софтом, который стоит заоблачных денег, и так далее. Вам достаточно лишь иметь у себя смартфон под управлением Android .

[Из песочницы] Антипаттерны в React или вредные советы новичкам Привет, Хабр. Ровно год прошел с момента, как я начал изучать React. За это время я успел выпустить несколько небольших мобильных приложений, написанных на React Native, и поучаствовать в разработке web-приложения с использованием ReactJS. Подводя итог и оглядываясь назад н.

[Из песочницы] Подводные камни разработки Google Play Instant Привет, Хабр! Меня зовут Камо Сперцян, я занимаюсь Android-разработкой в PROFI.RU. Недавно я написал приложение с мгновенным запуском для наших клиентов. Если вы ещё не знакомы с технологией, приглашаю вас сначала посетить Android Developers. С презентации Instant Apps (G.

Реалистичная анимация персонажей в играх с помощью ИИ Разработчиками из Эдинбургского Университета представлен новый алгоритм для создания реалистичных движений персонажей в играх. Обученная на Motion Capture траекториях нейросеть пытается копировать движения реальных людей, но при этом адаптирует их под персонажей видеоигр. .

Приложение Google Фото скоро получит массу новых функций Не каждый день пользователям мобильных устройств предоставляется возможность рассказать, какие функции они хотели бы видеть в том или ином приложении, но, к счастью, Google иногда предоставляет нам такую возможность. Так, недавно главный менеджер по продукту Google Фото спр.

Как помочь ребенку выучить алфавит с помощью iPhone или iPad Дети обожают играть на iPad. Но можно превратить инструмент из игрушки в учебник В последнее время мы уделяем достаточно много внимания самой младшей аудитории нашего сайта, публикуя обзоры и обновления приложений для самых маленьких. К сожалению, стоящих проектов для детей .

Практическое применение трансформации AST-деревьев на примере Putout Введение Каждый день при работе над кодом, на пути к реализации полезного для пользователя функционала, становятся вынужденные (неизбежные, либо же просто желательные) изменения кода. Это может быть рефакторинг, обновление библиотеки или фреймворка до новой мажорной версии, .

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

Android Academy в Москве: Advanced Course Всем привет! Лето — это отличное время года. Подошли к концу Google I/O, Mobius и AppsConf, а многие студенты уже закрыли или вот-вот уже закончат сдавать сессии, все готовы выдохнуть и наслаждаться теплом и солнцем. Но только не мы! Мы долго и упорно готовились к этому м.

5 причин начать использовать Google Keep прямо сейчас Google Keep — очень удобный инструмент для самоорганизации Google Keep — это приложение для создания заметок. Но так кажется лишь на первый взгляд. На самом деле — это настоящий «медиакомбайн», который может не хило упростить вам жизнь и дать возм.

[Перевод] Собственная реализация библиотеки ECS На этой неделе я начал работать над своим движком для игры Vagabond и приступил к реализации шаблона entity-component-system. В этой статье я хочу рассказать о своей реализации, которая свободно доступна на GitHub. Но вместо простого комментирования кода я хочу объяснить, .

[Перевод] Занимательная практика для разработчика Человек остается начинающим в течение 1000 дней. Он находит истину после 10000 дней практики. Это цитата Оямы Масутацу, которая довольно хорошо излагает суть статьи. Если вы хотите быть классным разработчиком — приложите усилия. В этом весь секрет. Проводите много часов за к.

Просто о внутренних и внешних настройках для приложения в Unity3D Введение Здравствуйте уважаемые читатели, в сегодняшней статье хотелось бы поговорить о настройках и конфигурировании игровых приложений, создаваемых в среде Unity3d. По традиции начну с предыстории. За время работы в игровой индустрии я разрабатывал различные проекты, с р.

[Из песочницы] Применение Go в производственных системах. Валидаторы Добрый день, Хабр! Я довольно часто начинаю утро с просмотра хабра и наконец решил внести свой вклад в данный процесс изучения интересного. Если всё сложится, то это первая моя статься из цикла применения языка GO на производственных системах. Я хочу рассказать некоторые т.

Почувствуйте себя хакером с этими приложениями для Android Android-смартфон — это не просто удобный гаджет, но еще и инструмент для взлома Android является, пожалуй, самой популярной операционной системой в мире. По всей видимости, именно это вдохновило различных разработчиков на создание ряда хакерских приложений для этой ОС.

[Из песочницы] Назад в будущее с WebAssembly Привет, Хабр! Представляю вашему вниманию перевод статьи «Back To The Future With WebAssembly» автора Attila Vágó. Данный пост является переводом статьи, в которой рассказывается о свойствах WebAssemly и Emscripten. Оригинал статьи на английском языке. Автор статьи Аттила .

JSON API – работаем по спецификации В последнее время веб-разработка разделилась. Теперь мы все не full-stack программисты — мы фронтендеры и бэкендеры. А самое сложное в этом, как и везде, это проблема взаимодействия и интеграции. Фронтенд с бэкендом взаимодействуют через API. И от того, какой это API, наско.

[Из песочницы] Функциональные компоненты с React Hooks. Чем они лучше? Относительно недавно вышла версия React.js 16.8, с которой нам стали доступны хуки. Концепция хуков позволяет писать полноценные функциональные компоненты, используя все возможности React, и позволяет делать это во многом более удобно, чем мы это делали с помощью классов. М.

[Перевод] Почему все мои игры выглядят так отстойно Мы потратили на создание этой игры несколько лет. От неё зависит будущее нашей семьи. Почему же она так ужасно выглядит? Я уже 25 лет зарабатываю на жизнь написанием инди-игр. У нас с женой есть небольшой семейный бизнес. Мы создаём низкобюджетные ролевые игры в ретро-стил.

Эффективное управление подключениями SignalR Здравствуй, Хабрахабр. В настоящий момент я работаю над созданием движка чата в основе которого лежит библиотека SignalR. Помимо увлекательного процесса погружения в мир real-time приложений пришлось столкнуться и с рядом вызовов технического характера. Об одном из них я и х.

Отличная электроника для ускорения вашего компьютера или ноутбука с AliExpress Сегодня мы поговорим об гаджетах с отличными характеристиками для ускорения вашего ПК или ноута. Они точно будут вам полезны. Принимайте эстафету и делитесь в комментариях информацией о своих самых лучших покупках на AliExpress.

Kotlin DSL, Fixtures и элегантные UI тесты в Android Когда познакомился с Kotlin DSL, подумал: отличная штука, жалко в продуктовой разработке она не пригодится. Однако, я был неправ: он нам помог сделать очень лаконичный и элегантный способ написанная End-to-end UI тестов в Android. Читать дальше →

[Перевод] Google Play Store переходит на стандартизацию значков приложений Google объявил, что разработчики приложений, отправляющие свои приложения в Google Play Store, должны будут соответствовать определенным спецификациям, когда дело доходит до дизайна значка их приложения. Спецификация вынудит разработчиков обновлять «магазинный» значок своего.

2. Анализ логов Check Point: SmartEvent Здравствуйте, коллеги. В прошлый раз, в статье «1. Анализ логов Check Point: официальное приложение Check Point для Splunk» мы обсуждали разбор логов шлюза безопасности на основе официального приложения в системе логирования Splunk. В заключении пришли к выводу что хоть пр.

В Dota 2 добавили Arcana на Earthshaker В ночь на 24 мая Valve выпустила обновление для Dota 2, в котором добавила Acrana для Earthshaker. Она меняет модель персонажа, иконки и анимации способностей, озвучку, а также имеет второй стиль. Получить предмет можно только при достижении 365 уровня Боевого пропуска к The.

Chrome Audit на 500: Часть 1. Лендинг В инструментах разработчика браузера хром есть вкладка «Audit». На ней расположился инструмент который называется Lighthouse, служит он для анализа насколько хорошо сделано веб приложение. Недавно я решил протестировать одно приложение и ужаснулся результатам. Сразу по нес.

Темы для Android, которые изменят ваш смартфон до неузнаваемости Меняем внешний вид Android так, как нам хочется! Есть масса способов кастомизировать внешний вид вашего Android-смартфона. Какое-то время назад мы рассказывали вам о программах-лаунчерах. Обязательно ознакомьтесь с этой статьей, так как без лаунчеров установить прекрасные те.

Google анонсировала запуск конкурента Apple Arcade Вчера Google объявила о запуске нового игрового сервиса под названием Google Play Pass, который дает пользователям Android доступ к более чем 350 играм и приложениям без рекламы за $4,99 в месяц. Уж больно напоминает Apple Arcade, не правда ли. Сервис Google, как и Apple Arc.

Шестерни в Box2D Добрый день, дорогой читатель! Это уже четвертая статья по Box2D. И здесь я предложу готовое решение для программистов. Мне самому нужны были шестерни для моего проекта, и я сделал 4-х, 6-и, 12-и и 24-х зубчатые колеса. Код занял 2115 строк, 4 дня работы. И я хочу поделиться.

Когда почта доставляет: боремся с потерями push-уведомлений в iOS Со стороны пользователя почтовый клиент — приложение нехитрое. Разработчики Яндекс.Почты даже шутят, что в приложении всего три экрана: список писем; отправка письма; экран about. Но очень много интересного происходит под капотом. Как многие мобильные приложения, Почта испо.

[Перевод] Примеры C++ кода до и после Ranges Снова здравствуйте. Перевод следующего материала подготовлен специально для студентов курса «Разработчик C++», занятия по которому стартуют уже 27 июня. Библиотека Ranges была принята в C++20 на совещании стандартного комитета в Сан-Диего в ноябре прошлого года. Библиотек.

[Из песочницы] От идеи мобильного приложения до MVP, в который вложатся инвесторы Введение Как создать MVP приложения, в который вложатся инвесторы Шаг 1. Составить требования Шаг 2. Выбрать компанию-разработчика Шаг 3. Создать ТЗ и собрать прототип для фокус-групп Шаг 4. Разработать и протестировать приложение Шаг 5. Опубликовать приложение Как найти.

Как мы делали красивую анимацию поезда На прошлой неделе мы сделали ребрендинг – приложение Captain Train превратилось Trainline. Это означает, что нам пришлось изменить цвета, иконки, все пустые экраны и… анимации, чтобы они соответствовали нашему новому бренду.

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

Как организовать работу над библиотекой общих компонентов Если ваша компания делает несколько продуктов в едином стиле, однажды вам в голову придет идея сделать библиотеку с общим кодом. Например, с UI-компонентами, сервисом авторизации или для работы со сторонними API. Возможно, вы зададитесь вопросами: кто должен поддерживать это.

В Калькуляторе Windows 10 появилась функция «Всегда сверху» Ранее в этом году Microsoft открыла исходный приложение Windows Calculator, и компания приглашала независимых разработчиков внести свой вклад в создание этого важного инструмента.После этого шага разработка калькулятора продвинулась вперед, и Microsoft недавно анонсировала р.

Gmail для Android получил темную тему В этом году разработчики Android и iOS, а также приложений для этих операционных систем, сосредоточились на создании темных тем, которые снижают нагрузку на глаза пользователей и продлевают время работы мобильных устройств без подзарядки (справедливо только для экранов&.

Бесплатные приложения и скидки в App Store | 11 февраля Easy Spending (Бесплатно) | Amount (75 руб.) | AR Ruler & Tape Measure (75 руб.) Ежедневно мы вручную отбираем для вас лучшие предложения из App Store, которые становятся бесплатными или распространяются с большой скидкой. Каждый день новые и лучшие приложения для ваших.

Применение машинного обучения и Data Science в промышленности Хабр, привет. Написал пост, который идёт строго (!) в закладки и передаётся коллегам. Он со списком блокнотов и библиотек ML и Data Science для разных отраслей промышленности. Все коды на Python, и размещены на GitHub. Они будут полезны как для расширения кругозора, так и дл.

[Перевод] Тренинг Cisco 200-125 CCNA v3.0. День 28. Углубленное изучение AСL Сегодня мы продолжим тему видеоурока 27-го дня и займемся углубленным изучением ACL: мы немного поговорим об обратной маске Wildcard Mask, расширенном списке ACL, настройке расширенного списка ACL и командах, помогающих диагностировать неполадки в дизайне сети. На предыдущем.

[Перевод] Я нашёл отличного программиста по имени Стив Возняк Давным-давно, когда компьютеры были большими, а бизнес скучным, произошло нечто неожиданное. Молодые хакеры нашли способ собрать персональные компьютеры на дешёвых микропроцессорах от телетайпов и светофоров. Одним из них был Стив Возняк. Эти ребята восприняли ограничения св.

4 способа слушать музыку на вашем Android-смартфоне Сегодня большинство пользователей, прослушивая музыку, даже не задумываются о выборе специализированного устройства, ограничиваясь лишь своим собственным смартфоном. Все что нужно — это лишь вставить наушники в ваш смартфон (или подключить их по Bluetooth) и использов.

Алиса приобретает навык В этой статье речь пойдёт о голосовых интерфейсах (Voice User Interface — VUI), а также будет показано, как на Node.js можно создать приложение (навык — в терминологии платформы Яндекс.Диалоги) для голосового помощника Алисы. С помощью стороннего API наше приложение будет .

Небольшая история о том, как удобство иногда стреляет в колено Артем Азарьев, руководитель направления центра компетенций дистанционных каналов обслуживания дирекции информационных технологий МКБ Привет, Хабр! Меня зовут Артем Азарьев, я тимлид Android-команды Московского кредитного банка, и сегодня хочу поговорить о безопасности при.

Разрабатываем приложение, которое отсылает данные другим приложениям (экосистемное приложение) Привет, хаброжители! Это моя вторая статья про разработку своего проекта. Тем, кто не читал предыдущая статейку: она про то, как из одного места (гугл таблицы) автоматически экспортировать данные в другое (ноушн). Сегодня я расскажу, как я писал (и проектировал) библиотеку.

Ускоряем Ansible с помощью Mitogen Ansible стал одним из самых популярных Configuration Management систем. После того как был куплен Red Hat в 2015 году число участников проекта превысило тысячи и Ansible стал наверное самым используемой системой развертывания и оркестрации. Его широкие области применения оче.

Google Pay подружился с Gmail, и вот как это работает Google пытается создать целую экосистему, которая позволит пользователям получать доступ к любой важной информации практически из любого Google-приложения. Gmail уже был интегрирован со многими другими фирменными приложениями компании, но помимо Google преимущества в этом з.

gui приложение для задачи о ходе коня Это туториал по созданию интерактивного приложения для решения задачи о ходе коня на языках processing и p5.js Посмотреть саму программу можно здесь. Для управления «конём» используется метод mouseDragged(); пример программы, использующей этот метод здесь. Отмена хода осуще.

[Из песочницы] Первое рабочее место или как начать разработку API на Node.js Введение В данной статье хотел бы поделиться своими эмоциями и приобретенными навыками в разработке первого REST API на Node.js с использованием TypeScript, как говорится, с нуля. История достаточно банальная: «Закончил университет, получил диплом. Куда же пойти работать?» К.

Это приложение поможет вам починить поломанные уведомления на Android Google делает все возможное, чтобы сделать уведомления Android как можно более полезными и информативными. Однако сейчас в свете работы над новой версией Android Q и массой других проектов, улучшение этой (будем честны) не самой жизненно важной функции приостановлено. Но ес.

Дайджест интересных материалов для мобильного разработчика #299 (20 — 26 мая) Этот выпуск нашего дайджеста затрагивает вопросы деления пиццы, работы CarPlay, обсуждает Google I/O, развитие приложений в 2020, консоль-шарманку и ошибки пуш-уведомлений. Читать дальше →

Дайджест интересных материалов для мобильного разработчика #311 (12 — 18 августа) В новом дайджесте мы обсуждаем подготовку приложений к iOS 13 и Android Q, работу протокола QUIC, отсутствие инновационных приложений в Google Play и в целом его работу, магазин приложений от Huawei и многое другое. Присоединяйтесь! Читать дальше →

Особенности проверки гипотез для мобильных приложений Сколько времени занимает проверка гипотезы для мобильного приложения? Давайте посчитаем: Разработка приложения, работающего в разных режимах для разных групп пользователей. Тестирование результата. Выкладывание приложения в магазины приложений и ожидание одобрения. Ожидани.

Интересные материалы для разработчика мобильных приложений #247 (18-26 февраля) На этой неделе мы обсуждали известность российских команд мобильной разработки, создание звука, переписывание кода, проблемы игроков и самые популярные приложения, сломавшиеся кроссовки и, конечно, состояние экономики приложений. Добро пожаловать в наш новый дайджест интерес.

Computex 2020: приложение ASUS Glamorfy позволяет изменять внешность пользователя На этой неделе в Тайбэе прошла крупнейшая в мире компьютерная выставка Computex 2020. Здесь же Советом по развитию внешней торговли Тайваня (Taiwan External Trade Development Council, TAITRA) и Компьютерной ассоциацией Тайбэя (Taiреi Computer Association, TCA) была организов.

Интерактивные таблицы, графики и диаграммы на Mac без установки Excel (Эксель): Как создавать на macOS Таблица и график – отличный способ сделать данные наглядными. Но их можно сделать и ещё лучше, если превратить статичную картинку в динамическую. Как это сделать? ПО ТЕМЕ: Как сохранять файлы Pages в формате Word (doc, docx) на Mac, iPhone, iPad или Windows. Нам поможет бесп.

Как изменить тему на Samsung Galaxy Одной из вещей, которая нравится пользователям в платформе Android, является то, что она намного больше поддаётся всяческой настройке и кастомизации, чем другие ОС. Смартфоны Samsung, работающие под управлением One UI, фирменным ПО южнокорейского производителя, созданного н.

Как сделать два приложения из одного. Опыт Тинькофф Джуниор Привет, меня зовут Андрей и я занимаюсь приложениями Тинькофф и Тинькофф Джуниор для платформы Android. Хочу рассказать о том, как мы собираем два похожих приложения из одной кодовой базы. Тинькофф Джуниор — это мобильное банковское приложение, ориентированное на детей .

[Перевод] Использование коэффициента отклоненных дефектов для улучшения отчета об ошибках Отличной всем пятницы, друзья! В конце июня мы запускаем новую группу по курсу «QA-специалист», этому и будет посвящена сегодняшняя публикация. Существует множество показателей по которым можно измерить эффективность работы команды тестировщиков. Одним из них является коэ.

ФАС возбудила очередное дело против Apple Подавать на Apple в суд и жаловаться на нее компетентным органам давно стало надежным способом для мелких разработчиков прославить себя и свой продукт. Даже если выиграть дело не получится, можно рассчитывать на повышение цитируемости в СМИ, что в конечном итоге все равно д.

[Из песочницы] Как работает конфигурация в .NET Core Давайте отложим разговоры о DDD и рефлексии на время. Предлагаю поговорить о простом, об организации настроек приложения. После того как мы с коллегами решили перейти на .NET Core, возник вопрос, как организовать файлы конфигурации, как выполнять трансформации и пр. в новой .

Summer Droid Meetup Привет! Приглашаем android-разработчиков на наш Summer Droid Meetup. 3-е августа, Сад Эрмитаж, Каретный ряд, д 3, стр 6, «Веранда 32.05». Начало в 12:00. Программа митапа «Сбор и анализ неординарных данных Android-приложения», Дмитрий Васильев, FunCorp О докладе Доклад .

[Перевод] Учим английский: 7 практических способов расширить словарный запас Одна из важнейших задач при изучении иностранного языка – это не только практика с грамматикой, но и расширение словарного запаса. Чем больше слов вы знаете, тем в большем количестве ситуаций сможете объясниться – даже если у вас большие проблемы с артиклями и формирование.

VARGO ZHUOYUE 3 отдают по акции Мы всегда рекомендуем приобретать смартфоны, да и любую другую электронику, во время проведения каких-то акций. Это позволяет получить смартфон с приличной скидкой и сэкономить довольно много личных средств, чтобы потом на эти деньги купить какие-то аксессуары или чехлы, нап.

[Из песочницы] Как работают веб-приложения Это статья для начинающих разработчиков и тех, кто хочет немного ориентироваться в терминах и технологиях современных веб-приложений. В статье написано о том, чем веб-приложения отличаются от сайтов, какие бывают веб-приложения, из чего они состоят и как работают. Читать да.

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

[Из песочницы] GridmiAPI — простая и гибкая библиотека Android для работы с REST&RPC Здравствуйте, хабровчане! Когда занимаешься разработкой сетевых приложений под платформу Android, понимаешь, что одно и другое приложение похоже друг на друга. С этой мыслью у большинства разработчиков инициализируется и другая мысль — «Почему бы мне не использовать какие-л.

Blitz Engine & Battle Prime: ECS и сетевой код Вступление Battle Prime — первый проект нашей студии. Несмотря на то, что многие члены команды имеют приличный опыт в разработке игр, мы, естественно, сталкивались с разными сложностями во время работы над ним. Они возникали как в процессе работы над движком, так и в процес.

[Перевод] Unstated-next: минималистичное управление состоянием React-приложения 200 байт для управления состоянием React-компонентов React-хуки: это все, что нужно для управления состоянием.

200 байт, min+gz. Знакомый API: просто пользуйтесь React, как обычно. Минимальный API: хватит пяти минут, чтобы разобраться. Написан на TypeScript, чтобы обеспечи.

Google Recorder — революция в мире диктофонов Компания Google вчера представила смартфоны Pixel нового поколения. Но кроме самих аппаратов, конечно, уделила немало внимания программным продуктам. В частности, приложению Recorder. Формально это диктофон, но у него есть одна уникальная особенность. Приложение умеет .

[Перевод] «Пятнашка» на Java — как разработать полноценную игру «Пятнадцать», или «Пятнашка» — отличный пример простой логической игры, популярной во всем мире. Для того чтобы решить головоломку, необходимо расставить квадратики с цифрами по порядку, от меньшего к большему. Это непросто, но интересно. В сегодняшнем туториале показыв.

Обновление MIUI научит смартфоны Xiaomi заряжаться, как флагманский Mi 9 Компания Xiaomi представила очередное обновление для оболочки MIUI в своих смартфонах. На данный момент функция доступна только глобальной бета-версии MIUI Global Beta ROM 9.4.11 и появится в стабильной глобальной прошивке в одном из следующих релизов. Глав.

Реверс-инжиниринг приложений после обфускации (Часть 2) Введение Данная публикация направлена на изучение некоторых приемов реверс-инжиниринга. Все материалы представлены исключительно в ознакомительных целях и не предназначены в использовании в чьих-либо корыстных целях. Рекомендуется к протчению после первой части Если хирург.

Работа с камерой во Flutter Возможность задействовать камеру существует во многих приложениях, и мы все регулярно пользуемся ею. Во Flutter мы можем реализовать работу с камерой с помощью двух официальных плагинов: camera image-picker Между ними – заметная разница, и использовать их стоит по ситуации.

[Из песочницы] Python + Raspberry Pi + Pixhawk и квадрокоптер. Или как не надо делать роботов Привет, Хабр! Меня зовут Алексей, уже 7 лет я ведущий разработчик Smart TV-решений в крупной компании из Ижевска, занимающейся заказной разработкой. Каждый год у нас проводится конкурс новогодних украшений, и каждый раз мы ничего не украшаем, а пилим всякие технологичные шт.

17 способов проникновения во внутреннюю сеть компании Безопасность. Слово означающие защищённость человека или организации от чего-либо/кого-либо. В эпоху кибербезопасности мы всё чаще задумываемся не столько о том, как защитить себя физически, сколько о том, как защитить себя от угроз извне (киберугроз). Сегодня мы поговорим.

[Из песочницы] Почему вам стоит выкинуть MVP из своих проектов Всем привет! Сегодня я бы хотел поговорить об архитектуре Android-приложений. На самом деле я не очень люблю доклады и статьи на данную тему, но недавно ко мне пришло осознание, с которым я бы хотел поделиться. Читать дальше →

А вы на что готовы за айфон? На что вы готовы за айфон? Знаю, вы – отличный специалист, с хорошей зарплатой, уважающий себя и, возможно, не уважающий продукцию Apple вовсе. Вы можете купить айфон с одной зарплаты, и даже не заметить ущерба. А если на вашей работе начнут давать айфон каждый месяц за… Ну.

Названа главная ошибка Samsung в 2020 году В последние несколько лет производительность современных смартфонов уже вышла на тот уровень, что даже выпущенный пару лет назад смартфон в большинстве приложений ведет себя примерно так же, как и самый современный флагман. Производители мобильных устройств вынуждены ис.

[Перевод] Лучшие практики и инструменты при разработке iOS приложений Разрабатывая мобильные приложения, мне не раз приходилось создавать проекты с нуля. При этом я и моя команда всегда тратили много времени на основную настройку проекта, такие как интеграция сторонних инструментов, настройка структуры проекта, написание базовых классов, интег.

Google убивает Голосовой поиск на Android До всем известного Ассистента у Google был так называемый «Голосовой поиск», который также был тесно интегрирован с обычным Google Поиском. За последние несколько лет все инновации «поискового гиганта» были сосредоточены в основном на Google Ассистенте, и поэтому сейчас ком.

Как обновить сервисы Google Play Все, что установлено на вашем Android-смартфоне, неразрывно связано с Google Play. Но и этот сервис для поиска интересующих вас приложений нуждается в обновлении (и он не всегда обновляется вместе со свежим апдейтом ОС). Поэтому для большей безопасности, рекомендуется иметь.

Опенсорс-решение для автоматизации отчетности Разработчикам сайтов и мобильных приложений часто нужно управлять подготовкой PDF-страниц к выводу на печать или их отправкой клиентам на почту. У PDF-файлов есть полный контроль над отображением текста и графическими изображениями на странице. К сожалению, библиотеки для г.

Samsung Galaxy M30s анонсирован Компания Samsung, видимо, поняла, что на рынке флагманов очень тяжело драться с игроками вроде Apple или Huawei, а вот на рынке бюджетных смартфонов и устройств среднего класса очень даже можно. Производитель просто бьет по данному сегменту со всех стволов и побеждает любых .

В популярной библиотеке для создания файлов PDF нашли опасный баг Проблема была исправлена еще в прошлом году, но многие сайты и веб-приложения по-прежнему уязвимы.

В Windows 10 можно будет запускать Win32-приложения в смешанной реальности Технология Windows Mixed Reality в Windows 10 уже существует и она позволяет полнее погрузиться в игру или представить себя в кинотеатре с MR-гарнитурой. Однако некоторым может потребоваться запуск обычных приложений, вроде аудиоплеера, PowerPoint или браузера. Смеш.

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

Что в Smart TV тебе моем? Или что можно запихнуть в телевизор? Вместо предисловия Добрый день, коллеги! Меня зовут Алексей и я занимаюсь телевизорами, а именно, разработкой Smart TV приложений («давайте похлопаем Алексею»). Но что такое Smart TV? Какое оно, сферическое Smart TV приложение в вакууме? Не буду томить вас ожиданием: в осн.

[Перевод] Тренинг Cisco 200-125 CCNA v3.0. День 34. Расширенная концепция VLAN Мы уже рассматривали локальные сети VLAN в видеоуроках День 11, 12 и 13 и сегодня продолжим их изучение в соответствии с тематикой ICND2. Я записал предыдущее видео, которое ознаменовало окончание подготовки к сдаче экзамена ICND1, несколько месяцев назад и все это время до .

Две стороны WebView: о быстром запуске проектов и краже персональных данных Привет, Хабр! Меня зовут Евгений, я Full Stack JS разработчик, текущий стек Node.js + React + React Native. В разработке я более 10 лет. В мобильной разработке пробовал разные инструменты от Cordova до React Native. Получив опыт работы с Cardova, я понял, что мне хотелось .

Дайджест интересных материалов для мобильного разработчика #287 (18 февраля — 24 февраля) На этой неделе мы обсуждали известность российских команд мобильной разработки, создание звука, переписывание кода, проблемы игроков и самые популярные приложения, сломавшиеся кроссовки и, конечно, состояние экономики приложений. Добро пожаловать в наш новый дайджест интерес.

Пользователи iOS 13 испытывают проблемы с запуском приложений из iTunes Системная ошибка мешает запускать приложения отличные от стандартных

Apache Kafka + Spring Boot: Hello, microservices Привет, Хабр! В этом посте мы напишем приложение на Spring Boot 2 с использованием Apache Kafka под Linux, от установки JRE до работающего микросервисного приложения. Коллеги из отдела фронтэнд-разработки, увидевшие статью, сетуют на то, что я не объясняю, что такое Apache .

Что представляет из себя новый интерфейс в сборке Xbox One Build 18362 Компания Microsoft неожиданно для обозревателей выпустила новую панель Xbox в каналах Xbox Alpha и Skip Ahead. Давайте посмотрим, что она из себя представляет.На прошлой неделе Microsoft представила нечто под названием Home Experiment. Компания тестирует новую панель для игр.

Предварительный обзор Zotac GeForce GTX 1660 AMP. Новая легенда Недавно компания NVIDIA анонсировала релиз своей новой видеокарты GeForce GTX 1660, а сегодня компания Zotac уже показала свое решение в этой области. Новинка получилась довольно компактной, производительность, с отличным охлаждением и, если верить тестам, это действительно .

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

[Из песочницы] F-strings или как сделать код чуть более быстрым и читаемым В Python есть 3 способа форматировать строки, и один из них лучше других. Но не будем забегать наперед — о каком именно форматировании вообще речь? Каждый раз когда мы хотим поприветствовать пользователя по имени нам нужно вставить строку с именем в строку-шаблон. Большинс.

Жесты Android 10 будут доступны и в сторонних лаунчерах Google делает шаг навстречу любителям кастомизации Одно из самых значимых нововведений свеженькой Android 10 — это крайне удобная система жестовой навигации, которая не просто упрощает взаимодействие со смартфонами, но и «дарует» уникальные новые возможности.

Google упростила создание Android-приложений на Chromebook Во время проведения прошлогодней конференции для разработчиков компания Google объявила о добавлении поддержки Linux в Chrome OS, что значительно облегчило веб-разработчикам и Android-разработчикам использование Chromebook в качестве рабочего инструмента. Год спустя компания.

C/C++ из Python (C API) Продолжаем тему как вызывать C/C++ из Python3. Теперь используем C API для создания модуля, на этом примере мы сможем разобраться как работает cffi и прочие библиотеки упрощающие нам жизнь. Потому что на мой взгляд это самый трудный способ. Читать дальше →

[Перевод] SVG фильтры 101 Это первая статья в серии об SVG фильтрах. Это руководство поможет понять, что это такое, и покажет, как использовать их для создания собственных визуальных эффектов. CSS в настоящее время предоставляет нам способ применения цветовых эффектов к изображениям, таких как насыщ.

Новая версия OxygenOS для OnePlus 6 и OnePlus 6T улучшает работу приложений Screen Recorder, Weather и Phone Компания OnePlus, которая только на прошлой неделе выпустила обновление для смартфонов OnePlus 6 и OnePlus 6T, добавляющее новые возможности и включающее июньский патч системы безопасности, предлагает желающим опробовать свежую версию OxygenOS, которая находится в стади.

Предварительный обзор Acer Predator CG437K P. Громадный игровой монитор Иногда на рынок геймерских устройств выходит что-то действительно уникальное, на что просто нельзя не обратить свое внимание. И с Acer Predator CG437K P именно так и получилось — продукт весьма привлекательно смотрится, у него отличные характеристики и масса мелких бонусов. .

[Из песочницы] «Извини, но у меня депрессия»: как работать с заболевшим сотрудником «Извини, кажется, мне надо было раньше это сказать – я столкнулся с депрессией». Такое письмо мне пришло утром от одного из сотрудников, который уже пару дней не мог закрыть несложный тикет. Контекст: работаю тимлидом в крупной корпорации, в подчинении – удаленная команда .

Как определить, какие приложения на вашем Mac перестанут работать в 2020 году: проверьте сейчас macOS Mojave — последняя версия операционной системы от Apple, поддерживающая 32-битные приложения. Уже начиная с macOS High Sierra 10.13.4, операционная система отображает уведомление при запуске приложения, зависящего от 32-разрядных фреймворков. Пользователи, испол.

[Перевод] 13 приёмов работы с npm, которые помогают экономить время Каждый день миллионы разработчиков, создавая свои JavaScript-приложения, обращаются к npm (или к Yarn). Выполнение команд наподобие npm init или npx create-react-app стало привычным способом начала работы над практически любым JavaScript-проектом. Это может быть сервер, клие.

Лучшие приложения для прослушивания подкастов на Android На сегодняшний день подкасты для многих людей стали неотъемлемой частью их жизни. Кто-то черпает там информацию, другие слушают подкасты для развлечения, а третьи так и вовсе эти самые подкасты ведут. Естественно для того, чтобы упростить ваше взаимодействие с подкастами су.

Logitech C920s Pro HD стоит 70 долларов Официально анонсирована новая веб-камера Logitech C920s Pro HD, которая стоит 70 долларов и создавалась для тех, кто хочет получить действительно качественную картинку во время видеозвонков. Конечно, никто не запрещает вам использовать новинку для ведения прямых трансляций, .

Забирайте бесплатно Motorsport Manager Mobile 3 и Slayaway Camp и выбирайте другие игры со скидками К началу осеннего игрового сезона некоторые разработчики либо значительно опустили цены на свои игры, либо вообще отдают их бесплатно. Отличная возможность запастись развлечениями на будущее. На iOS и Android: This is the Police (249 рублей вместо 529) — отличный симулятор.

Continuous delivery для вашей Kotlin Multiplatform библиотеки Привет! Меня зовут Юрий Влад, я Android-разработчик в компании Badoo и принимаю участие в создании библиотеки Reaktive — Reactive Extensions на чистом Kotlin. В процессе работы мы столкнулись с тем, что в случае с Kotlin Multiplatform continuous integration и continuous del.

[Из песочницы] Свой mapper или немного про ExpressionTrees Сегодня мы поговорим про то, как написать свой AutoMapper. Да, мне бы очень хотелось рассказать вам об этом, но я не смогу. Дело в том, что подобные решения очень большие, имеют историю проб и ошибок, а также прошли долгий путь применения. Я лишь могу дать понимание того, .

OPPO запатентовала простой, но действенный способ скрыть вырез под камеру в дисплее Нидерландское издание LetsGoDigital обнаружило в базе данных Всемирной организации интеллектуальной собственности (World Intellectual Property Organization, WIPO) патент компании OPPO, описывающий способ маскировки точечного выреза под фронтальную камеру в дисплее. Правда, о.


[Перевод] Cascadeur: будущее игровой анимации Всем привет! Мы — студия разработки Banzai Games. Рады наконец открыть здесь свой блог. Будем писать о наших технологиях, проектах и делиться историями из жизни компании. Первый материал — перевод интервью с основателем студии Евгением Дябиным, которое он дал коллегам из и.

Как автоматизировать управление ИТ-инфраструктурой — обсуждаем три тренда Сегодня мы решили поговорить об инструментах, которые используют ИТ-компании и IaaS-провайдеры для автоматизации работы с сетями и инженерными системами. Читать дальше →

Лучшие приложения для преобразования голоса в текст Согласитесь, записать голосовую заметку куда проще, чем «набивать» сообщение вручную. Только вот если вы используете телефон в качестве замены диктофону для того, чтобы наговорить длинный текст или записать лекцию, в дальнейшем у вас, что логично, не будет «т.

Что такое low-code/no-code платформа и CRM, CRM+, ERP Ниже представляю взгляд на low-code/no-code на основе 20-ти лет опыта внедрения CRM/ERP. В экономике, со всё растущей конкуренцией, low-code/no-code в ближайшее время начнёт занимать растущее большое место. И дело здесь не в том, что все хотят сэкономить на оплате труда вен.

Как работать с Postgres в Go: практики, особенности, нюансы Неожиданное поведение приложения в отношении работы с базой приводит к войне между DBA и разработчиками: DBA кричат: «Ваше приложение роняет базу», разработчики — «Но ведь до этого всё работало!». Хуже всего, что DBA и разработчики не могут помочь друг другу: одни не знают .

Как на Android переключать песни длительным нажатием на кнопки регулировки громкости Если вы когда-нибудь ранее устанавливали кастомные прошивки (ROM) на свой смартфон, то, скорее всего, видели функцию, позволяющую назначить на длительное нажатие кнопки громкости управление воспроизведением мультимедиа. Если эта опция включена, вы можете зажать кнопку увели.

Apple может отказаться от iTunes С выходом операционной системы macOS 10.15, компания Apple может выпустить отдельные приложения для музыки и подкастов для Mac. Об этом сообщил известный разработчик Стив Троутон-Смит (Steve Troughton-Smith), сославшись на «улики», которые он не хочет делать.

Приложение YouTube Music обзавелось новыми функциями Официальное мобильное приложение для сервиса YouTube Music, который должен стать полноценной заменой устаревающему Google Music, получает важные обновления, добавляющие простые и даже банальные, но очень удобные функции. Для начала стоит сказать о том, что теперь появилась в.

Приложение YouTube Music обзавелось новыми функциями Официальное мобильное приложение для сервиса YouTube Music, который должен стать полноценной заменой устаревающему Google Music, получает важные обновления, добавляющие простые и даже банальные, но очень удобные функции. Для начала стоит сказать о том, что теперь появилась в.

Bluetooth LE не так уж и страшен, или Как улучшить пользовательский опыт без особых усилий Недавно мы в команде придумали и реализовали функцию передачи денег по воздуху с помощью технологии Bluetooth LE. Я хочу рассказать вам, как мы это сделали и что Apple предоставляет нам из инструментов. Многие разработчики думают что Bluetooth — это сложно, ведь это достаточ.

Google Recorder — революция в мире диктофонов Компания Google вчера представила смартфоны Pixel нового поколения. Но кроме самих аппаратов, конечно, уделила немало внимания программным продуктам. В частности, приложению Recorder. Формально это диктофон, но у него есть одна уникальная особенность. Приложение.

Мессенджер Telegram получит новые функции Telegram с каждым днём становится лучше По мнению многих пользователей, Telegram — это самый лучший мессенджер на рынке. В нём прекрасно всё — начиная от интуитивного интерфейса заканчивая скоростью работы и высокой конфиденциальностью данных. И конечно, разработ.

Серьезная ошибка приложения Samsung Galaxy Wearable затрагивает все умные часы Gear и Galaxy Watch Похоже, что Galaxy Fold — не единственная проблема, с которой Samsung сталкивается, хотя она более важна, чем все остальное. Приложение Galaxy Wearable не работает для всех, кто владеет умными часами Galaxy Watch или Gear, сообщает ITbukva.com.The Verge сообщает, что на фору.

Хорошее не бывает дешёвым. Но бывает бесплатным В этой статье я хочу рассказать о Rolling Scopes School – бесплатном курсе по JavaScript / фронтенду, который прошла, и который мне очень понравился. Узнала я об этом курсе случайно, информации в сети о нём, на мой взгляд, немного, а курс отличный и заслуживает внимания. Дум.

Julia. С чего начать проект?… Очень часто, при решении задач анализа и подготовки данных, пишут одноразовые скрипты, поддержка и развитие которых не предусматривается вообще. Такой подход имеет право на существование, особенно в студенческой среде. Однако, когда появляется более одного человека, работаю.

Apple обновит клавиатуру в iOS 13 Оригинальный iPhone был революционным во всех отношениях — Apple сумела разработать не только передовой сенсорный интерфейс, но сделать его по-настоящему удобным в использовании. Чего только стоит программная клавиатура, в которой на момент выхода применялись интеллек.

Скрытые настройки Android, о которых вы могли не знать Ваш смартфон может вас удивить! Ваш смартфон способен на куда больше вещей, чем вы думаете. Да, у многих гаджетов есть, так сказать, неиспользуемый потенциал. И сегодня мы расскажем вам о настройках и трюках при использовании Android, о которых вы могли не знать. Ну а если м.

Mojang прекратила работу над «суперграфикой» для Minecraft Super Duper Graphics Pack, анонсированный еще на E3 2020, должен был добавить в Minecraft анимацию растительности, динамическое освещение, HDR и поддержку 4К-разрешения, а также обновить в игре рендеринг воды и геометрию предметов. Однако производительность апдейта на различ.

Лучшие приложения для медитации Медитация в наши дни становится все популярнее Медитация имеет массу положительных моментов. Она позволяет успокоиться, снять нервное напряжение и сконцентрироваться на предстоящих делах. Либо же наоборот расслабиться после тяжелого дня. Но для медитации нужна «особая а.

Как прочитать удаленные сообщения в WhatsApp WhatsApp, одно из самых популярных в мире приложений для обмена сообщениями, принадлежащее Facebook, постоянно получает все новые и новые функции. И их уже настолько много, что некоторые пользователи даже не знают об их существовании. А опции эти весьма полезные и они позво.

Дизайнеры vs разработчики: об истории создания приложения «Мой умный город» Представьте себе банковское приложение. Что вы видите? Наверняка это несколько строчек с количеством денег на ваших счетах и куча невзрачных менюшек, где перечислены способы как-нибудь эти деньги потратить. Невзрачная картина. А банковское приложение, как центр платежной акт.

Компоненты-агностики в Angular Когда работаешь над библиотекой переиспользуемых компонентов, вопрос API встает особенно остро. С одной стороны, нужно сделать надежное, аккуратное решение, с другой — удовлетворить массу частных случаев. Это относится и к работе с данными, и к внешним особенностям различных.

Мастер Йода рекомендует:  Каверзные вопросы и задачи по JavaScript из собеседований

В ретвиты Twitter теперь можно вставлять картинки и видеоролики Разработчики сервиса микроблогов Twitter выпустили небольшое, но важное обновление, которые порадует пользователей, часто делающих ретвиты. Теперь пользователи Twitter, которые цитируют оригинальное сообщение, могут добавлять в нему не только текст, но также изображения.

[Перевод] 7 полезных советов для тех, кто использует Room Room — это уровень абстракции поверх SQLite, который упрощает организацию хранения данных. Если вы ещё мало знакомы с Room, то посмотрите эту вводную статью: 7 шагов к использованию Room. Пошаговое руководство по миграции приложения на RoomА в этой статье я хотел бы поделит.

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

Терминатор в отпуске и трекер финансов: 3 приложения раздают бесплатно Здесь могла быть крутая подпись, но лучше попробуйте эти приложения Ежедневно мы вручную отбираем для вас лучшие предложения из App Store, которые становятся бесплатными или распространяются с большой скидкой. Каждый день новые и лучшие приложения для ваших iPhone, iPad или .

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

[Из песочницы] Что нужно для разработки игр и кем реально является разработчик игр Большинство людей (нормальных), которые планируют заниматься программированием (как хобби или основной профессией) обычно задаются вопросами: «Что такое программирование?», «Зачем мне нужно программирование?», «Какой язык я буду учить?», «Что я получу в итоге?». Таким был и.

MSI GT75 9SG Titan стоит 4400 долларов В последнее время игровые ноутбуки становятся все мощнее и мощнее. Когда-то давно мы с уверенностью говорили о том, что ноутбуки никогда не догонят стационарные компьютеры в плане производительности, а сейчас MSI GT75 9SG Titan легко уделает большинство компьютеров. Например.

Лучшая программа для обработки аудио Если Вы работаете с аудиофайлами, то вам наверняка потребуется хороший редактор, который поможет вам легко обрезать требуемые файлы. Если вы перейдете по данной ссылке http://audiomaster.su/cut-audio.php, то сможете познакомиться с программой АудиоМастер, которая будет особе.

Топ самых лучших слотов в индустрии казино за 2020 Надежный игровой зал Gmslots подарит пользователям интернета возможность тренироваться за отборными новинками и легендарными видео слотами. Все игры Гаминатор защищены от манипуляций и обладают высоким РТП. Для ставок на реальные деньги или в бесплатном режиме сайта http://g.

21 августа трансляция Zabbix Moscow Meetup #5 Привет! Меня зовут Илья Аблеев, я работаю в команде мониторинга Badoo. 21 августа приглашаю на традиционную, пятую, встречу сообщества специалистов по Zabbix в нашем офисе! Поговорим о вечной боли — хранилищах исторических данных. Многие сталкивались с проблемами произво.

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

Google удалила популярную клавиатуру для Android из Google Play. В чем дело? Google Play, несмотря на относительную безопасность по сравнению с другими каталогами приложений, то и дело оказывается в центре скандала из-за очередной вредоносной программы, проникшей в его ассортимент. Но если раньше это были в основном приложения-подделки, которые соби.

Предварительный обзор XPG Summoner. Игровой монстр Давно хотели себе классную механическую клавиатуру, которая удовлетворит вас в играх и позволит много лет не думать об обновлении периферии? Тогда у нас для вас отличные новости — самое время посмотреть на очередную новинку от игрового бренда XPG, которая выглядит круто и ст.

Пользователи Nubia Z17 могут опробовать Android 9.0 Pie В декабре 2020 стало известно, что Nubia отказывается от разработки прошивки на базе Android 9.0 Pie для смартфона Nubia Z17, который был флагманом компании в 2020 году. Однако затем компания изменила решение, а внутреннее бета-тестирование прошивки началось в марте это.

[Из песочницы] Разработка приложения для старого КПК (Cybiko Xtreme) в 2020 году Введение Привет Хабр! Я хотел бы поделиться своим опытом написания приложения для очень старого карманного компьютера, который серьезно опередил свое время, а именно Cybiko Xtreme 2001 года выпуска. Тем, кому интересно как жилось мобильному разработчику в начале 2000-х, до.

Как превратить индикатор батареи в кольцо вокруг фронтальной камеры Galaxy S10 Вырез прямо в экране новых Galaxy S10, который Samsung сделала для того, чтобы поместить в него фронтальную камеру, а рамки вокруг экрана сделать максимально тонкими, некоторых пользователей сильно расстроил. Но длилось это расстройство всего пару минут, так как творческие .

Twitter позволил добавлять фото, видео и GIF в ретвиты Twitter обновил функцию «ретвит с комментарием», добавив возможность добавлять в эти подписи фото, видео и GIF.Нововведение запущено в приложениях Twitter для iOS и Android, а также в мобильной версии сервиса.В Twitter также рассказали, что разработка этой функции была довол.

Популярные приложения для iPhone тайно записывают данные с экрана и клавиатуры Множество популярных приложений для iPhone от известных крупных компаний уличили в использовании несанкционированных аналитических сервисов. На это обратил внимание ресурс TechCrunch. Приложения записывают такую информацию, как нажатия, жесты, просто снимают экра.

Записки Биоробота Как вы давно уже поняли, я не человек, а биоробот — электронный мозг, вживленный в обычное тело. Мне скучно просто работать и просто жить. Я хочу понять все законы, по которым существует человек. Как и почему он действует, ленится, работает, лежит на диване, хочет большего, .

[Перевод] Шпаргалка для стажера: пошаговое решение задач на собеседовании Google В прошлом году последние пару месяцев я потратил на подготовку к собеседованию для стажировки в Google (Google Internship). Все прошло хорошо: я получил и работу, и отличный опыт. Теперь, спустя два месяца после стажировки, я хочу поделиться документом, который использо.

Scripts — нескучное изучение иероглифов за 5 минут в день Приложение для Android, которое поможет в изучении китайского, японского и корейского.

Инструкция Canva: как создать анимацию и мини-фильмы Видео, сторис, гифки побеждают по охватам обычные фото и тексты. Анимация привлекает внимание и задерживает взгляд. Еще одна причина разобраться в том, как создать анимацию, — вы сможете рассказывать истории, а это еще один тренд в маркети.

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

[Перевод] О декораторах в Python Всем привет! Перевод статьи подготовлен для студентов курса «Web-разработчик на Python». Интересно развиваться в данном направлении? Запишитесь на День Открытых Дверей курса и пообщайтесь вживую с преподавателем: онлайн-трансляция 23 июля в 20:00 по мск.! Когда вы упражняли.

В Google Play найден легальный способ шпионить за пользователями Android Главным нововведением Android 6.0 Marshmallow стала система разрешений. Она была призвана стать инструментом контроля в руках пользователей, с помощью которого они смогли бы запрещать приложениям доступ к тем или иным функциям своего смартфона. К примеру, благодаря ей можно.

C/C++ из Python (CFFI, pybind11) Продолжаем тему как вызывать C/C++ из Python3. Теперь используем библиотеки cffi, pybind11. Способ через ctypes был рассмотрен в предыдущей статье. Читать дальше →

Революция или боль? Доклад Яндекса о React Hooks Меня зовут Артём Березин, я разработчик нескольких внутренних сервисов Яндекса. Последние полгода я активно работал с React Hooks. По ходу дела возникали некоторые сложности, с которыми приходилось бороться. Теперь хочу поделиться этим опытом с вами. В докладе я разобрал Rea.

Плавная прокрутка Microsoft для Chromium делает большой прогресс Недавно Microsoft выпустила первую бета-версию своего нового браузера Edge для Windows 10, Windows 7 и macOS. Microsoft Edge, созданный на основе браузера Google с открытым исходным кодом «Chromium», имеет несколько новых функций, и ожидается, что в будущем обновлении он пол.

Холивар. История рунета. Часть 4. Mail.ru: игры, соцсети, Дуров Холивар. История рунета. Часть 1. Начало: хиппи из Калифорнии, Носик и лихие 90-е Холивар. История рунета. Часть 2. Контркультура: пАдонки, марихуана и Кремль Холивар. История рунета. Часть 3. Поисковики: Яндекс vs Рамблер. Как не делать инвестиции «Дамы и господа, Марк Цук.

Лучшие мессенджеры для Андроид: как экономить на мобильном общении? Медленно, но верно мир отходит от SMS и MMS как способа обмена сообщениями. Все началось несколько лет назад с таких проектов, как AOL Instant Messenger, и постепенно эти первые пробы превратились во множество хорошо отшлифованных приложений, которые работают очень эффективн.

10 программ для создания крутой анимации С этими утилитами сделать собственный мультфильм не так сложно, как кажется.

Высокоуровневая репликация в СУБД Tarantool Привет, я занимаюсь созданием приложений для СУБД Tarantool — это разработанная в Mail.ru Group платформа, совмещающая в себе высокопроизводительную СУБД и сервер приложений на языке Lua. Высокая скорость работы решений, основанных на Tarantool, достигается в частности за сч.

Windows 10 скоро позволит звонить с ПК Microsoft работает над еще одной замечательной функцией Windows 10, которая легко преодолеет разрыв между компьютерами и мобильными телефонами. Windows 10 получает традиционную поддержку вызовов через приложение «Ваш телефон», которое является отличным способом подключения н.

Как бесплатно читать на «ЛитРес» через библиотеку Книги очень легко получить, но они доступны только через приложение или на сайте.

Кто использует протокол аутентификации SAML 2.0 У себя в блоге мы часто затрагиваем вопросы защиты данных и авторизации. Например, мы рассказывали о новом стандарте для беспарольной авторизации WebAuthn и даже брали интервью у одного из его разработчиков. Также обсуждали технологию DANE для аутентификации доменных имен по.

5 лучших способов надежно обезопасить свой Android-смартфон в 2020 году Самая популярная операционная система в мире – Android. Более 86% когда-либо проданных устройств работают под управлением «зеленого робота». Конечно же, в связи с тем, что комьюнити Android-пользователей гораздо больше, чем у Apple или любой другой мобильной платф.

[Из песочницы] Чеклист для создания и публикации веб-приложений Для того, чтобы создать свое веб приложение в наше время недостаточно уметь его разрабатывать. Важным аспектом является настройка инструментов по развертыванию приложения, мониторингу, а также управление и администрирование среды, в которой оно работает. Эра ручного разверты.

Лучшие приложения для наложения фоторамок на Android Для того, чтобы сделать свои фотографии более привлекательными, можно наложить на них различные фильтры, поиграться с контрастностью, добавить стикеры или надписи. Но есть и еще один способ — наложить на снимок фоторамку. Согласитесь, вы вряд ли бы стали вешать на сте.

Мотивация, делегирование и автоматизация: рецепт создания суперкоманды Знакомьтесь, это Дима. Он тимлид и отвечает за техдолг и код-ревью, за планирование и технические процессы, за выполнение разработчиками задач в срок — мотивирует, нанимает и, если надо, увольняет. Дима хочет работать только над важными задачами, но работает над миллионом са.

Как визуализировать звук в вебе: подборка тематических материалов и видеолекций с теорией и практикой В прошлый раз мы подготовили для вас дайджест с открытыми библиотеками для визуализации аудиоконтента и решили найти материалы о том, как со всем этим работать. Получилась подборка руководств по теме для разработчиков веб-приложений или игр. Читать дальше →

[Перевод] Секреты работы с тканью в игре Alan Wake [Программист анимаций компании Remedy Хенрик Энквист рассказал, как его команда создала убедительную симуляцию твидового пиджака главного героя игры в жанре хоррор-триллер Alan Wake.] Главный персонаж нашего экшн-триллера — Алан Уэйк, писатель, попавший в кошмар, где он в.

Смартфон ROKiT IO Pro 3D с поддержкой 3D-технологии Американская телекоммуникационная компания ROKiT выпустила в Великобритании свой Android-смартфон с поддержкой 3D, ROKiT IO Pro 3D. Это изящный телефон с двумя сим-картами использует запатентованную технологию 3D без очков, что позволяет пользователям наблюдать 3D изобра.

[Перевод] Веб-компоненты: 9 проектов, о которых стоит знать в 2020 году Автор материала, перевод которого мы сегодня публикуем, полагает, что если вы собираетесь использовать при проектировании интерфейсов своих приложений веб-компоненты и подыскиваете подходящую библиотеку, независимую от UI-фреймворков, вам стоит взглянуть на те проекты, о кот.

[Перевод] ООП мертво, да здравствует ООП Источники вдохновения Этот пост возник благодаря недавней публикации Араса Пранцкевичуса о докладе, предназначенном для программистов-джуниоров. В нём рассказывается о том, как адаптироваться к новым ECS-архитектурам. Арас следует привычной схеме (объяснения ниже): показыва.

Apple представляет новую iPadOS Сегодня компания Apple представила iPadOS — мощную операционную систему, новое название которой призвано подчеркнуть уникальные особенности iPad. iPadOS, основанная на той же платформе, что и iOS, добавляет мощные новые возможности и интуитивно понятные функции, созданные сп.

Не как у Google, но уже лучше. Apple даст чуть больше свободы разработчикам для использования Siri Голосовые ассистенты активно захватывают всё новые рынки, становясь всё более привычными для большинства пользователей, а для некоторых и вовсе незаменимыми. Однако в основном это касается лишь двух подобных решений: Google Assistant и Amazon Alexa. Оба популярны в перв.

Как сменить регион в Google Play Store Использовать Google Play Store довольно просто: вы открываете его, находите приложение, которое вам нужно, читаете отзывы (хотя и это не обязательно), нажимаете кнопку «Загрузить», и устанавливаете программу на свое устройство. Но что делать, если вы переедете в д.

[Из песочницы] Создание Android приложения с использованием Anko Layouts и Anko Coroutines Примерно год назад я начал использовать Kotlin в своих Android проектах. Мне хотелось попробовать что-то новое, что было бы интересно изучать. Тогда я и наткнулся на Anko. К тому времени писать UI на xml порядком осточертело. Мне всегда нравилось писать интерфейс руками, не.

Электрички Москвы (и не только): спасибо тем, кто помогал в этом году Электричка слева — Аэроэкспресс — теперь тоже добавлена в приложение. В день расписание у нас просматривают 600 тысяч человек, поэтому каждое маленькое изменение имеет эффект большого масштаба. Я хочу немного отчитаться о том, что мы добавили в приложение электричек по п.

Флагманский смартфон Samsung Galaxy S10+: мощный красавец, отличный во всем У Samsung Galaxy S10+ почти нет изъянов: качественный огромный экран, корпус не только красивый, но и легкий, удобный для руки, с новыми необычными окрасами, плюс максимально мощная аппаратная платформа с большим количеством современных беспроводных интерфейсов и очень высок.

LessPhone Launcher — самый минималистичный лаунчер для Android Я уже не раз писал о том, что сторонние лаунчеры уступают по качеству стандартным решениям производителей, однако и среди кучи низкокачественного софта можно найти отличные варианты. Ранее мы опубликовали обзор лаунчера Niagara. Тогда я назвал его лучшим лаунчером для Andro.

[Перевод] Как создать приложение дополненной реальности с помощью ARCore В этом гайде вы узнаете, как добавить 3D-модели в реальный мир. Библиотека ARCore от Google позволяет добавлять на 2D-изображение (картинка или видео) полноценные 3D-модели. Вам необходимо предоставить системе некое опорное изображение, которое ARCore будет искать в реально.

Как добавить анимацию на сайт и не облажаться Разбираемся в Lottie с разработчиками BeaversBrothers.

Приложение Pixelmator Photo для iPad завезли в App Store Команда Pixelmator, работающая под крылом самой Apple и не нуждающаяся в представлении, умудряется делать сложные вещи простыми. Они выпустили Pixelmator для Mac и вступили в борьбу с Photoshop, потом Pixelmator пришёл на iOS, затем состоялось пришествие Pixelmator Pro опять.

Caller Name Announcer Pro 4.70 Приложение «Caller Name Announcer Pro» озвучивает имя абонента, когда он вам звонит или отправляет сообщение. Эта программа, которая мгновенно определяет абонента, вы даже не успеете дотянуться до телефона и посмотреть на экран. Наше приложение также способно идентифицироват.

[Перевод] Создание карточек как Tinder на Swift Tinder — мы все знаем, что это приложение для знакомств, где вы можете просто отклонить или принять кого-то свайпом вправо или влево. Эта идея считывания карт теперь используется в тоннах приложений. Этот способ отображения данных для вас, если вы устали от использования т.

Как я расширение для Atom и VS Code создавал: личный опыт и исходники Перевели для вас статью Филипа Корейа о том, как он разрабатывал расширения для редакторов Atom и VS Code. Назвать проекты сложными нельзя, но в этом их преимущество: сходу можно понять, что необходимо делать для создания собственного расширения. Когда был впервые предс.

[Перевод] Как CSS специфичность работает в браузере Многие считают CSS сложным. Они придумывают разные оправдания: не хватает способностей понимать CSS или CSS сам по себе плох. Но реальность такова, что люди просто не нашли время, чтобы действительно изучить его. Если вы читаете эту статью, значит заинтересованы в изучении C.

Создание бэкенд приложения для онлайн чата Apollo, Node.js Некоторое время назад я работал над мобильным приложением, функционал которого включал в себя удобный онлайн-чат. И теперь я решил написать статью с краткой инструкцией, как создать чат, используя apollo server и node.js на бэкенде, а так же react native и apollo client на к.

Первые полчаса геймплея новой RPG от X-Legend — Valhalla Chronicle: Endless Ragnarok X-Legend Entertainment, разработчик компьютерных MMORPG, среди которых популярная Aura Kingdom, не обладает безупречной репутацией, когда речь заходит о мобильных проектах, хотя и выпустил их больше пяти за последние несколько лет. Недавно X-Legend запустил закрытый бета-те.

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

Поддержка в Gett. Как мы делаем так, чтобы всё работало Привет! Меня зовут Виталий Костоусов, я работаю в команде Global Tech Heroes, и сегодня я расскажу вам о саппорте — об одной из самых важных составляющей любого сервиса. Можно сделать отличное приложение с прикольными картинками и иногда адекватно шутящими чат-ботами. Можно .

Введение в Spring, или что делать, если по всему проекту @Autowired и @Component, а вы не понимаете, что это Приветствую тебя, Хабр! Эта статья будет полезна тем, кто уже начал изучать Java и даже успел добиться некоторых успехов в понимании Java Core, и вот услышал слово Spring. И, возможно, даже не один раз: знание Spring Framework, как минимум, фигурирует в описаниях множества .

[Из песочницы] Fish Redux — новая Redux библиотека для Flutter В конце 2020 года Google, не без помощи Open-Source сообщества, сделал большой подарок для мобильных разработчиков, выпустив первую стабильную версию кросс-платформенного фреймворка для мобильной разработки Flutter. Однако, при разработке крупных приложений, немного больших.

Как создать квиз лендинг: основные способы и пошаговая инструкция Может показаться, что больше нет никаких новых инструментов, способных помочь увеличить продажи и добиться новых высот в конверсии. Однако маркетологи придумали новый инструмент под названием — квиз, который завоевал сердца многих предпринимателей и стал источником привлечен.

[Из песочницы] 9 альтернатив плохой команде (шаблону проектирования) Что это и зачем? При проектировании разработчик может столкнуться с проблемой: у существ и объектов могут быть разные способности в разных сочетаниях. Лягушки прыгают и плавают, утки плавают и летают, но не с гирей, а лягушки могут летать с веткой и утками. Поэтому удобно .

[Перевод] Тренинг Cisco 200-125 CCNA v3.0. День 14. VTP, Pruning и Native VLAN Сегодня мы продолжим рассмотрение VLAN и обсудим протокол VTP, а также понятия VTP Pruning и Native VLAN. В одном из предыдущих видео мы уже говорили о VTP, и первое, что должно прийти вам на ум, когда вы слышите о VTP, это то, что он не является протоколом транкинга, несмот.

Apple назвала приложения с лучшим дизайном. И вы можете их скачать На WWDC Apple не только представляет новые версии iOS, macOS и обновленные устройства, но и традиционно вручает премии Apple Design Awards за приложения и игры в App Store с лучшим дизайном. Этот раз не стал исключением, и компания уже наградила разработчиков из разных стра.

Как расширить память смартфона на Android Памяти много не бывает, особенно когда речь заходит о мобильных гаджетах на Android. И есть различные способы увеличить объём доступной для использования в смартфоне памяти. .

Бесплатные приложения и скидки в App Store | 28 февраля 60 Seconds! Atomic Adventure (75 руб.) | Out There Chronicles — Ep. 1 (Бесплатно) | Brave Guardians TD (Бесплатно) Ежедневно мы вручную отбираем для вас лучшие предложения из App Store, которые становятся бесплатными или распространяются с большой скидкой. Каждый ден.

ReactJS — Animations

In this chapter, we will learn how to animate elements using React.

Step 1 — Install React CSS Transitions Group

This is React add-on used for creating basic CSS transitions and animations. We will install it from the command prompt window −

Step 2 — Add a CSS file

Let’s create a new file style.css.

To be able to use it in the app, we need to link it to the head element in index.html.

Step 3 — Appear Animation

We will create a basic React component. The ReactCSSTransitionGroup element will be used as a wrapper of the component we want to animate. It will use transitionAppear and transitionAppearTimeout, while transitionEnter and transitionLeave are false.

App.jsx

main.js

The CSS animation is very simple.

css/style.css

Once we start the app, the element will fade in.

Step 4 — Enter and Leave Animations

Enter and leave animations can be used when we want to add or remove elements from the list.

App.jsx

main.js

css/style.css

When we start the app and click the Add Item button, the prompt will appear.

Once we enter the name and press OK, the new element will fade in.

Now we can delete some of the items (Item 3. ) by clicking it. This item will fade out from the list.

Animation Add-Ons

ReactTransitionGroup and ReactCSSTransitionGroup have been moved to the react-transition-group package that is maintained by the community. Its 1.x branch is completely API-compatible with the existing addons. Please file bugs and feature requests in the new repository.

The ReactTransitionGroup add-on component is a low-level API for animation, and ReactCSSTransitionGroup is an add-on component for easily implementing basic CSS animations and transitions.

High-level API: ReactCSSTransitionGroup

ReactCSSTransitionGroup is a high-level API based on ReactTransitionGroup and is an easy way to perform CSS transitions and animations when a React component enters or leaves the DOM. It’s inspired by the excellent ng-animate library.

Importing

You must prov >key attribute for all children of ReactCSSTransitionGroup , even when only rendering a single item. This is how React will determine which children have entered, left, or stayed.

In this component, when a new item is added to ReactCSSTransitionGroup it will get the example-enter CSS >example-enter-active CSS >transitionName prop.

You can use these classes to trigger a CSS animation or transition. For example, try adding this CSS and adding a new list item:

You’ll notice that animation durations need to be specified in both the CSS and the render method; this tells React when to remove the animation classes from the element and — if it’s leaving — when to remove the element from the DOM.

Animate Initial Mounting

ReactCSSTransitionGroup prov >transitionAppear , to add an extra transition phase at the initial mount of the component. There is generally no transition phase at the initial mount as the default value of transitionAppear is false . The following is an example which passes the prop transitionAppear with the value true .

During the initial mount ReactCSSTransitionGroup will get the example-appear CSS >example-appear-active CSS class added in the next tick.

At the initial mount, all children of the ReactCSSTransitionGroup will appear but not enter . However, all children later added to an existing ReactCSSTransitionGroup will enter but not appear .

The prop transitionAppear was added to ReactCSSTransitionGroup in version 0.13 . To maintain backwards compatibility, the default value is set to false .

However, the default values of transitionEnter and transitionLeave are true so you must specify transitionEnterTimeout and transitionLeaveTimeout by default. If you don’t need either enter or leave animations, pass transitionEnter= or transitionLeave= .

It is also possible to use custom >enter and leave >enter , enter-active , leave-active , and leave class names. If only the enter and leave classes are provided, the enter-active and leave-active classes will be determined by appending ‘-active’ to the end of the class name. Here are two examples using custom classes:


Animation Group Must Be Mounted To Work

In order for it to apply transitions to its children, the ReactCSSTransitionGroup must already be mounted in the DOM or the prop transitionAppear must be set to true .

The example below would not work, because the ReactCSSTransitionGroup is being mounted along with the new item, instead of the new item being mounted within it. Compare this to the Getting Started section above to see the difference.

Animating One or Zero Items

In the example above, we rendered a list of items into ReactCSSTransitionGroup . However, the children of ReactCSSTransitionGroup can also be one or zero items. This makes it possible to animate a single element entering or leaving. Similarly, you can animate a new element replacing the current element. For example, we can implement a simple image carousel like this:

You can disable animating enter or leave animations if you want. For example, sometimes you may want an enter animation and no leave animation, but ReactCSSTransitionGroup waits for an animation to complete before removing your DOM node. You can add transitionEnter= or transitionLeave= props to ReactCSSTransitionGroup to disable these animations.

When using ReactCSSTransitionGroup , there’s no way for your components to be notified when a transition has ended or to perform any more complex logic around animation. If you want more fine-grained control, you can use the lower-level ReactTransitionGroup API which provides the hooks you need to do custom transitions.

Low-level API: ReactTransitionGroup

Importing

ReactTransitionGroup is the basis for animations. When children are declaratively added or removed from it (as in the example above), special lifecycle methods are called on them.

Rendering a Different Component

ReactTransitionGroup renders as a span by default. You can change this behavior by prov >component prop. For example, here’s how you would render a

    :

Any additional, user-defined, properties will become properties of the rendered component. For example, here’s how you would render a

    with CSS class:

Every DOM component that React can render is available for use. However, component does not need to be a DOM component. It can be any React component you want; even ones you’ve written yourself! Just write component= and your component will receive this.props.children .

Rendering a Single Child

People often use ReactTransitionGroup to animate mounting and unmounting of a single child such as a collapsible panel. Normally ReactTransitionGroup wraps all its children in a span (or a custom component as described above). This is because any React component has to return a single root element, and ReactTransitionGroup is no exception to this rule.

However if you only need to render a single child ins >ReactTransitionGroup , you can completely avo > or any other DOM component. To do this, create a custom component that renders the first child passed to it directly:

Now you can specify FirstChild as the component prop in props and avoid any wrappers in the result DOM:

This only works when you are animating a single child in and out, such as a collapsible panel. This approach wouldn’t work when animating multiple children or replacing the single child with another child, such as an image carousel. For an image carousel, while the current image is animating out, another image will animate in, so needs to give them a common DOM parent. You can’t avo >component prop as described above.

This is called at the same time as componentDidMount() for components that are initially mounted in a TransitionGroup . It will block other animations from occurring until callback is called. It is only called on the initial render of a TransitionGroup .

This is called after the callback function that was passed to componentWillAppear is called.

This is called at the same time as componentDidMount() for components added to an existing TransitionGroup . It will block other animations from occurring until callback is called. It will not be called on the initial render of a TransitionGroup .

This is called after the callback function that was passed to componentWillEnter() is called.

This is called when the child has been removed from the ReactTransitionGroup . Though the child has been removed, ReactTransitionGroup will keep it in the DOM until callback is called.

This is called when the willLeave callback is called (at the same time as componentWillUnmount() ).

Animations

Animations are very important to create a great user experience. Stationary objects must overcome inertia as they start moving. Objects in motion have momentum and rarely come to a stop immediately. Animations allow you to convey physically believable motion in your interface.

React Native provides two complementary animation systems: Animated for granular and interactive control of specific values, and LayoutAnimation for animated global layout transactions.

The Animated API is designed to concisely express a wide variety of interesting animation and interaction patterns in a very performant way. Animated focuses on declarative relationships between inputs and outputs, with configurable transforms in between, and start / stop methods to control time-based animation execution.

Animated exports six animatable component types: View , Text , Image , ScrollView , FlatList and SectionList , but you can also create your own using Animated.createAnimatedComponent() .

For example, a container view that fades in when it is mounted may look like this:

Let’s break down what’s happening here. In the FadeInView constructor, a new Animated.Value called fadeAnim is initialized as part of state . The opacity property on the View is mapped to this animated value. Behind the scenes, the numeric value is extracted and used to set opacity.

When the component mounts, the opacity is set to 0. Then, an easing animation is started on the fadeAnim animated value, which will update all of its dependent mappings (in this case, only the opacity) on each frame as the value animates to the final value of 1.

This is done in an optimized way that is faster than calling setState and re-rendering. Because the entire configuration is declarative, we will be able to implement further optimizations that serialize the configuration and runs the animation on a high-priority thread.

Animations are heavily configurable. Custom and predefined easing functions, delays, durations, decay factors, spring constants, and more can all be tweaked depending on the type of animation.

Animated provides several animation types, the most commonly used one being Animated.timing() . It supports animating a value over time using one of various predefined easing functions, or you can use your own. Easing functions are typically used in animation to convey gradual acceleration and deceleration of objects.

By default, timing will use a easeInOut curve that conveys gradual acceleration to full speed and concludes by gradually decelerating to a stop. You can specify a different easing function by passing a easing parameter. Custom duration or even a delay before the animation starts is also supported.

For example, if we want to create a 2-second long animation of an object that slightly backs up before moving to its final position:

Take a look at the Configuring animations section of the Animated API reference to learn more about all the config parameters supported by the built-in animations.

Animations can be combined and played in sequence or in parallel. Sequential animations can play immediately after the previous animation has finished, or they can start after a specified delay. The Animated API provides several methods, such as sequence() and delay() , each of which take an array of animations to execute and automatically calls start() / stop() as needed.

For example, the following animation coasts to a stop, then it springs back while twirling in parallel:

If one animation is stopped or interrupted, then all other animations in the group are also stopped. Animated.parallel has a stopTogether option that can be set to false to disable this.

You can find a full list of composition methods in the Composing animations section of the Animated API reference.

Combining animated values

You can combine two animated values via addition, multiplication, division, or modulo to make a new animated value.

There are some cases where an animated value needs to invert another animated value for calculation. An example is inverting a scale (2x 0.5x):

Each property can be run through an interpolation first. An interpolation maps input ranges to output ranges, typically using a linear interpolation but also supports easing functions. By default, it will extrapolate the curve beyond the ranges given, but you can also have it clamp the output value.

A mapping to convert a 0-1 range to a 0-100 range would be:

For example, you may want to think about your Animated.Value as going from 0 to 1, but animate the position from 150px to 0px and the opacity from 0 to 1. This can be done by modifying style from the example above like so:

interpolate() supports multiple range segments as well, which is handy for defining dead zones and other handy tricks. For example, to get a negation relationship at -300 that goes to 0 at -100, then back up to 1 at 0, and then back down to zero at 100 followed by a dead-zone that remains at 0 for everything beyond that, you could do:

Which would map like so:

interpolate() also supports mapping to strings, allowing you to animate colors as well as values with units. For example, if you wanted to animate a rotation you could do:

interpolate() also supports arbitrary easing functions, many of which are already implemented in the Easing module. interpolate() also has configurable behavior for extrapolating the outputRange . You can set the extrapolation by setting the extrapolate , extrapolateLeft , or extrapolateRight options. The default value is extend but you can use clamp to prevent the output value from exceeding outputRange .

Tracking dynamic values

Animated values can also track other values. Set the toValue of an animation to another animated value instead of a plain number. For example, a «Chat Heads» animation like the one used by Messenger on Android could be implemented with a spring() pinned on another animated value, or with timing() and a duration of 0 for rigid tracking. They can also be composed with interpolations:

The leader and follower animated values would be implemented using Animated.ValueXY() . ValueXY is a handy way to deal with 2D interactions, such as panning or dragging. It is a wrapper that contains two Animated.Value instances and some helper functions that call through to them, making ValueXY a drop-in replacement for Value in many cases. It allows us to track both x and y values in the example above.

Gestures, like panning or scrolling, and other events can map directly to animated values using Animated.event . This is done with a structured map syntax so that values can be extracted from complex event objects. The first level is an array to allow mapping across multiple args, and that array contains nested objects.

For example, when working with horizontal scrolling gestures, you would do the following in order to map event.nativeEvent.contentOffset.x to scrollX (an Animated.Value ):

When using PanResponder , you could use the following code to extract the x and y positions from gestureState.dx and gestureState.dy . We use a null in the first position of the array, as we are only interested in the second argument passed to the PanResponder handler, which is the gestureState .

Responding to the current animation value

You may notice that there is no clear way to read the current value while animating. This is because the value may only be known in the native runtime due to optimizations. If you need to run JavaScript in response to the current value, there are two approaches:

  • spring.stopAnimation(callback) will stop the animation and invoke callback with the final value. This is useful when making gesture transitions.
  • spring.addListener(callback) will invoke callback asynchronously while the animation is running, providing a recent value. This is useful for triggering state changes, for example snapping a bobble to a new option as the user drags it closer, because these larger state changes are less sensitive to a few frames of lag compared to continuous gestures like panning which need to run at 60 fps.

Animated is designed to be fully serializable so that animations can be run in a high performance way, independent of the normal JavaScript event loop. This does influence the API, so keep that in mind when it seems a little trickier to do something compared to a fully synchronous system. Check out Animated.Value.addListener as a way to work around some of these limitations, but use it sparingly since it might have performance implications in the future.

Using the native driver

The Animated API is designed to be serializable. By using the native driver, we send everything about the animation to native before starting the animation, allowing native code to perform the animation on the UI thread without having to go through the bridge on every frame. Once the animation has started, the JS thread can be blocked without affecting the animation.

To use the native driver for normal animations add useNativeDriver: true to the animation config when starting it.

Animated values are only compatible with one driver so if you use native driver when starting an animation on a value, make sure every animation on that value also uses the native driver.

The native driver also works with Animated.event . This is especially useful for animations that follow the scroll position as without the native driver, the animation will always run a frame behind the gesture due to the async nature of React Native.

You can see the native driver in action by running the RNTester app, then loading the Native Animated Example. You can also take a look at the source code to learn how these examples were produced.

Not everything you can do with Animated is currently supported by the native driver. The main limitation is that you can only animate non-layout properties: things like transform and opacity will work, but flexbox and position properties will not. When using Animated.event , it will only work with direct events and not bubbling events. This means it does not work with PanResponder but does work with things like ScrollView#onScroll .

When an animation is running, it can prevent VirtualizedList components from rendering more rows. If you need to run a long or looping animation while the user is scrolling through a list, you can use isInteraction: false in your animation’s config to prevent this issue.

While using transform styles such as rotateY , rotateX , and others ensure the transform style perspective is in place. At this time some animations may not render on Android without it. Example below.

The RNTester app has various examples of Animated in use:

LayoutAnimation allows you to globally configure create and update animations that will be used for all views in the next render/layout cycle. This is useful for doing flexbox layout updates without bothering to measure or calculate specific properties in order to animate them directly, and is especially useful when layout changes may affect ancestors, for example a «see more» expansion that also increases the size of the parent and pushes down the row below which would otherwise require explicit coordination between the components in order to animate them all in sync.

Note that although LayoutAnimation is very powerful and can be quite useful, it provides much less control than Animated and other animation libraries, so you may need to use another approach if you can’t get LayoutAnimation to do what you want.

Note that in order to get this to work on Android you need to set the following flags via UIManager :

This example uses a preset value, you can customize the animations as you need, see LayoutAnimation.js for more information.

requestAnimationFrame is a polyfill from the browser that you might be familiar with. It accepts a function as its only argument and calls that function before the next repaint. It is an essential building block for animations that underlies all of the JavaScript-based animation APIs. In general, you shouldn’t need to call this yourself — the animation APIs will manage frame updates for you.

As mentioned in the Direct Manipulation section, setNativeProps allows us to modify properties of native-backed components (components that are actually backed by native views, unlike composite components) directly, without having to setState and re-render the component hierarchy.

We could use this in the Rebound example to update the scale — this might be helpful if the component that we are updating is deeply nested and hasn’t been optimized with shouldComponentUpdate .

If you find your animations with dropping frames (performing below 60 frames per second), look into using setNativeProps or shouldComponentUpdate to optimize them. Or you could run the animations on the UI thread rather than the JavaScript thread with the useNativeDriver option. You may also want to defer any computationally intensive work until after animations are complete, using the InteractionManager. You can monitor the frame rate by using the In-App Developer Menu «FPS Monitor» tool.

React Motion. Анимация в React с помощью React Motion

React Motion экспортирует 3 основных компонента: Motion , StaggeredMotion и TransitionMotion . В этом уроке мы рассмотрим компонент Motion , который вы будете использовать чаще всего.

Поскольку это учебное пособие по React Motion, я предполагаю, что вы немного знакомы с React и ES2015. Мы будем изучать API React Motion при работе над следующим примером:

Результат работы с React Motion

Сначала мы будем заниматься математикой. Не волнуйтесь, я все подробно объясню шаг за шагом. Если математика вам не интересна, вы можете сразу перейти к разделу React.start();.

Math.start();

Давайте назовем нашу большую голубую кнопку — Основной кнопкой (main button), а кнопки, которые вылетают из нее, — дочерними (child buttons).

Фиг. 1: Главная и дочерние кнопки

Дочерние кнопки имеют два позиционных состояния: 1) кнопки скрыты за основной кнопкой, 2) дочерние кнопки располагаются по кругу вокруг основной кнопки.

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

M_X, M_Y

M_X, M_Y — координаты x и y центра основной кнопки. Из этой точки будут вычисляться расстояния и направления каждой дочерней кнопки. Каждая дочерняя кнопка сначала скрывается за главной кнопкой со своими центрами в M_X, M_Y.

Разделительный угол, угол вращения, радиус вылета

Радиус вылета — это расстояние от основной кнопки, на которое вылетают дочерние кнопки. Все остальное выглядит довольно понятным. Также обратите внимание, что,

Угол вращения = (число дочерних кнопок-1) * Разделительный угол

Теперь нам нужно создать функцию, которая принимает индекс дочерней кнопки (0, 1, 2, 3 . ) и возвращает координаты x и y новой позиции дочерней кнопки (после вылета).

Базовый угол, индекс

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

Пока мы здесь, обратите внимание, что (см. Фиг. 3):

Базовый угол = (180 — Угол вращения)/2 (в градусах, конечно же).

Каждая дочерняя кнопка будет иметь свой собственный угол, который я назову Angle, да просто Angle. Этот угол — последняя часть информации, которая нам нужна для вычисления конечной позиции дочерних кнопок. Обратите внимание, что (см. Фиг. 3, Фиг. 4)

Угол дочерней кнопки с индексом i = Базовый угол + ( i * Разделительный угол)

Теперь, когда у нас есть угол для каждой дочерней кнопки.

. мы сможем рассчитать deltaX и deltaY для этой дочерней кнопки. Обратите внимание, что (см. Фиг. 2):

Конечная позиция X дочерней кнопки = M_X + deltaX

Конечная позиция Y дочерней кнопки = M_Y — deltaY

Мы вычитаем deltaY из M_Y, потому что в отличие от общей системы координат, где начало координат находится в левом нижнем углу, у браузеров начало кординат в левом верхнем углу, поэтому для перемещения чего-либо вы уменьшаете значение своей y-координаты.

На этом мы заканчиваем заниматься математикой, поскольку теперь у нас есть начальная позиция (M_X, M_Y) и конечное положение каждой из дочерних кнопок. Предоставим React сделать остальную работу.

React.start();

В следующем примере вы увидите, что происходит, при нажатии на основную кнопку: мы устанавливаем переменную состояния isOpen в true (строка 85). Как только isOpen истинно, передается другой набор стилей для дочерних кнопок (строка 97, строка 66, строка 75).

В результате получим вот что:

Мы устанавливаем начальное и конечное положение дочерних кнопок при нажатии. Все, что нам нужно сделать, — это добавить React Motion, чтобы сделать плавным перемещение дочерних кнопок от начальной к их конечной позициям.

React-Motion.start();

принимает несколько параметров , один из которых является необязательным. Мы не особо заботимся о необязательном параметре, так как не делаем ничего, с чем связан этот параметр.

Первый параметр называется style. Этот стиль затем передается в качестве параметра в функцию обратного вызова, который принимает интерполированные значения и делает свое дело.

Вот наш код (строка 8 : React требует передачи параметра key для дочерних компонентов):

Даже после этого результат не будет отличаться от Фиг. 7. Почему вы спрашиваете? Что ж, остался последний шаг — spring.

Как упоминалось ранее, функция обратного вызова принимает интерполированные значения, это то, что делает spring для интерполяции значений стиля.

Нам нужно будет отредактировать initialChildButtonStyles и finalChildButtonStyles:

Обратите внимание на значения top и left, обернутые вокруг spring. Это единственные изменения, и теперь:

Опционально spring принимает второй параметр, который представляет собой массив, содержащий два числа [жесткость, демпфирование] (по умолчанию это [170, 26]), что приводит к тому, что вы видите выше на рис. 8.

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

[320, 8] — Фиг. 9 [320, 17] — Фиг. 10

Что если бы мы добавляли задержку каждый раз перед началом анимации следующей дочерней кнопки? Это именно то, что нам нужно сделать, чтобы достичь конечного эффекта. Однако это не так просто, нам нужно хранить каждый компонент движения в виде массива в переменной состояния. Затем нужно изменить состояния одно за другим для каждой из дочерних кнопок, чтобы достичь нужного эффекта. Код будет выглядеть примерно так:

Затем в componentDidMount поместите childButtons

Функция openMenu станет такой:

Вот и все. Сделав небольшие эстетические настройки (добавление значков и небольшое вращение), мы получаем следующее:

Обратите внимание, что вы можете разместить столько дочерних кнопок, сколько захотите:

NUM_CHILDREN = 1 NUM_CHILDREN = 3 NUM_CHILDREN = 8

На этом все. Вы можете скачать код здесь. Не стесняйтесь внести в него изменения и лайкнуть кнопку с соц. иконками ниже.)

Добавить комментарий