Author: Андрей

11
Ноя
2019

Синтаксис свойства CSS Display с двумя значениями

От автора: если вам нравится читать примечания к релизам, то вы, возможно, заметили в примечаниях Firefox 70 строку, относящуюся к реализации синтаксиса с двумя значениями для свойства CSS display. Или, может быть, вы встретили упоминание о нем во вчерашнем обзоре Firefox 70. Сегодня я объясню, что это значит, и почему понимание этого синтаксиса важно, несмотря […]

11
Ноя
2019

Будущее фриланса с WordPress

От автора: если вы в прошлом году много внимания уделяли пространству WordPress, вы, возможно, заметили, что это было время плодотворных изменений. Возможно, самым заметным из этих изменений была интеграция нового редактора блоков Гутенберга. Это, наряду с некоторыми другими недавними закулисными событиями, стало поворотным моментом. Это влияет на все сообщество. Но сегодня я собираюсь сосредоточиться на […]

08
Ноя
2019

Как создать формы загрузки файлов на сайте WordPress

От автора: формы — это простой способ сбора информации от посетителей сайта, а загрузка файлов позволяет пользователям добавлять еще более полезную или важную информацию. В этой статье я покажу вам, как создать форму загрузки резюме для веб-сайта на WordPress. Пользователи смогут загружать файлы резюме в формате PDF. К концу этого руководства у нас должно быть […]

08
Ноя
2019

7 единиц измерения CSS, о которых вы могли не знать

От автора: сегодня я собираюсь познакомить вас с некоторыми инструментами CSS, о которых вы, возможно, не знали раньше. Эти инструменты представляют собой единицы измерения, например, пиксели или em, но вполне возможно, что о некоторых вы никогда не слышали! Давайте начнем. Работая с методами CSS, которые мы хорошо знаем, можно застрять, когда появляются новые проблемы. Поскольку […]

07
Ноя
2019

await верхнего уровня

От автора: await верхнего уровня позволяет разработчикам использовать ключевое слово await вне асинхронных функций. Оно действует как большая асинхронная функция, заставляя другие модули import ожидать ее, прежде чем они начнут оценивать тело. Старое поведение Когда async/ await был впервые введен, попытка использования await вне функции async приводила к SyntaxError. Многие разработчики использовали сразу вызываемые выражения […]

07
Ноя
2019

Как создать всплывающее окно обратной связи на чистом CSS

От автора: в этом супер-коротком руководстве мы рассмотрим процесс создания всплывающего окна обратной связи. Мы не будем использовать JavaScript, на самом деле мы создадим форму, воспользовавшись «техникой хака чек-боксов CSS». Звучит интересно? Вот что мы будем создавать: 1. Начинаем с разметки страницы Мы начнем с чек-бокса вместе с его меткой и формой. В форме мы […]

06
Ноя
2019

Как создать эффект расширения пунктов меню при наведении мыши

От автора: вы когда-нибудь использовали в проекте плагин WordPress Slider Revolution? Если ответ «да», вы могли заметить мини-панель инструментов, которая появляется в правом углу страницы конфигурации плагина. Первоначально видны только иконки, что делает все это красивым и компактным. Затем каждый раз при наведении курсора происходит расширение текста под ним. В этом руководстве давайте почерпнем вдохновение […]

06
Ноя
2019

Создание макета панели администрирования с помощью CSS и JavaScript

От автора: в этом руководстве мы создадим адаптивный макет панели администрирования с помощью CSS и немного JavaScript. Чтобы создать его, мы позаимствуем некоторые идеи из панели управления WordPress, например, ее боковое меню. В процессе создания мы столкнемся со множеством проблем, но они дадут нам хорошую практику для повышения навыков. Что мы будем создавать Без дальнейших […]

05
Ноя
2019

7 на первый взгляд простых вопросов на собеседовании по JavaScript

