WebForMySelf

Источник: WebForMyself.com Что такое REST API? REST – это аббревиатура Representational State Transfer или по-русски «передача репрезентативного состояния» — вообще непонятное описание самой используемой технологии в веб-сервисах! REST API – это способ для двух компьютеров взаимодействовать через HTTP в браузерах и серверах. Для разработки ПО передача данных между двумя системами или более всегда была фундаментальным требованием. Приведем пример с покупкой автостраховки. Ваш страхователь должен получить информацию о вас, о вашем авто...

Источник: WebForMyself.com JavaScript – достаточно гибкий язык. Он предлагает множество способов, как конвертировать типы данных. В этом коротком уроке мы узнаем, как перевести число в строку в JavaScript. Конвертация может понадобиться, если нужно сделать числа более читаемыми для пользователей. Например, для вставки внутрь предложения. В этом уроке разберем 4 способа, как перевести число в строку в JavaScript. В зависимости от ваших нужд рекомендуется использовать разные подходы: Конвертируем...

Источник: WebForMyself.com CSS селекторы позволяют выбирать элементы по типу, атрибутам и положению внутри HTML-документа. В этом уроке разберем три новые опции — :is(), :where() и :has(). Селекторы в стилях применяются повсеместно. Пример ниже находит все параграфы и меняет жирность шрифта на bold: Для поиска DOM узлов селекторы можно использовать и в JavaScript: Псевдоклассы находят HTML элементы по их текущему состоянию. Наверное, самый известный псевдокласс — :hover. Он применяет стили к элементу, когда курсор наводится на него...

Источник: WebForMyself.com В этой статье мы разберем TypeScript и JavaScript, сравним их и узнаем, когда их лучше использовать. Разберем, что же из себя представляет TypeScript, узнаем про его плюсы и минусы. Что такое TypeScript? TypeScript — open-source язык программирования, созданный и поддерживаемый Microsoft. Это надмножество JavaScript: любой JS код запускается в окружении TypeScript. TypeScript придумали, чтобы решить проблемы, возникающие во время разработки крупных JS приложений. Такие приложения состоят из сотен различных файлов...

Источник: WebForMyself.com В CSS Grid помимо явной установки размеров колонок есть еще одна из мощнейших функций – в Grid можно повторять колонки для заполнения контейнера и автоматически размещать в них элементы. В частности, мы можем указать количество столбцов в сетке, а затем браузер будет управлять адаптивностью этих колонок за нас. На маленьких экранах будет показываться меньше столбцов, а на больших – больше, так как экран позволяет вместить больше столбцов. Для этого даже не нужно писать медиа запросы...

Источник: WebForMyself.com Мне одному кажется, что большую часть времени изучение новых возможностей CSS приводит к изучению не только принципа работы одного конкретного свойства, а набора свойств и того, как они работают вместе? А порой и изучения всей спецификации. Нет, я не жалуюсь: понятное дело, что свойства нужно рассматривать как часть экосистемы. Но признаюсь, я обожаю, когда новое CSS свойство появляется в браузерах, и его изучение не требует много сил, и все просто работает. Свойство...

Источник: WebForMyself.com Урок по решению любой проблемы в JavaScript с помощью отладки. Отладка – отличный навык для решения любых проблем в JS коде. Каждый день мы просыпаемся, завтракаем, идем к компьютеру, садимся и пишем идеальный код, который делает именно то, что мы хотим. А потом мы просыпаемся. Было бы круто, правда? Но это лишь сон. Насколько бы хорошим кодером вы не были, вы не сможете писать код без багов. Код по определению не может быть без багов. Баг – это та проблема, которую вы не заметили или не ожидали, когда сели писать код...

Источник: WebForMyself.com CSS разительно изменился за последние годы. Но для меня взрывным годом для CSS стал 2021. В этот год вышло много новых функций. Среди новых функций можно назвать контейнерные запросы, родительские селекторы, правила управления каскадированием, CSS Grid и т.д. Все главные производители браузеров в восторге от всех этих функций. Это очень помогает нашим разработчикам. Давайте поблагодарим их за тяжелый труд! А теперь взглянем что нового CSS представит в 2022. 1. Родительский...

Источник: WebForMyself.com При работе с UI мне нужно было добавить разделитель между двумя секциями. Вот так, как показано на изображении ниже в статье. На экранах поменьше разделитель должен становиться горизонтальным: Давайте рассмотрим HTML. У нас есть секция с двумя дочерними элементами, между которых нам необходим разделитель. Для этого я воспользуюсь flexbox. Элементы должны заполнять 50% от родителя. А также я добавил отступ в 1rem между ними. Как это выглядит: Далее я хочу центрировать 2 элемента вертикально...

Источник: WebForMyself.com Мы реализовали новую классную технику автозаполнения в CSS Grid в ядре Drupal 10. Думаю, ей можно поделиться с миром. Требования: Ниже показано, как должна вести себя CSS Grid с автозаполнением, если слева от нее изменяется ширина div элемента. Видео Если не хотите читать, можете просто скопировать код ниже. Демонстрация Теория и инструменты CSS Grid с автозаполнением Код выше использует несколько современных CSS инструментов, среди которых CSS Grid функции repeat(), auto-fill(), minmax(), CSS max() и calc()...

Источник: WebForMyself.com CSS hover эффекты для ссылок могут придать изюминку обычной веб-странице. Бывало ли у вас, что вы не можете придумать красивый hover эффект? Я покажу вам 6 CSS эффектов для вашего следующего проекта. Мы говорим про :hover. Однако бывают случаи (не всегда), когда лучше добавить также :focus, так как не всегда для взаимодействия используется мышь. Иногда это может быть тачскрин или нажатие клавиш. Эффект скользящей подсветки ссылки при наведении мыши Такой эффект использует box shadow для инлайн ссылки и меняет цвет ее текста...

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