Канал WebForMySelf - IT и веб-разработка
4.26K subscribers
289 photos
5 videos
81 files
3.06K links
Канал сайта WebForMySelf. Самые свежие материалы из мира IT и веб-разработки
Связь: https://webformyself.support-desk.ru/
Download Telegram
CSS hover эффекты для ссылок могут придать изюминку обычной веб-странице. Бывало ли у вас, что вы не можете придумать красивый hover эффект? Я покажу вам 6 CSS эффектов для вашего следующего проекта.
#css
https://webformyself.com/6-kreativnyx-idej-css-hover-effekta-dlya-ssylok/
Мне одному кажется, что большую часть времени изучение новых возможностей CSS приводит к изучению не только принципа работы одного конкретного свойства, а набора свойств и того, как они работают вместе? А порой и изучения всей спецификации. Нет, я не жалуюсь: понятное дело, что свойства нужно рассматривать как часть экосистемы. Но признаюсь, я обожаю, когда новое CSS свойство появляется в браузерах, и его изучение не требует много сил, и все просто работает.
#css
https://webformyself.com/sootnoshenie-storon-eto-kruto/
В CSS Grid помимо явной установки размеров колонок есть еще одна из мощнейших функций – в Grid можно повторять колонки для заполнения контейнера и автоматически размещать в них элементы. В частности, мы можем указать количество столбцов в сетке, а затем браузер будет управлять адаптивностью этих колонок за нас. На маленьких экранах будет показываться меньше столбцов, а на больших – больше, так как экран позволяет вместить больше столбцов. Для этого даже не нужно писать медиа запросы.
#cssgrid
https://webformyself.com/avtomaticheskoe-izmenenie-razmera-stolbcov-v-css-grid-auto-fill-protiv-auto-fit/
Важным элементом веб-страницы, особенно лендинга является CTA (call to action) – призыв к действию. CTA часто сразу пишут на кнопках «Оформить заказ», «Перезвоните мне», «Заказать расчет стоимости» и т.д. И чем лучше сделана кнопка, чем красивее эффект по наведению на такую кнопку, тем выше вероятность, что ее нажмут посетители сайта.
#css
https://webformyself.com/effekt-navedeniya-na-knopku/
В этой статье мы разберем TypeScript и JavaScript, сравним их и узнаем, когда их лучше использовать. Разберем, что же из себя представляет TypeScript, узнаем про его плюсы и минусы.
#javascript #typescript
https://webformyself.com/typescript-i-javascript-chto-ispolzovat-i-pochemu/
JavaScript – достаточно гибкий язык. Он предлагает множество способов, как конвертировать типы данных. В этом коротком уроке мы узнаем, как перевести число в строку в JavaScript. Конвертация может понадобиться, если нужно сделать числа более читаемыми для пользователей. Например, для вставки внутрь предложения.
#javascript
https://webformyself.com/bystryj-sovet-kak-preobrazovat-chislo-v-stroku-v-javascript/
Что такое REST API? REST – это аббревиатура Representational State Transfer или по-русски «передача репрезентативного состояния» — вообще непонятное описание самой используемой технологии в веб-сервисах! REST API – это способ для двух компьютеров взаимодействовать через HTTP в браузерах и серверах.
#javascript #api
https://webformyself.com/chto-takoe-rest-api/
Когда мы создаем какой-то фронтенд, мы часто делаем запросы к API на бэкенде. Вместо того, чтобы каждый раз писать запрос через fetch или использовать большую библиотеку, типа Axios, мы можем написать свою небольшую утилиту. Она сделает отправку запросов более удобной, а код более читаемым. В этом видео мы создадим такую утилиту.
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-1/
wwwjsfetch1.zip
1.1 KB
Исходники к уроку Утилита для удобной работы с запросами в JavaScript. Часть 1
В этом уроке мы продолжим работать с утилитой для запросов. Мы добавим типизацию с помощью TypeScript и увидим как это улучшит наш код. Будем использовать Generic-типы, создадим несколько своих типов и вспомним, как работать с компилятором TypeScript.
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-2/
wwwtsfetch2.zip
5.7 KB
Исходники к уроку Утилита для удобной работы с запросами в JavaScript. Часть 2