От автора: самые стрессовые для меня вещи в разработке программного обеспечения это: собеседование по кодированию и дотошный менеджер или товарищ по команде. Не JavaScript, не this, не CSS, не Internet Explorer, а именно эти две вещи. Если вы претендуете на должность старшего разработчика, который использует JavaScript, есть высокий шанс того, что вам зададут во время […]

04
Ноя
2019

React VS Vue: Что лучше в 2020 году?

От автора: Javascript-фреймворки наряду с HTML и CSS стали неотъемлемой частью разработки интерфейса любого современного программного проекта. 2020 год станет еще одним годом выбора правильного JavaScript-фреймворка для вашего проекта. Если вы читаете этот пост, то я предполагаю, что вы не уверены в техническом стеке для своего следующего проекта. Это не просто определить, и этот пост […]

04
Ноя
2019

Минималистичное управление состоянием (React)

От автора: React версии 16.3 представил новый API контекста. На мой взгляд, эта новая функция достаточно хороша для управления состоянием небольших и средних приложений. Недавно я написал небольшой проект, в котором использовал контекст в качестве основного источника данных для front-end. В этом посте я хотел бы поделиться полученными знаниями и подходом. Новый API Давайте бегло […]

01
Ноя
2019

Создание JavaScript приложения для распознавания лиц, как в кино

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

01
Ноя
2019

Как обнаружить блокировщик рекламы

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

01
Ноя
2019

Круги в CSS

От автора: я постоянный эксперт Cloud Four по кругам. Я не планировал им быть. Некоторое время назад мы работали над проектом, в котором было много кругов: круглые контейнеры, круглые миниатюры, круглые кнопки. И сначала я стал парнем, с которым можно поговорить, если у вас возникли проблемы с кругами и CSS. Но я открою вам секрет: […]

01
Ноя
2019

Префикс языка в URL в мультиязычном проекте на Laravel

От автора: мультиязычные проекты пользуются огромной популярностью в данное время, потому как значительно расширяют аудиторию посетителей приложения. При этом, если рассматривать техническую сторону реализации мультиязычности, то возникает вполне предсказуемый вопрос, что делать с URL и нужно ли размещать код выбранного языка в ссылках на страницы сайта? В этом видео будем разбираться с данным вопросом и […]

31
Окт
2019

Новые функции в React 16.9.0

От автора: в этом посте вы познакомитесь с новейшей версией React.js, а также с общими новостями о будущем. React — это одна из самых популярных библиотек JavaScript, более 110 000 звезд и более 2 миллионов человек используют ее на GitHub. Множество преданных членов сообщества облегчают жизнь разработчикам, создавая удивительный пользовательский интерфейс, который вошел в новейшую […]

31
Окт
2019

Повысьте производительность приложений React + Redux с помощью библиотеки Reselect

От автора: селекторы — это удобный способ «выбрать» состояние из магазина Redux. Хранилище Redux хранит всю логику и данные приложения; селекторы используются для выбора определенных частей состояния из хранилища. Если вы создаете приложения с использованием React и Redux, вы можете воспользоваться селекторами. Как выглядят селекторы? Прежде чем мы рассмотрим то, почему селекторы удобны и как […]

31
Окт
2019

Демонстрация повторно используемых компонентов React в формах

От автора: компоненты являются строительными блоками приложений React. Практически невозможно создать приложение React и не использовать компоненты. Это распространено до такой степени, что некоторые сторонние пакеты предоставляют компоненты, которые вы можете использовать для интеграции функционала в свое приложение. Эти сторонние компоненты, как правило, могут быть использованы повторно. Разница между ними и компонентами, которые, вероятно, есть […]

30
Окт
2019

Создание слайд-шоу с помощью CSS Scroll Snappin

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

30
Окт
2019

Создание макета настенного альбома с помощью CSS Grid

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

30
Окт
2019

Современный сброс CSS

От автора: я наслаждаюсь очень скучными CSS-вещами — честно говоря, возможно, гораздо больше, чем должен бы. Одна вещь, на которую я, вероятно, потратил слишком много времени, это сброс CSS. В современную эпоху веб-разработки нам на самом деле не нужен сложный сброс или даже сброс вообще, потому что проблемы совместимости CSS с браузером возникают гораздо реже, […]

30
Окт
2019

Загрузка файла с Google Drive при помощи PHP

От автора: облачные хранилища данных очень популярны на сегодняшний момент потому как позволяют сохранять большие объемы информации и предоставляют доступ к ним из любого места, где есть выход в сеть интернет. Поэтому в данном уроке Вы увидите, как реализовать скачивание файлов из сервиса Google Drive средствами языка PHP. Сервис Google Drive предоставляет разработчикам, довольно мощное […]

29
Окт
2019

Интеллектуальные пользовательские свойства с новым API Houdini

От автора: пользовательские свойства CSS, также известные как переменные CSS, позволяют вам определять собственные свойства и использовать их значения в CSS. Несмотря на то, что они невероятно полезны, у них есть недостатки, из-за которых с ними сложно работать: они могут принимать любое значение, поэтому могут быть случайно переопределены чем-то неожиданным, они всегда наследуют свои значения […]

28
Окт
2019

React и SEO: Создание на Next.js SPA, оптимизированных для Google

От автора: мы часто рекомендуем использование одностраничных приложений. Мы продолжим делать это, потому что они великолепны. Я имею в виду, они быстрые, они предлагают невероятный UX и у них крутой вид. Тем не менее, мы также всегда обращаем внимание на вещи, с которыми нужно быть осторожными, когда речь идет о работе с SPA — такие […]

28
Окт
2019

Модульная структура в проекте с использованием фреймворка Laravel. Часть 2

От автора: в прошлом уроке Вы увидели, как добавить поддержку модульной структуры в приложение, написанное с использованием фреймворка Laravel. Но, согласитесь, что каждый раз создавать требуемый набор каталогов и файлов не совсем удобно. Поэтому в данном видео будет реализована консольная команда, при помощи которой можно будет генерировать каркас для будущего модуля. Фрейморк Laravel предоставляет разработчикам […]

25
Окт
2019

Новые и готовящиеся функции JavaScript ES2019

От автора: с самого начала JavaScript прошел долгий путь со многими новыми дополнениями и функциями, специально разработанными для того, чтобы сделать язык более удобным и менее многословным. Ниже приведены некоторые недавние добавления в JavaScript, которые я нахожу захватывающими. Некоторые из этих функций уже доступны в Node, Chrome, Firefox и Safari, в то время как другие […]

25
Окт
2019

Модульная структура в проекте с использованием фреймворка Laravel. Часть 1

От автора: модульная структура архитектуры проекта — отличное решение для крупных и развивающихся приложений. Но, если говорить о фреймворке Laravel, то из «коробки» поддержки подобного способа организации кода нет. Поэтому в данном и следующем видео Вы увидите, как с нуля добавить поддержку модульности в приложение написанное с использованием фреймворка Laravel. Хотелось бы отметить, что модульное […]

24
Окт
2019

CSS Grid меняет наше представление о структуре контента

От автора: любой, кто хоть немного занимался созданием веб-сайтов, знает, что div — это важный строительный блок для управления макетами. HTML5 представил новые семантические элементы, и хотя они являются фантастическим дополнением к языку, они немного похожи на гарнир в супе div. С grid нам больше не нужно полагаться на div, чтобы создать структуру страницы или […]

23
Окт
2019

Нативный javascript: 6 функций, о которых вы не знаете

От автора: JavaScript — это язык, который быстро развивается; по этой причине иногда трудно уследить за всеми все его функциями и возможностями. В этой короткой статье мы рассмотрим некоторые нативные функции, о которых вы, возможно, не знали. Получение параметров строки запроса URLSearchParams это интерфейс, который позволяет обрабатывать параметры строки запроса, он существует уже несколько лет, […]

22
Окт
2019

Тестирование приложений React в 2019 году

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