<MyRusakov.ru />

Создание игр на Unreal Engine 5

Создание игр на Unreal Engine 5

Данный курс научит Вас созданию игр на Unreal Engine 5. Курс состоит из 12 модулей, в которых Вы с нуля освоите этот движок и сможете создавать самые разные игры.

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

Помимо самого курса Вас ждёт ещё 8 бесплатных ценных Бонусов: «Chaos Destruction», «Разработка 2D-игры», «Динамическая смена дня и ночи», «Создание динамической погоды», «Создание искусственного интеллекта для NPC», «Создание игры под мобильные устройства», «Создание прототипа RPG с открытым миром» и и весь курс «Создание игр на Unreal Engine 4» (актуальный и в 5-й версии), включающий в себя ещё десятки часов видеоуроков.

Подробнее
Уроки и статьи
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Поиск: HTTPS

Что искали: HTTPS

Всего найдено: 1053 записей

... коллекцией этих замечательных помощников. иконки шрифтовые иконки https://fontawesome.com фреймворком font awesome очень удобно пользоваться, не нужно ...
... и рекомендуемый способ (php 7.3+): передавать массив опций. <?php $ishttps = (!empty($_server['https']) && $_server['https'] !== 'off') || (isset($_server['server_port']) && $_server['server_port'] ...
... установить изображение нужного размера просто пропишите в атрибуте src ссылку (https://placeholder.com/200) и вы получите заглушку шириной 200 пикселей. если высота ...
...     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"         integrity="sha384-+0n0xvw2esr5oomgnydnhzabdsoxxcvsn1tpprvmtndbiyzcxybool7+amvytg2x" crossorigin="anonymous" /> ...
... базовый синтаксис ссылки минимально рабочая ссылка выглядит так: <a href="https://example.com">наш сайт</a> если href отсутствует, элемент перестаёт быть ...
...       { imgsrc: 'https://source.unsplash.com/200x200/?gift', name: 'gift 1', description: 'some description', price: 22.95 },       { imgsrc: 'https://source.unsplash.com/201x200/?gift', name: 'gift 2', description: 'some description', price: 19.35 }, ...
... <meta property="og:type" content="article"> <meta property="og:url" content="https://example.com/blog/html-meta-tags"> <meta property="og:image" content="https://example.com/og-cover.jpg"> <meta property="og:site_name" content="example ...
... # создадим список с названиями некоторых сайтов и уберем знаки **протокола https**, отбросив домен **"net"**. b = ['https://www.example1.com','https://www.example2.net',      'https://www.example3.com','https://www.example4.com', ...
... просили немного осветить тему настройки https-соединения на сайте. для тех, кто не знает, зачем нужен https, объясняю: когда вы передаёте свои данные ...
... если вы не видели первую, то переходите по ссылке сюда. google webfonts helper https://google-webfonts-helper.herokuapp.com/fonts онлайн-сервис google webfonts helper позволяет получить ...
... проекте. официальный сайт плагина: https://os.alfajango.com/easytabs/ подключение easytabs и bootstrap на сайте https://cdnjs.com/ можно найти cdn ссылки на любой плагин ...
...   <title>osrm api example</title>   <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />   <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>   <script src="https://unpkg.com/leaflet-routing-machine/dist/leaflet-routing-machine.js"></script> ...
... так и без плагина. анимация при скролле без плагина сайт: https://github.com/matthieua/wow https://daneden.github.io/animate.css/ как добавить в тему wordpress animate.css и wow.js и ...
...     <meta property="og:image" content="https://example.com/image.jpg" />     <meta property="og:url" content="https://example.com/page" /> </head> ...
... обработки жестов, включая свайпы. подключите библиотеку: <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> используйте hammer.js ...
... частей, обязательных для url. например, протокол https, два прямых слэша // и так далее. const urlpattern = /(?:https?):\/\/(\w+:?\w*)?(\s+)(:\d+)?(\/|\/([\w#!:.?+=&%!\-\/]))?/; как ...
... ошибке и блокирует отправку формы получателю. официальный сайт плагина: https://jqueryvalidation.org/ для демонстрации и настройки работы плагина, нам потребуется ...
... и использовать на своем сайте. подключение jquery ui официальный сайт: https://jqueryui.com/ библиотеку jquery ui можно скачать на компьютер или подключить ...
... с использованием библиотеки fetch. получение списка публикаций: fetch('https://jsonplaceholder.typicode.com/posts')   .then(response => response.json())   .then(data => console.log(data)) ...
... кроссбраузерности, добавим вендорные префиксы, для flexbox c помощью сервиса. https://autoprefixer.github.io/ru/ общие стили оформления, для вводимого текста для ...
... между тегами head. <link href="https://fonts.googleapis.com/css?family=pacifico" rel="stylesheet"> или копируем код @import <style> @import url('https://fonts.googleapis.com/css?family=pacifico'); ...
... catch() для обработки ответов и ошибок. простейший пример get-запроса: fetch('https://jsonplaceholder.typicode.com/posts/1')   .then(response => response.json()) // преобразуем ответ в json ...
...       return 301 https://$host$request_uri; } эти настройки включают https и перенаправляют http-запросы на https. проверьте конфигурацию nginx ...
... запускать браузер вручную. import webbrowser webbrowser.open('https://myrusakov.ru/') этот код откроет веб-страницу https://myrusakov.ru/ в браузере по умолчанию на вашем компьютере. ...
... google webfonts helper - https://google-webfonts-helper.herokuapp.com/fonts генератор треугольников на css - http://apps.eky.hk/css-triangle-generator фигуры необычной формы - https://9elements.github.io/fancy-border-radius ...
...     <title>document</title>     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9ait2nrpc12uk9gs9badl411nqapfmc26ewaoh8wgzl5myyxffc+ncpb1dkgj7sk" crossorigin="anonymous"> ...
... response = requests.get('https://example.com', cookies=cookies) print(response.text) получение cookie из ответа import requests response = requests.get('https://example.com') received_cookies = response.cookies ...
... закрытия браузера 'path' => '/', 'domain' => '', 'secure' => isset($_server['https']), // только по https 'httponly' => true, // недоступно js - защита от xss 'samesite' => 'lax', ...
... «поделиться» от яндекса. ссылка на конструктор: https://tech.yandex.ru/share/ ссылка на документацию: https://tech.yandex.ru/share/doc/dg/add-docpage/ в документации подробно ...
... ключевых частей: протокол: обозначает тип передачи данных (например, http, https). доменное имя: адрес сервера, где располагается ресурс. путь: путь ...
...     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>custom slider</title>     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">     <style> ...
...   <title>document</title>   <!-- add bootstrap css link here -->   <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">   <style> ...
... по ссылке. подключение плагина typed.js официальный сайт плагина typed.js https://github.com/mattboldt/typed.js/ здесь вы можете увидеть пример, что будет происходить ...
...     <!-- bootstrap css -->     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9ait2nrpc12uk9gs9badl411nqapfmc26ewaoh8wgzl5myyxffc+ncpb1dkgj7sk" crossorigin="anonymous"> ...
...     <title>react state</title>     <!-- css -->     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"         integrity="sha384-tx8t27ecre3e/ihu7zmqxvncday5uikz4rekgixemed4m0jlfidpvg6uqki2xxr2" crossorigin="anonymous"> ...
... добавляете на сайт, как обычные картинки. мне нравится брать иконки с сайта: https://www.flaticon.com/ находим через поиск иконки нужных соцсетей, выбираем ...
... initial-scale=1, shrink-to-fit=no">    <!-- bootstrap css -->    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoiresju2yc3z8gv/npezwav56rsmlldc3r/azzgrngxqqknkkofvhfqhnuweyj" ...
...                     "https://myrusakov.ru",                     "https://src.myrusakov.ru"                 } ...
...     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet">     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css"> ...
... <html lang="en"> <head>     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">     <meta charset="utf-8"> ...
... отображать нашу верстку. <!--[if lt ie 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> ...
... формате json: [     {         "url": "https://{сайт}/vacancies/0001",         "company": "компания 1", ...
... делать, придумали интерполяцию строки. console.log('https//site.com/' + user); // получаем на выходе https//site.com/helen_25 интерполяция строк (es6) используем ...
... например, при чтении rss ленты. итак, код далее: const https = require('https') // функция загружает удаленный url function readurl(url) { ...
... легко создавать анимацию элементов при скролле страниц. ссылка на сайт: https://michalsnik.github.io/aos на сайте вы можете сразу увидеть, как выглядят анимированные ...
... перед закрывающим тегом head ссылку на css файл плагина. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /> шаг 2) добавьте на ...
...     <!-- подключаем стили leaflet -->     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />     <style>         #map { ...
... или скомпрометированный сертификат. как работает https без ssl pinning когда клиент устанавливает https-соединение, происходит стандартная проверка ssl-сертификата ...
...     <title>маршрут на карте</title>     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />     <style>         #map { height: 500px; } ...
...   <title>карта с пользовательскими метками</title>   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />   <style>     #map { ...
... и библиотеку jquery. <!doctype html> <html> <head>     <link href="https://fonts.googleapis.com/icon?family=material+icons" rel="stylesheet">     <link type="text/css" ...
... общих запросов в месяц. для оценки охвата аудитории, идем на сервис яндекса https://wordstat.yandex.ru. введем в строку поиска сервиса ключевое слово – французский ...
... чтобы сделать get-запрос , вызовите requests.get(): >>> requests.get('https://srs.myrusakov.ru') <response [200]> ответ запроса response - является ...
... шрифт <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" ...
... jquery. поставьте следующий код перед закрывающимся тегом body: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> дальше вам надо скачать ...
...         <img src="https://myrusakov.ru/images/ue5-cover.png" alt="image" onclick="displaymodal(this);">         <img src="https://myrusakov.ru/images/cppue5-cover.png" alt="image" onclick="displaymodal(this);"> ...
... file_get_contents("http://example.ru");   // чтение удаленного файла по адресу example.ru, используя https   $httpsfile = file_get_contents("https://example.ru/file.txt");   // чтение удаленного файла по ...
... просто загрузить исходники из официального репозитория bootstrap. git clone https://github.com/twbs/bootstrap.git далее переходим в папку bootstrap и устанавливаем ...
...     urls = [         'https://myrusakov.ru/image-format-learning.html',         'https://myrusakov.ru/protecting-a-page-with-javascript.html',         'https://myrusakov.ru/php-fluent-interface.html', ...
...     <title>floating button</title>     <script src="https://unpkg.com/react@17/umd/react.development.js"></script>     <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script> ...
... //подключение библиотеки с иконками <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... стороннего бесплатного ресурса pixabay. <img src="https://cdn.pixabay.com/photo/2020/10/28/11/08/castle-5693094_1280.jpg" alt=""> <img src="https://cdn.pixabay.com/photo/2014/09/07/21/52/city-438393_1280.jpg" alt=""> ...
... инструкция как вставить на сайт карту с вашим объектом. переходите на сайт https://www.google.com/maps вводите в поисковую строку адрес или название места выбираете ...
...   <ul>     <li><a href='https://myrusakov.ru/python-tutorial.html'>python</a></li>     <li><a href='https://myrusakov.ru/cpp-tutorial.html'>c++</a></li> ...
...     <!-- bootstrap css -->     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-tx8t27ecre3e/ihu7zmqxvncday5uikz4rekgixemed4m0jlfidpvg6uqki2xxr2" crossorigin="anonymous"> ...
... sudo apt install apt-transport-https ca-certificates curl software-properties-common # добавляем ключ gpg официального репозитория docker: curl -fssl https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg ...
... иконки из библиотеки ionicons <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... javascript файлов на удаленном сервере. <script src="https://unpkg.com/react@16/umd/react.production.min.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script> ...
... шаг 2: затем, чтобы получить html-содержимое https://www.bbc.com/news , добавьте эти 2 строки кода: url='https://www.bbc.com/news' response = requests.get(url) ...
...     </div>   </div> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... интернете для обмена данными, мы можем выполнить следующий код: fetch('https://api.github.com/users/fabpot')   .then(res => res.json())   .then(json => console.log(json)); ...
... class="indicator"></div>   </ul> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
...     </div>     </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
...   transform: translate(-50%, -50%);   text-align: center; } примеры градиентов https://cssgradient.io https://webkul.github.io/coolhue/ https://www.grabient.com/ оттуда можно скопировать код ...
... <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>генерация штрих-кода</title> <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.0/dist/jsbarcode.all.min.js"></script> </head> <body>   <!-- вставляем сгенерированный код в виде векторного рисунка --> ...
...       </div>   </div> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... свой проект , меняя или добавляя некоторые параметры. официальный сайт: https://sarcadass.github.io/granim.js/examples.html базовая анимация градиентов состоит из ...
... type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css"/> <link rel="stylesheet" href="style.css"> // перед закрывающим тегом body внизу <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> ...
... синего цвета, а посещенные ссылки окрашивают в фиолетовый цвет. <a href="https://myrusakov.ru/">как создать свой сайт</a> абсолютная ссылка абсолютная ...
...     <title>фильтры на карте</title>     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />     <style>         #map { height: 500px; } ...
... heroku, то все уже настроено и работает. вот сама ссылка: https://api.bot.org/bot<%токен_бота%>/setwebhook?url=https://myrusakovbot21.herokuapp.com/index.php все готово, теперь приступим ...
... использования: <?php $urls = [ 'https://yandex.ru', 'http://myrusakov.ru', 'http://349e9esjxaa.com', 'https://myrusakov.ru/hello' ]; foreach($urls as $url) ...
... библиотеки fontawesome, предварительно подключив ее. <head> ... <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> ... </head> <div class="navigation"> ...
... другие шрифты <link href="https://fonts.googleapis.com/css?family=forum|roboto+slab:400,700" rel="stylesheet"> //подключаем библиотеку font awesome <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> ...
... class="clip clip2"></div>     <div class="clip clip3"></div> </div> @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
... библиотеки. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/x+965dzo0rt7abk41jstqiaqvgrvzpbzo5smxkp4yfrvh+8abtte1pi6jizo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" ...
...       width: 90%; } } анимация элементов, используя библиотеку animate.css сайт: https://daneden.github.io/animate.css/ для полного счастья, давайте оживим некоторые элементы, ...
... иконками из библиотеки fontawesome. //ссылка на библиотеку <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5a8nwdmowrsz20fdsjczguidubr8lipyu+wymtzp1lmy9g6oc7hlzv156xqnsgnuztymefftcsfh/tnje/+xbg==" ...
... пропишем ссылки, между тегами head. <link href="https://fonts.googleapis.com/css?family=roboto+slab:400,700" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"> ...
... content="width=device-width, initial-scale=1"> подключаем google шрифт между тегами head. <link href='https://fonts.googleapis.com/css?family=roboto+slab:700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'> ...
... на сервис. итак, впервую очередь необходимо зарегистрироваться на heroku - https://signup.heroku.com/account. далее необходимо установить инструмент командной ...
... name="square-outline"></ion-icon></div> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... компьютере пользователя, обязательно надо подключать в файле стилей. @import url(https://fonts.googleapis.com/css?family=alegreya+sans+sc:900); фотография на все окно браузера ...
... url легче для восприятия. взгляните на пример ниже. https://myrusakov.ru/article.php?id=1057 https://myrusakov.ru/apache-rewrite-engine-guide.html согласитесь, что читать ...
...      <!-- font awesome -->      <script defer src="https://kit.fontawesome.com/921224fb4e.js"></script> </head> <body>     <div id="root"></div> ...
... к html файлу. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> находим нужную иконку на сайте https://fontawesome.com, копируем код и вставляем ...
... генератор для генерации фавиконки воспользуемся онлайн-генератором https://realfavicongenerator.net. подготовим картинку размером 260x260 пикселей в любом ...
... импортировать его. далее пример кода: import webbrowser webbrowser.open ('https://myrusakov.ru', new=2) если параметр new равен 0, url открывается в ...
...   <title>модальное окно на чистом css</title> </head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-gn5384xqq1aowxa+058rxpxpg6fy4iwvtnh0e263xmfcjlsawiggfaw/dais6jxm" crossorigin="anonymous"> ...
... обязательный атрибут itemscope и тип схемы разметки itemtype. <div itemscope itemtype="https://schema.org/person"></div> далее прописываются отдельные свойство схемы, ...
... # создаем и инициализируем объект        site = site('myrusakov.ru','https://myrusakov.ru') # выводим свойства print(site.name)    print(site.url) ...
... $url = "http://www.myrusakov.ru/";   // вызов методов сервиса   $api_data = file_get_contents("https://www.googleapis.com/pagespeedonline/v2/runpagespeed?url=$url&screenshot=true");   // расшифровка данных** ...
... одной библиотеки, то добавь ещё одну. подключение плагина wow.js сайт: https://github.com/matthieua/wow нужно сделать так, чтобы анимация срабатывала только ...
... class="box">     <div class="box_header">         <img src="https://via.placeholder.com/400x150" alt="">     </div> </div> .box {     width: ...
... совсем необязательно. можно пользоваться css генератором теней. https://css3generator.com https://webcode.tools/css-generator обучающей информации в интернете много, но ...
... сделать его адаптивным – задача веб-мастера. <iframe width="560" height="315" src="https://www.youtube.com/embed/fn_jrxerhug" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" ...
... следующим кодом: from http.server import httpserver, cgihttprequesthandler server_address = ("",8800) httpd = httpserver(server_address, cgihttprequesthandler) httpd.serve_forever()  ...
... онлайн-сервисов с базой данных зарегистрированных торговых знаков. https://www.trademarkia.com/ https://trademark-search.marcaria.com/ но самый простой путь - установить браузерное ...
... сможете отправлять сообщения в канал с помощью простых http-запросов: https://api.telegram.org/bot%{botapikey}/sendmessage?chat_id=%{channelname}&text=%{text} %{botapikey} ...
... "вёрстка сайта с нуля 2.0". как подключить иконки font awesome официальный сайт: https://fontawesome.com самый простой способ подключения - через font awesome cdn. вы просто ...
... нелегальный способ подключения, хотя он и работает. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-o8whs3fhg2ona5kas0y9l3cfpmyjapji0e4theh4iumd+plhbf6ji0jimfyck3yz" ...
... btn = document.queryselector('#btn'); // занесем тестовый url в переменную const url = 'https://jsonplaceholder.typicode.com/users'; // функция будет принимать в качестве параметра ...
... вы исправили. проанализировать страницу в сервисах: https://developers.google.com/speed/pagespeed/insights/?hl=ru https://jigsaw.w3.org/css-validator будет плюсом, если добавите другие ...
... базовой темы. после установки wordpress с официального сайта https://wordpress.org/, вам надо на сайте https://underscores.me/, сгенерировать вашу тему, дайте ей какое-нибудь ...
... командная строка в терминале. выполните команду клонирования: git clone https://github.com/login/login.github.io в папке с проектом на компьютере появится папка ...
...     <!-- приводим стили к общему виду с помощью https://github.com/necolas/normalize.css -->     <link rel="stylesheet" href="css/normalize.css"> ...
... витамином a, а так нерастворимой и растворимой клетчаткой.<br><a href="https://site.ru/ananas"><b>ссылка</b></a>на полную статью     </p> ...
... стандартам w3c. копируете html код страницы и вставляете в поле формы на сайте https://validator.w3.org. для проверки всего сайта, который уже размещен в интернете, ...
... подмену. если рядом с https отображается иконка замочка, значит данные передаются по защищенному каналу. протокол https обеспечивает защиту ...
... вызываем так: loader.importjs('https://cdnjs.cloudflare.com/ajax/libs/timeago.js/3.0.2/timeago.js') // timeago().format(new date()) loader.importjs('https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js') ...
... стилей, чтобы форма смотрелась более привлекательно. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... изображений. официальный сайт: https://bxslider.com/ как подключить bxslider первый способ скопировать код отсюда https://bxslider.com/install/ и вставить в свой ...
... $(document).ready(function () {   $("a[target]").css("color", "blue"); }); <a href="https://jquery.com/">выборка по атрибуту</a><br /> <a href="https://jquery.com/" target="_blank">выборка по атрибуту</a> ...
... подобных случаев. итак, установим расширение selenium ide из магазина chrome - https://chromewebstore.google.com/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd откроем расширение в браузере ...
...   &#039;https://archive.org/download/bigbuckbunny_124/content/big_buck_bunny_720p_surround.mp4&#039;; // устанавливаем постер для видео video.poster =   &#039;https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217&#039;; ...
несколько дней назад я выпустил новый курс по php 7: https://srs.myrusakov.ru/freephp7. на момент написания статьи его получило уже 4899 человек. и в этой статье ...
... пример вы можете найти здесь: http://vodkabears.github.io/vide/ теперь заходите сюда: https://github.com/vodkabears/vide качайте архив. на вашей странице подключите jquery и ...
... сообщение, и введите в адресной строке браузера (без фигурных скобок{}): https://api.telegram.org/bot{bot_token}/getupdates в ответ должен прийти json ответ с chat_id или ...
...     <title>covid-19 stats- uk</title>     <meta charset="utf-8">     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> </head> ...
... use ratchet\connectioninterface; use react\eventloop\factory; use react\socket\server; use ratchet\websocket\wsserver; use ratchet\http\httpserver; class chat implements messagecomponentinterface {     public function onopen(connectioninterface $conn) { ...
... клиента (client errors) (400-499) ошибки сервера (server errors) (500-599) var url = "https://myrusakov.ru"; using var client = new httpclient(); var result = await client.getasync(url); ...
... не бросает исключение на 4xx/5xx по умолчанию — нужно проверять res.ok. fetch('https://api.example.com/users') .then(res => { if (!res.ok) throw new error(`http ${res.status}`); return res.json(); ...
...     <meta name="description" content="простой пример интеграции telegram webapp."> </head> <body>     <script src="https://telegram.org/js/telegram-web-app.js"></script>     <script>         // инициализация объекта telegram webapp ...
...     <title>генератор картинок</title>     <!-- bootstrap css -->     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"         integrity="sha384-qwtkzyjppejisv5waru9oferpok6yctnymdr5pnlyt2brjxh0jmhjy6hw+alewih" crossorigin="anonymous"> ...
...     static void main(string[] args)     {         string url = "https://example.com/data";         httpwebrequest request = (httpwebrequest)webrequest.create(url); ...
... инструмент burp suite, который позволяет перехватывать и анализировать http/https-трафик между веб-браузером и сервером. это позволяет тестировщикам ...
... версию на сайт <script src="path/to/sharer.min.js"></script> или используйте cdn <script src="https://cdn.jsdelivr.net/sharer.js/latest/sharer.min.js"></script> если вы используете meteor, можете ...
... или онлайн-генераторы. убедитесь, что файл доступен по адресу, например, https://example.com/sitemap.xml. добавьте ссылку на sitemap в яндекс.вебмастере для ускорения ...
...     <title>bootstrap темная тема</title>     <link       href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"       rel="stylesheet" ...
... from oauth2client.service_account import serviceaccountcredentials # определяем область доступа scope = ["https://spreadsheets.google.com/feeds", "https://www.googleapis.com/auth/drive"] # аутентификация с помощью ключей api ...
...     return $response; // возвращаем html-ответ } $url = 'https://myrusakov.ru'; // url для запроса $res = httpget($url); // получаем html-контент с url ...
... регистрация в данной системе очень простая. вам нужно лишь перейти по ссылке https://github.com/ там ввести незанятый логин, email и пароль и после чего нажать ...
... преимуществом. скачать openserver можно здесь: https://ospanel.io. как его скачать, установить и настроить, я показывал в своём бесплатном курсе: https://srs.myrusakov.ru/freephp7.
...             width: 50%;             background: url("https://myrusakov.ru/images/articles/javascript-debounce.jpg") white;             background-position: 100px; ...
... данные в формате html. в качестве данных будем использовать открытое api https://jsonplaceholder.typicode.com/posts. это бесплатный онлайн-сервис rest api, который предоставляет ...
... <iframe style="width: 640; height: 480; border: none;" name="embedded_python_anywhere" src="https://www.pythonanywhere.com/embedded3/"></iframe> вставьте этот код в html-разметку ...
...     </li> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... необходимости. аспекты безопасности: https: для сервис-воркеров требуется безопасное соединение (https) для предотвращения потенциальных угроз ...
... строиться логика работы приложения? для примера будем использовать сервис https://jsonplaceholder.typicode.com. мы опишем json-ответы сервиса с помощью pojo (plain old java ...
... import time import requests from bs4 import beautifulsoup # config url = 'https://{ваш_сайт}/vacancies/middle_php_developer' # заголовки запроса headers = { ...
... часто «тяжелее» картинок. нативный loading="lazy" работает и для iframe: <iframe src="https://www.youtube.com/embed/video_id" title="видеообзор" loading="lazy" width="560" height="315" allow="accelerometer; ...
... бота можно запустить прямо на компьютере разработчика без настройки https веб-хуков на собственном домене. <?php require __dir__ . '/message.php'; // класс, созданный выше ...
...     try {         const response = await fetch('https://example.com/api/speech-to-text', {             method: 'post', ...
... отображался правильно, надо прописать строчку в коде между тегами head: <link href="https://fonts.googleapis.com/css?family=open+sans" rel="stylesheet"> через расширение colorzilla мы узнаем ...
... быстро создать красивую форму с индикатором заполнения. зайдите на сайт https://github.com/colourity/fort.js и скачайте архив со стилями и скриптом. создаем html ...
... залогиниться на сайте. нам понадобится скачать selenium webdriver для браузера chrome c сайта https://chromedriver.chromium.org/downloads, а также модуль selenium для работы с драйвером через ...
... скачанный драйвер браузера chromium - вот здесь вы можете найти нужную версию: https://chromedriver.storage.googleapis.com/index.html. итак, для начала установим сам selenium: $ pip install selenium ...
... на mac или linux. откройте терминал и вставьте следующие команды: 1) $ curl -ss https://getcomposer.org/installer | php 2) $ mv composer.phar /usr/local/bin/composer после того, как вы все ...
...   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <title>tilewind css example</title>   <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> </head> ...
... установка python: если у вас еще нет python, скачайте его с официального сайта https://www.python.org/downloads/. установка библиотеки python-telegram-bot: откройте командную ...
... сами задаете и работает по аналогии с маской в photoshop. генератор clip-path - https://bennettfeely.com/clippy выберите нужную геометрическую фигуру переставьте ...
... // filters[order_statuses][0]=6&filters[order_statuses][1]=5&filters[order_statuses][2]=3&filters[order_statuses][3]=1&filters[order_statuses][4]=7&filters[order_statuses][5]=8&filters[order_statuses][6]=4&filters[customer_cities][0]=1&filters[customer_cities][1]=2&filters[customer_cities][2]=8&sort[customer]=asc const url = 'https://srs.myruakov.ru' + '?' + query_string; console.log(url); таким образом, ...
... разумеется, что у вас уже создан аккаунт в яндексе. переходите по ссылке https://metrika.yandex.ru/. нажимаете на кнопку добавить счетчик и заполняете форму. ...
...     <title>линейный график с несколькими линиями</title>     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body>     <canvas id="mychart" width="400" height="200"></canvas> ...
...     <!-- подключаем библиотеку chart.js -->     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>     <style>         body { ...
... pip3 install opencv-python qrcode  import qrcode # импотируем модуль  string = "https://myrusakov.ru" # строка для перевода в qr file = "myrusakov_out.jpg" # файл для хранения полученного штрих кода ...
... изображение через fetch, преобразовать его в blob и отобразить на странице: fetch('https://example.com/image.png')   .then(response => response.blob())   .then(imageblob => { ...
... через websocket, используется wss (websocket secure), который работает поверх tls/ssl (как https). это важно при передаче конфиденциальной информации. пример создания ...
... tls/ssl для шифрования данных, передаваемых между клиентом и сервером. как и https по сравнению с http, wss добавляет слой безопасности, что особенно важно ...
... более чистым и понятным синтаксисом. пример использования fetch api: fetch('https://api.example.com/data')   .then(response => response.json())   .then(data => console.log(data)) ...
... файлом main.py. после чего вводим: >>>python main.py # вывод https://127.x.x.x переходим по указанному адресу в браузере и нажимаем ...
... async function load_article() {   try {     const post = await fetchdata('https://api.myrusakov.ru/post/12');     console.log(post);   } catch (error) { ...
...     # функция для перевода текста с заданного языка на целевой язык     url = "https://translate.googleapis.com/translate_a/single"     # url для запроса к google translate api ...
... счетчики и веб-аналитику. <!-- пример подключения google analytics --> <script async src="https://google-analytics.com/analytics.js"></script> атрибут defer делает тоже самое, но с ...
...     <title>document</title>     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-jckb8q3iqj61gnv9kgb8thssnjpsl0n8parn9huzonixn0hop+vmmdgmn5t9uj0z" crossorigin="anonymous"> ...
... import localstoragedb from './localstoragedb' const db = new localstoragedb('myrusakov'); db.save('url','https://myrusakov.ru'); console.log(db.fetch('url')) db.drop()
... следующую строку в секцию вашего html-документа:    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-evstqn3/azprg1anm3qdgpjlim9nao0yz1ztcqtwfspd3yd65vohhpuucomlasjc" crossorigin="anonymous"> ...
... <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>генератор паролей</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> </head> <body> <div class="container mt-5"> ...
... # в данном случае потребуется обновить pip двумя командами: curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py my_env3\scripts\python.exe -m pip install --upgrade pip ...
... стилизация текста сделаем текст крупнее и уплотним его. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{ margin: 0; padding: 0; ...
... # шаблон url у которого меняется идентификатор url = 'https:/example.com/post/%d' # заголовки запроса, представляемся браузером firefox/45 на mac os ...
... трансформировать её в крестик. первым делом подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> html разметка создадим ...
... максимальное и минимальное. <h1>hero text</h1> h1 {     background: url(https://cdn.pixabay.com/photo/2019/03/11/09/53/car-4048220_1280.jpg) #000;     background-size: cover;     background-position: ...
... false || $url === null) { $error = 'укажите полный url с путем и параметрами (например, https://site.com/page?x=1)'; } фильтрация текста и безопасный вывод ранее популярный ...
... freeze > requirements.txt напишите простой скрипт. # app.py import requests resp = requests.get("https://api.github.com") print("status:", resp.status_code) python app.py чек-лист по venv и requirements.txt ...
... ждите их через promise.all. const ids = [1, 2, 3]; const promises = ids.map(async id => { const res = await fetch(`https://api.example.com/items/${id}`); return res.json(); }); const items = await promise.all(promises); console.log(items); ...
... controller; settimeout(() => controller.abort(), 2000); // отменим через 2с try { const res = await fetch('https://example.com/data', { signal }); const data = await res.json(); console.log(data); } catch (e) { if (e.name === ...
...   // создаем нового клиента   $client = new client([     'base_uri' => 'https://какой-то-сайт.ru/', // базовый uri, от него и будем двигаться дальше ...
... программирование на jquery. между тегами head подключаем библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> jquery код <script> $(document).ready(function(){ ...
... галочки у нужных вариантов. и вставляете в html страницу. <link href="https://fonts.googleapis.com/css?family=roboto:300,300i,400,400i,700,700i&display=swap" rel="stylesheet"> здесь используется ...
... цифры: /^\d+$/ uuid v4: /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i вытащить все url: '~https?:\/\/[\w.-]+(?:\/[\w\-._~:?#\[\]@!$&'()*+,;=]*)?~iu' slug из строки: замените всё, кроме букв/цифр ...
... подойдёт как для старта в профессии, так и для углубления существующих знаний. подробнее о курсе можно узнать по ссылке: https://srs.myrusakov.ru/proweb
... поставим ссылку на библиотеку иконочных шрифтов fontawesome. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> .exam_03 {     border-radius: ...
... простейщий get запрос с помощью функции fetch() будет иметь следующий вид: fetch('https://api.github.com/users/fabpot') .then(response => response.json()) // преобразуем ответ в json ...
... поздних версиях, программа не поддерживает 32-bit. ссылка на скачивание: https://netbeans.org/downloads/8.0/ для 32-bit windows доступны для скачивания 5 сборок netbeans, ...
... вставим фрейм c url сайта. html-код <div class="smartphone"> <div class="content"> <iframe src="https://your_site.ru"> </div> </div> демонстрационный сайт, внутри фрейма ...
... некоторое время не показывалось. подключим библиотеку jquery <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> весь jquery код будем писать ...
...     <!-- 1. подключаем библиотеку -->     <script src = "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" type = "text/javascript"></script> ...
...     # url html-версии поисковой страницы duckduckgo     url = "https://html.duckduckgo.com/html/"     # отправляем post-запрос к серверу ...
... css свойства для фоновой картинки .bg-img{     background-image: url("https://cdn.pixabay.com/photo/2020/04/06/02/29/love-5008071_1280.jpg");     height: 480px;     width: ...
... private async void buttonfetchdata_click(object sender, eventargs e) {     string url = "https://api.example.com/data";     try     {         string json = await fetchdataasync(url); ...
... закладки и гиперссылки в документ. $section->addbookmark('mybookmark'); $section->addlink('https://example.com', 'visit example.com'); 6. создание заголовков и колонтитулов ...
...     <title>карта с вашим местоположением</title>     <script src="https://api-maps.yandex.ru/2.1/?lang=ru_ru" type="text/javascript"></script>     <script type="text/javascript"> ...
... from bs4 import beautifulsoup # url страницы с прогнозом погоды url = 'https://example.com/weather' # получение данных с сайта response = requests.get(url) ...
...             // создаем объект клиента             httpget request = new httpget("https://myrusakov.ru");             // добавляем заголовки запроса ...
... библиотеку с иконками между тегами <head></head>. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css"> выбираем нужные иконки на ...
... class="summaresult"></span></b></p> </form> 2) подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 3) напишем скрипт калькулятора ...
... эффекта с помощью только лишь css: html код: <img class="grayscale-image" src="https://avatars.mds.yandex.net/get-pdb/2001933/86554d64-6d18-4c6a-b2c8-2587c956774a/orig" /> код css: ...
... для этого отлично подходит библиотека requests: import requests response = requests.get('https://api.example.com/data') data = response.json() # автоматически парсит json print(data) хочешь ...
... поведение браузера - прописать в теле callback функции - метод preventdefault(). <a href="https://www.google.com/">ссылка</a> <script> let link = document.queryselector('a'); link.addeventlistener('click', ...
...         }     </style>      <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">  </head> <body>     <table class="w3-table w3-table-all"> ...
... интерпретатор питона и установим его на компьютер. откройте официальный сайт https://www.python.org и перейдите во вкладку downloads и скачайте последнюю версию. ...
... # директория для сохранения файлов save_directory = 'downloaded_svgs' # базовый url base_url = 'https://example/img/cities/{}.svg' # итерируем по числам от 1 до 10 ...
... позволяет быстро писать html/css код, используя сокращенную запись. на сайте https://emmet.io, в разделе документация, есть масса примеров сокращений кода. ...
... сайте. это можно сделать так:     $rss = file_get_contents('https://news.yandex.ru/science.rss');     $rss  = simplexml_load_string($rss);      ...
...         // url видео         val videouri = uri.parse("https://www.example.com/video.mp4")         val mediaitem = mediaitem.fromuri(videouri) ...
... .pink{     background: #f6a4bb; } подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> получить значение атрибута ...
...     <title>react dependent select</title>     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-tx8t27ecre3e/ihu7zmqxvncday5uikz4rekgixemed4m0jlfidpvg6uqki2xxr2" crossorigin="anonymous"> ...
...     // данная функция выполняет запрос на сервер и декодирует полученные json-данные     $resp = file_get_contents(         "https://ipinfo.io/$ip?token={ваш_апи_ключ}",          false, $context ...
... </ul> css стили поработаем над внешним видом меню. @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
... //html разметка <h1 data-text="animation...">animation...</h1> //css код @import url('https://fonts.googleapis.com/css2?family=poppins:wght@700&display=swap'); *{     margin: 0;/*обнуление ...
... сделаем покадровую анимацию вращения вокруг своей оси для блока box. @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap"); * {     margin: ...
... забывать про то, как будет выглядеть вводимый пользователем email. @import url('https://fonts.googleapis.com/css?family=poppins:300,300i,400,500,500,600,700,800,900&display=swap'); *{     margin: ...
... при скролле картинка принимала свой первоначальный размер. @import url('https://fonts.googleapis.com/css?family=poppins:300,400,500,600,700&display=swap'); *{     margin: 0;/*обнуление ...
... объединения оператором join. мы будем использовать учебную базу по адресу: https://www.w3schools.com/sql/trysql.asp?filename=trysql_asc . и так мы хотим осуществить выборку ...
...   print(top) # запуск кода if __name__ == '__main__':   url = "https://myrusakov.ru/python-tutorial.html"   scarpy(url) полученный пример имеет множество ...
...                 var imagebytes = downloadimage("https://source.unsplash.com/random");                 // создаем объект bitmap из массива байт ...
... прежнему имеет прямоугольную форму. магия произойдет чуть позже. @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
... окно с формой подписки на новости. <a class="btn">subscribe us</a> @import url('https://fonts.googleapis.com/css?family=poppins:100,200,300,400,500,600,700,800,900'); *{     margin: ...
... ластика */     height: 100px; /*высота ластика */     background: url("https://cdn.pixabay.com/photo/2021/09/16/21/27/container-ship-6631117_960_720.jpg");     background-size: cover; ...
... на библиотеку с иконками fontawesome <head>     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <section>   <div ...
... нашу форму в белый контейнер и выровняем по центру экрана. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@300;400;500;600;700;800;900&display=swap'); *{     margin: ...
...   <meta charset="utf-8">   <title></title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggoyr0ixcbmqv3xipma34md+dh/1fq784/j6cy/ijtquohcwr7x9jvorxt2mzw1t" crossorigin="anonymous"> ...
... из библиотеки fontawesome и вставляем их в тег i. <head> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfxpqpzzvqgk6tah5pvlgofqnhsod2xbe+qkpxcaflneevoeh3sl0sibvcoqvnn" ...
...     {         $url = sprintf('%s/%s', 'https://jsonplaceholder.typicode.com', $part);         return $this->fetch($url); ...
... </nav> поместим ссылки в гибкий контейнер (flex) и приукрасим их. @import url("https://fonts.googleapis.com/css?family=roboto:400,400i,700"); * {     margin: 0;     padding: ...
... </section> разместим всю конструкцию в центре браузера. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... class="box">     ...     <h2>neon text</h2> </div> @import url('https://fonts.googleapis.com/css2?family=monseratt:wght@600;700&display=swap'); *{     margin: 0;     padding: ...
... выведем календарь внутри белого контейнера и в центре страницы. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... контейнер rating со смайликами внутри в центре экрана в один ряд. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
...         progress.update(len(data)) запуск скрипта: >>>python download_indicator.py https://download.virtualbox.org/virtualbox/6.1.18/virtualbox-6.1.18-142142-win.exe # расширения файлов должны оканчиваться на .exe, .pdf, etc. ...
... можно, если указать цвет текста transparent и задать свойство text-stroke. @import url('https://fonts.googleapis.com/css?family=poppins:300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... функцию, которая при клике меняет css классы, туда и обратно. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script type="text/javascript">   $(document).ready(function(){ ...
...     <script src="script.js"></script> </body> </html> файл style.css @import url('https://fonts.googleapis.com/css?family=nunito&display=swap'); :root {   --success-color: #0cb854; ...
...     return $response_text; } файл index.php <?php require_once ('functions.php'); $url = "https://news.yandex.ru/internet.rss"; $apikey = "api_key"; // данный запроса: resource -> url, key -> key ...
...     // ссылка на rss-ленту - она в формате xml     private var rssurl = "https://career.habr.com/vacancies/rss?currency=rur&sort=relevance&type=all"     // основной метод любой активити, в которой загружается и устанавливается макет ...
... # код для пользовательского ввода с консоли # вводимая страница https://myrusakov.ru/python-tutorial.html url = input("введите адрес страницу") # отправка запроса на сайт и получение ответа ...
... как значение space-between прибило обе кнопки к разным полюсам. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... разными способами, один из них я покажу далее. допустим у нас такой url-адрес: https://srs.myrusakov.ru/order?product_ids=31&is_digit=1&country_id=1&pm_id=3&key=2qt3akj получить ...
... стили для текста и разместим всю конструкцию в центре экрана. @import url('https://fonts.googleapis.com/css2?family=ubuntu:wght@300;400;500;700&display=swap'); *{     margin: 0; ...
... выравнивать внутри себя дочерние элементы так, как нам нужно. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... css код сделаем секцию flex-контейнером с градиентным фоном. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... </div> css код стилизуем контейнер с карточкой. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
...     <div class="icon"></div>     <div class="input"> </div> @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
...     </div>   </div> </div> стилизация карточки @import url('https://fonts.googleapis.com/css?family=roboto:300,400,500,700,900&display=swap'); *{     margin: 0; ...
... <section>     <h2 class="text">circle-text-effects-</h2> </section> @import url('https://fonts.googleapis.com/css?family=roboto:300,400,500,700,900&display=swap'); *{     margin: 0; ...
... src="turtle.jpg">         ...     </div> </div> @import url('https://fonts.googleapis.com/css2?family=poppins:wght@300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... должна появиться таблица. далее скачиваем selenium web driver для firefox. по адресу https://github.com/mozilla/geckodriver/releases/. называется он geckodriver. необходимо скачать архив ...
... будет три колонки, а на смартфонах одна колонка и три ряда. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900'); *{     margin: 0; ...
...     <title>document</title> </head> <body>     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-glhltq8irabdzll6o3ovmwsktqop6b7in1zl3/jr59b6eggoi1afkw7cmda6j6gd" crossorigin="anonymous"> ...
... прежде всего нам понадобятся звуки нот в формате wav. перейдите по ссылке https://zvukogram.com/category/zvuki-not/ и скачайте звуки, начиная с ноты do, и заканчивая ...
... справа</a>     </p> </div> общие css стили @import url("https://fonts.googleapis.com/css2?family=roboto+condensed:wght@700&display=swap"); body {     font-family: ...
... установкой и обновлением unreal engine. посетите официальный веб-сайт epic games по адресу https://www.epicgames.com. найдите ссылку "get epic games" (скачать epic games) и кликните по ней.вы ...
... */     min-height: 100vh;/* 100% по высоте */     background-image: url('https://cdn.pixabay.com/photo/2020/12/22/12/38/cat-5852139_1280.jpg');     background-repeat: no-repeat; ...
...     for headline in headlines:         print(headline.text) website_url = "https://www.example.com" scrape_website(website_url) автоматическое отправление электронной ...
... процесс установки и обновления unity. перейдите на официальный сайт unity - (https://unity.com) и найдите раздел загрузок. скачайте последнюю версию unity hub ...
...     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">     <title>posts</title> ...
... веб-разработчиком, необходимо понимать, как работает интернет и что такое протокол http/https, модель tcp/ip. хостинг доменнов и dns: также очень важно иметь представление, ...
...     // делаем запрос на сервер, в качестве второго аргумента передаем объект со свойством signal     fetch('https://myrusakov.ru/posts', { signal: signal })         .then(response => response.json()) ...
... end_time = int(end_time.timestamp() * 1000)  # перевод в миллисекунды # загрузите данные url = f'https://api.binance.com/api/v3/klines?symbol={symbol}&interval={interval}&starttime={start_time}&endtime={end_time}' ...
... производиться под windows. давайте скомпилируем скрипт игры змейка. возьмем скрипт с https://github.com/ivangolubykh/python-snake. скопируем код и назовем его snake.py. в итоге, у нас ...
...         const response = await axios.get(           `https://api.openweathermap.org/data/2.5/weather?q=${this.city}&units=metric&appid=ваш_ключ`         ); ...
... ввиду. загрузчик вордпресса загружает файлы в стандартную директорию (https://domain.com/wp-content/uploads/woocommerce_uploads/2017/06/name-product.jpg). woocommerce конечно же прячет ...
... библиотеки jquery, предварительно подключив ее к html странице. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> поместим функцию loaditems() ...
... карточки расположение карточки в центре и создание теней. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900'); body{     margin: ...
... интегрированную среду разработки visual studio community. ссылка на скачивание: https://visualstudio.microsoft.com/ru/downloads/ страница с редакциями visual studio: ...
...     // немного сокращаем сообщение, чтобы оно с большей вероятностью соответствовало ограничению длины url-адреса браузера (которое в некоторых браузерах составляет 2083 символа).     stack = stack.replace(/https?\:\/\/[^/]+/gi, '');     // вызов обработчика на стороне сервера, который, должен зарегистрировать ошибку в базе данных или файле журнала ...
... размытия через значение inherit. это важно! html {     background: url("https://cdn.pixabay.com/photo/2020/07/24/21/58/lemon-5435158_960_720.jpg")     no-repeat fixed center / cover; ...
... уберем черные маркеры и красиво оформим сами пункты меню. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); * {     margin: ...
... текста..</p> </section> и сделаем внешнее оформление. @import url('https://fonts.googleapis.com/css?family=poppins:400,500,600,700,800&display=swap'); *{     margin: 0; ...
... # создадим  экземпляр драйвера my_driver = webdriver.chrome(path) # пропишем адрес сайта my_driver.get("https://myrusakov.ru/python-tutorial.html") # получим список ссылок из страницы сайта ...
... </div> css код расположим popup в центре страницы. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
...         # открываем страницу по адресу          self.driver.get("https://myrusakov.ru/register.html")         # установка размеров окна ...
... поставим текст в центре экрана и поместим его в контейнер. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... выравнивающие по центру и назначим ее флексовым контейнером. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@700&display=swap'); *{     margin: 0;     padding: ...
... курсор (cursor). <head>     ...     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">     ... </head> ...
... формы добавим к форме css стили для визуальной эстетичности. @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap"); * {     margin: ...
... горящие в огне буквы. контент в центре страницы @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900"); * {     margin: 0;     padding: ...
... # цикл чередования firefox, chrome и safari для тестирования веб-сайта. webbie_url = r' https://myrusakov.ru/ '  for i in [firefox, chrome, safari]:      i.get(webbie_url)  ...
... необходимо загрузить саму библиотеку, которая находится по вот этому адресу https://www.e-iceblue.com/introduce/free-pdf-for-java.html. для загрузки необходима простая регистрация. ...
...   </div> </div> размещение контейнера в центре @import url('https://fonts.googleapis.com/css?family=poppins:100,200,300,400,500'); *{     margin: 0;     padding: ...
... html <div class="loader">     <span>loading</span> </div> // css @import url("https://fonts.googleapis.com/css?family=poppins:100,200,300,400,500,600,700,800,900"); * {     margin: 0; ...
... крупном заголовке. поэтому увеличим визуально данную область. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... позиционирование выравнивание контейнера accordion в центре экрана. @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap"); * {     margin: ...
... from selenium.webdriver.support import expected_conditions as ec from  selenium import webdriver import lxml import time link = r'https://www.cryptocompare.com/' browser = webdriver.chrome() browser.get(link) try:     webdriverwait(browser, 10).until(ec.presence_of_element_located( ...
... разместить список в центре по вертикали и по горизонтали. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... воспользуемся быстрым способом подключения - через cdn-ссылку. <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> 2) получить ...
... browser.maximize_window() # открытие посиковика в браузере browser.get('https://images.google.com/') # находим поисковое окно box = browser.find_element(by.css_selector, 'input[class="glfyf"]') ...
... зададим css стили для всех созданных элементов в html-разметке. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
...     <title>autoclose menu</title>     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">     <style> ...
... подключения, через cdn, вставьте ссылку между тегами <head>. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmocqbtlwilj8lytjo7moustjskc4popqbqyi7rrhn7udi9rwhkkmhpvlbhg9sr" ...
... пикселей. подключаем к html файлу библиотеку jquery и javascript файл. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="js/index.js"></script> ждем ...
... подключить библиотеку jquery и плагин fancyselect, который вы можете скачать по ссылке: https://github.com/octopuscreative/fancyselect по умолчанию fancyselect использует собственные ...
... эффекта: tip.type('error').effect('fade'); почитать подробнее вы можете здесь: https://github.com/darsain/tooltip/wiki/tooltip итак, вот такой простой сервис, который, однако, ...
... подключаем иконочный шрифт до закрывающего тега head. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... подключения выбранного шрифта и вставляем сверху в css файле. @import url('https://fonts.googleapis.com/css?family=marck+script'); в селекторе body пишем название выбранного ...
... копирования строки с кодом и вставки между тегами head. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... дополнения, чтобы поддерживать ws:// и wss:// протоколы в дополнение к http и https. поддержка браузерами большинство современных браузеров поддерживают ...
... позволяющую добавить динамики на ваш сайт - dynamo.js. перейдите по ссылке https://github.com/jdan/dynamo.js и скачайте ее с github. оффициальный сайт: http://jdan.github.io/dynamo.js/ ...
... пространство - cover и не будет повторяться - no-repeat. body {     background: url(https://cdn.pixabay.com/photo/2017/06/12/17/54/anemone-2396299_1280.jpg);     background-repeat: no-repeat; ...
... данная ссылка через тег script, так же в конец html-файла. <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </body> какой же вариант ...
... import, копируем код на google fonts и вставляем в верх файла style.css. @import url('https://fonts.googleapis.com/css?family=lobster'); прописываем название выбранного шрифта: ...
... будет выглядеть. чтобы скачать необходимые файлы, перейдите по ссылке: https://github.com/malkafly/endcredits/ и нажмите кнопку "download zip", чтобы скачать zip архив. ...
... документу ссылку на файл стилей с иконочным шрифтом. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> html разметка создадим ...
... шапки. перед закрытием тега head, вставьте ссылку на библиотеку. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> вставьте небольшой скрипт ...
... пример с добавлением иконок для списка валют. шаг 1 скачиваем с сайта https://fontawesome.ru/ иконочный шрифт и подключаем к своему сайту через файл css. ...
... на jquery с помощью небольшого плагина. итак, для начала зайдите по ссылке: https://github.com/aarondo/tabulous.js и скачайте zip архив. там вы найдете необходимые стили ...
... пользователях и организациях, их проектах, и т.д. давайте взглянем на пример: curl https://api.github.com/orgs/yandex в этом примере мы используем консольную утилиту ...
... менее броский - roboto. вставляем код в самый вверх css файла. @import url('https://fonts.googleapis.com/css?family=lobster|roboto:700i'); по порядку начинаем писать стили, ...
... charset="utf-8">    <!-- latest compiled and minified css -->    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-bvyiisifek1dgmjrakycuhahrg32omucww7on3rydg4va+pmstsz/k68vbdejh4u" ...
... будет стоить среднестатистический клик в вашей нише. яндекс директ https://direct.yandex.ru в разделе прогноз бюджета, рекламодатели могут примерно ...
... rel="stylesheet" href="css/style.css"> /* подключить перед закрывающимся тегом body */ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="js/jquery.vide.min.js"></script> ...
... <head>   <meta charset="utf-8">   <title>chatty</title>   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mtjoasx8j1au+a5wdvnpi2lkffwweaa8hdddjzlplegxhjvme1fgjwpgmkzs7" ...
... должен понравиться больше. вывод списка с плагином acf сайт плагина: https://www.advancedcustomfields.com на странице с документацией, выберите field types -> text. ...
... текущий url-адрес вовсе не myrusakov.ru, а другой сайт? history.pushstate(null, null, 'https://yandex.ru/'); данная строчка кода вызовет исключение "securityerror: ...
... посмотреть вживую на то, как изображение кодируется в текст можно на сайте https://dopiaza.org/tools/datauri/, который вы можете использовать для преобразования ...
...     <button>отправить</button>   </form>   <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>   <script src="send.js"></script> </body> ...
... ссылку между тегами <head>. мы воспользуемся cdn ссылкой. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrme5qonljuremfsqc01sb46jvros7bzs3io2emffsd15uhvit+y8vef7n7fwau" ...
... то и браузер не будет загружать данное изображения.   <img data-src="https://ik.imagekit.io/demo/default-image.jpg" /> теперь, так как мы предотвратили загрузку ...
... плагинов с таймерами обратного отсчёта, самым толковым оказался - wp dev art. https://wpdevart.com/wordpress-countdown-plugin/ таймер можно добавить как в сайдбар, так и ...
... тестовое приложение. спасибо за внимание. кстати, пример создания сайта на основе фреймворка yii можно посмотреть в моем курсе https://srs.myrusakov.ru/yii
... подключите стили <link rel="stylesheet" href="yourpath/fakeloader.css"> подключите скрипты <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> <script src="yourpath/fakeloader.min.js"> проведите ...
... кнопку отправить 1) добавить ссылку между тегами head: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 2) вставить иконку между ...
... вы можете предпринимать дальнейшие действия.   <?php   $url = 'https://myrusakov.ru';   if(issiteavailible($url)){     echo 'сайт доступен.'; ...
... box-sizing: border-box;   margin: 0;   padding: 0; } @font-face {   font-family: pfs-bold;   src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/pfsquaresanspro-bold.otf'); } body {   background: $dark; } .drop ...
... файле. вот так выглядит конфиг со всеми доступными опциями: [api] token = url = https://asciinema.example.com [record] command = /bin/bash -l maxwait = 2 yes = true quiet = true [play] maxwait = 1 ...
... админ ресурса получает данные в одинаковом формате. по этому адресу: https://jqueryui.com/datepicker/ вы увидите несколько вариантов виджета datapicker, мы рассмотрим ...
... name="allowscriptaccess>   <param value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" name="movie">   <param value="way=https://files.myrusakov.ru/free/files/music.mp3&swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&w=470&h=70& time_seconds=0&autoplay=0&q=&skin=sky&volume=70&comment=myrusakov.ru" ...
... достаточно простая. установка подключите необходимые скрипты: <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.js"></script> <script src="http://marvl.infotech.monash.edu/webcola/cola.v3.min.js"></script> ...
... потребуется правка кода. внимание! правка кода. в разделе помощи по адресу https://mobiriz.store/help-12.html, подробно расписано, как настроить работу формы обратной ...
... ценовым диапазоном и двумя ползунками. найти его можно по этому адресу: https://jqueryui.com/slider/#range такие слайдеры чаще всего используют в интернет-магазинах, ...
... копируем css ссылку на bootstrap.mini.css и вставляем ее в тег head. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-psh8r72jq3sodhvi3uxftmaw6vc51mkb0q5p2rruppvrszue4w1povhygtpbfshb" ...
... по умолчанию на любом wordpress сайте форма логина находится по адресу: https://site.com/wp-admin/ и это известно всем, в том числе и хакерам. использование ...
... описание метода. делать мы это будем через php: <?php   $wall = file_get_contents("https://api.vk.com/method/wall.get?v=5.3&filter=others&domain=myrusakov&count=5");   print_r($wall); ?> ...
... lang="ru"> <head>   <meta charset="utf-8">   <title>angular js</title>   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> </head> <body ng-app>   ...
... например, можно использовать «roboto» из бесплатной службы google fonts: @import 'https://fonts.googleapis.com/css?family=roboto:300,400,500'; body {    font-family: "roboto", "helvetica", "arial", ...
... для подключения иконки, загрузим библиотеку fontawesome. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> под навигационной панелью, ...
... простой скрипт, но он позволяет сделать неплохой эффект. зайдите по ссылке: https://github.com/carrot/share-button найдите справа кнопку download zip. нажмите на нее. вы скачаете ...
... content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="https://fonts.googleapis.com/css?family=open+sans:300,400,600,700" rel="stylesheet"> <link type="text/css" rel="stylesheet" ...
... запрос по данным из формы соответствующего оператора. например, для beeline: https://www.beeline.ru/sms/index.wbp. безусловно, пользователю надо будет ещё подгрузить ...
... lang="ru"> <head>   <meta charset="utf-8">   <title>angular js</title>   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> </head> <body ng-app>   ...
... классов bootstrap-а, следует присвоить каждой колонке. переходим на сайт https://getbootstrap.com/ в раздел grid. мы определили у блока div классы "col-lg-3" "col-md-6", ...
... html-документу библиотеку jquery и скачанный с сайта плагин – parallax.js. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="/js/parallax.js"></script> ...
... сервисов рассылки. комбинация плагинов (mailpoet & popup maker) http://www.mailpoet.com/ https://wordpress.org/plugins/popup-maker/ скачайте и активируйте плагины на своем сайте. ...
powershell представляет собой мощную командную оболочку и язык сценариев, разработанный корпорацией microsoft для автоматизации управления операционной ...
всем привет! сегодня мы рассмотрим 10 sass миксинов, которые вам следует использовать в своих проектах. scss позволяет вам использовать возможности, ...
в мире, пронизанном технологиями, нейронные сети становятся непременным инструментом для решения широкого спектра задач, начиная от распознавания ...
всем привет! в этой статье мы рассмотрим, как сделать индикатор прокрутки на чистом css3. думаю, вы могли видеть индикатор загрузки страницы в ...
здравствуйте! наверняка, многие сталкивались с проблемой определения содержания массивного текста, при невозможности прочесть его от начала ...
здравствуйте! при управлении файловой структурой на компьютере возникает необходимость переименования файлов согласно определенным шаблонам. ...
как известно пагинация - это важный аспект веб-разработки, который позволяет управлять и представлять большие объемы контента в более удобной ...
в мире объектно-ориентированного программирования одним из базовых принципов является создание модели, которая отражает предметную область ...
openssl - это универсальная криптографическая библиотека, предоставляющая различные методы шифрования для защиты данных. далее мы рассмотрим ...
всем привет! в этой статье мы рассмотрим, как установить иконки загрузки на чистом css себе на сайт. иконки загрузки – очень важная часть сайта, ...
в этой статье мы поговорим об использовании function expression в платформе nodejs. в будущих статьях мы будем говорить о модулях, ведь модули – это очень ...
в мире веб-разработки существует множество технологий и подходов, которые помогают упростить процесс передачи данных между различными компонентами ...
всем доброго времени суток. сегодня я хотел бы поделиться с вами, посетителями моего сайта, очень важной информацией. буквально на днях я запустил ...
здравствуйте! при копировании некоторых веб страниц можно видеть огромные куски css стилей, находящихся в одном файле с разметкой. все это приводит ...
сетка – это эскиз или диаграмма web-страницы, который показывает структуру (но не детализированный дизайн) базовых элементов страницы, таких ...
дорогие друзья, я рад сообщить вам, что вышел мой новый видеокурс "создание и продвижение лендинга под ключ". что такое лендинг если вы еще не ...
изменение размера изображения – это частая задача при работе с фотографиями. однако важно не только уменьшить или увеличить размер, но и сохранить ...
написание сценариев на python стало важным инструментом для автоматизации задач, создания приложений и анализа данных. однако знание того, как ...
здравствуйте. telegram-боты стали все более популярными для автоматизации задач, предоставления информации и взаимодействия с пользователями ...
здравствуйте, дорогие читатели. сегодня в статье мы рассмотрим сервис, который позволит вам создавать красивые страницы ошибок для своих сайтов. ...
в мире веб-разработки, эффективность и ясность кода играют ключевую роль. в поисках средств улучшения качества кода, разработчики часто обращаются ...
на сегодняшний день, когда веб-страницы становятся все более важными для хранения различной информации, защита этой информации становится ...
в мире веб-разработки php продолжает выделяться как один из самых широко используемых языков программирования.с каждой новой версией php представляет ...
здравствуйте. в современном мире все больше и больше внимания уделяется разработке высокопроизводительных и масштабируемых приложений. одним ...
всем привет! в этой статье мы продолжим разбираться с платформой nodejs и поговорим про глобальный объект. вы уже должны быть знакомы с этим понятием. ...
всем привет! в этой статье мы рассмотрим, что такое потоки и буферы и в чем их преимущества в nodejs. в современном мире потоки и буферы используются ...
здравствуйте! telegram-боты становятся все более популярными для автоматизации задач и взаимодействия с пользователями на платформе telegram. одной ...
создание api с использованием python и flask достаточно просто. flask - это микрофреймворк для веб-приложений на python. вот пример того, как вы можете создать ...
в этой статье вы узнаете, как реализовать функцию кнопки обратная связь для сайта на wordpress двумя похожими способами. мы научимся вставлять ...
orm (object-relational mapping) - это техника программирования, которая связывает объекты приложения с записями в базе данных, позволяя работать с данными ...
в области обработки и хранения данных sqlite выделяется как надежный и легкий движок базы данных. часто возникает необходимость экспортировать ...
всем привет! наверняка среди нас есть фанаты звёздных войн, поэтому сегодня мы рассмотрим, как сделать интро в стиле известного фильма на чистом ...
в спокойном состоянии кнопка выглядит обычно, в стиле плоского дизайна. однако при наведении на нее мыши, происходит переворачивание с 3d-эффектом. ...
всем привет! в этой статье мы рассмотрим 6 советов по изучению javascript, которые помогут вам освоить его быстрее. когда люди пытаются изучить javascript ...
в php, передача данных между приложением и сервером в формате json является обычной практикой. интерфейс jsonserializable предоставляет возможность управления ...
xor (exclusive or)- это логическая операция, которая возвращает истину (1), если и только если оба операнда различаются. это означает, что результат xor ...
здравствуйте! как известно, составление резюме может быть утомительным процессом, особенно когда нужно учитывать различные форматы и требования ...
дорогие читатели, я рад сообщить вам, что в продажу поступил новый видеокурс "создание интернет-магазина на opencart 2.0". opencart 2.0 – это движок для ...
всем привет! в этой статье я хочу рассказать вам про то, как быстро сделать на сайте пятизвездочный рейтинг с красивыми анимациями на css. описание ...
всем привет! в этой статье мы рассмотрим небольшую, но, уверен, полезную библиотеку для отслеживания позиции мышки пользователя на javascript. библиотека ...
swoole — это современное высокопроизводительное асинхронное расширение для php, которое позволяет разработчикам создавать масштабируемые, параллельные ...
всем привет! в этой статье мы рассмотрим библиотеку, которая сделает вашу работу с localstorage, cookie и session простой и удобной. библиотека называется ...
доброго времени суток уважаемые посетители сайта myrusakov.ru у меня для вас отличная новость - для заказа стал доступен комплект из четырех курсов ...
всем привет! в этой статье мы рассмотрим, что такое postcss, узнаем, нужно ли его использовать и в чем отличие от препроцессоров. начать стоит с того, ...
распознавание форм на изображениях — одна из основных задач компьютерного зрения, которую можно легко реализовать с помощью библиотеки opencv. ...
всем привет! в этой статье из серии по изучению платформы мы рассмотрим, как установить nodejs. делается это достаточно просто. сайт сам определит, ...
всем привет! в этой статье мы рассмотрим, как сделать 3d модель объекта на javascript. конечно, делать настоящую 3d модель мы не будем. это займет много ...
введение с ростом количества киберугроз и вирусных атак, безопасность ваших данных становится все более важной. особенно это актуально для ...
с помощью css селекторов мы выбираем какие конкретно элементы на сайте стилизовать. о чем нам говорит эта запись? h1 { color: red; } = селектор { свойство: ...
работа с pdf-документами часто требует их преобразования в другие форматы, такие как изображения. это может быть полезно для архивирования, создания ...
sublime text 3 – отличный текстовый редактор, однако его можно сделать еще лучше, настроив некоторые параметры. в этой статье мы рассмотрим одну из, ...
в языке программирования python модификаторы доступа играют важную роль в управлении доступом к атрибутам и методам классов. хотя python не предоставляет ...
здравствуйте! в сегодняшней статье мы рассмотрим, что такое тензоры и как они используются в программировании. тензоры — это математические ...
сегодня я начинаю серию статей, в которой вы узнаете, что такое nodejs, как установить nodejs, как работает движок v8 и некоторые другие особенности ...
здравствуйте! допустим, мы работаем над многоуровневым проектом и хотим создать для каждого уровня папку с соответствующим названием. конечно ...
здравствуйте! javascript (js) является одним из наиболее мощных и распространенных языков программирования для веб-разработки. он позволяет создавать ...
flask - это легкий и гибкий веб-фреймворк для python, который позволяет быстро создавать веб-приложения. он предоставляет простой способ создания ...
одна из тех вещей, которые отнимают больше всего времени и сил при попытке их реализации с помощью чистого javascript это установка минимальной ...
находим два подходящих изображения размером не менее 1920x1080 пикселей и скачиваем их. оба изображения будут фоновыми, которые вставляются через ...
под названием mfa (made for adsense – англ.) понимают ресурс, созданный специально для контекстной рекламы, для заработка на ней. название дал один ...
всем привет! в этой статье мы поговорим о разных способах написания sass кода и об особенностях каждого из них. если вы зайдете на официальный ...
в одной из прошлых статей мы создали форму для калькулятора, с помощью c# и winforms, создав текстовое поле и кнопки с цифрами. в сегодняшней статье ...
всем привет! иногда на сайте нужно сделать функционал, который позволит увеличивать изображения при наведении на них мышки, но в то же время ...
архитектура программного обеспечения играет ключевую роль в разработке веб-приложений, определяя их структуру, распределение компонентов ...
всем привет! это первая статья из серии, где мы рассмотрим, что такое gulp, в чем причина его популярности, как его установить и настроить, а также ...
в python существует несколько способов создания zip-архива с сохранением структуры папок. один из наиболее распространенных способов - использование ...
python - один из наиболее популярных и востребованных языков программирования в мире. его популярность продолжает расти благодаря своей простоте, ...
здравствуйте! в современном мире скорость имеет огромное значение. пользователи интернета хотят получать доступ к информации мгновенно, без ...
в современном мире, где мы постоянно заняты различными делами и задачами, напоминания становятся незаменимым инструментом для управления временем ...
здравствуйте, друзья! создание собственного сайта – задача, которая рано или поздно встает перед каждым, кто хочет заявить о себе в интернете. ...
главнейшим инструментом для заработка в интернет-маркетинге является e-mail рассылка. совершенно не важно, продаете ли вы собственные товары ...
здравствуйте! автоматизация повседневных задач, таких как отправка отчетов по электронной почте, может значительно упростить рабочий процесс. ...
всем привет! в этой статье мы рассмотрим, как создавать анимации при прокрутке страницы на чистом javascript. описание для создания эффектов мы ...
термин rss имеет много разных определений - он может быть переведен как действительно простая синдикация, также он может быть переведен и по-другому, ...
доброго времени суток! сегодня мы поговорим с вами, о том, что такое indexeddb в javascript. indexeddb (indexed database) - это встроенная база данных в браузере, предоставляющая ...
на этом уроке мы сделаем нестандартную анимацию для переключателя меню-гамбургер на языке javascript. создание переключателя создадим саму кнопку-переключатель ...
доброго времени суток! в прошлой статье мы рассмотрели базовую структуру каталогов нашего проекта по добавлению новостей на сайт, увидели ...
существуют четыре основных принципа визуального дизайна, которые могут применяться для разработки дизайна всего что угодно. это повторение, ...
каким образом посетители перемещаются на вашем сайте? как они находят то, что ищут? это в большой степени определяется организацией вашего ...
разделим рисование куба условно на пять сторон и сверху крышка top. html код тегами span обозначим 4 стороны куба с использованием переменной i. ...
любой, кто имеет опыт разработки web приложений или использования какого-либо php фреймворка, безусловно, сталкивался с реляционными базами данных, ...
иногда кажется, что мы уже целую вечность используем мобильную ос google на наших устройствах android. однако прошло чуть больше десяти лет с тех пор, ...
здравствуйте! в одной из статей мы начали создание кругового прогрессбара с помощью html и css. в настоящий момент мы имеем белый круг на светло-голубом ...
мы продолжаем создание игры про "космические приключения" с python и pygame. очень важной частью этой игры является возможность уничтожения вашего ...
здравствуйте! продолжаем создание кругового прогрессбара с помощью html и css. в прошлой статье мы создали круг на белом фоне и закрасили одну его ...
здравствуйте! в предыдущей статье мы создали анимированное подобие прогрессбара, которому не хватает всего пару штрихов. все это мы создаем ...
итак, мы завершаем цикл уроков по версте сайта с нуля с flat дизайном. напомню, что на первом уроке мы верстали шапку сайта. на втором уроке - секцию ...
как начинающие, так и опытные верстальщики не могли не заметить, что вместе с новыми возможностями в css3 технологиях, объем самого css-кода, существенно ...
сегодня уже трудно найти сайт, где не использовался бы такой нужный и важный тег <div>. посмотрите код любого сайта, который найдете в интернете ...
unreal engine - это один из самых популярных игровых движков. с тех пор, как было объявлено о доступе к раннему выпуску ue5, все сразу же приступили к ...
здравствуйте! вероятно, каждый из вас задумывался о своей работе. куда устроиться, в какую фирму, на какую должность? но, кроме офиса и работы ...
портфолио - это невероятно важно для работника и для компаний. по нему заказчик может понять, что вы предлагайте и насколько вы хорошо это ...
в наше время, front-end developer - это очень перспективная и востребованная профессия, которая набирает всё больше и больше оборотов, и не собирается ...
разработка любого, мало-мальски сложного, web-приложения редко когда обходиться без использования сторонних компонентов и библиотек. при этом ...
приблизительно год назад вышла новая версия языка программирования php8. его можно смело назвать - языком номер один в веб-программировании на ...
технология распознавания символов с изображения в редактируемый текст достаточно непростая задача. для подобных целей используется технология ...
продолжаем уроки по верстке сайта с нуля. на первом уроке мы верстали шапку сайта. на втором уроке - блок с большой картинкой. на этом уроке мы ...
опция сохранения на компьютере распространена повсюду. бывает что создавая приложение необходимо, чтобы оно обладало данной функцией. создание ...
мы продолжаем серию уроков по верстке сайта с нуля с плоским дизайном. на первом уроке была сверстана шапка макета. на втором уроке - блок с ...
мы продолжаем серию уроков по верстке сайта с нуля. на прошлом уроке мы верстали шапку макета. далее идет блок из одной большой фотографии в ...
начиная с этого урока, мы будем учиться верстке сайта с нуля в популярном flat стиле. эта тема очень объемная и мы посвятим ей не один урок. что ...
начинающие дизайнеры и верстальщики допускают большое количество ошибок в своих сайтах, которые мешают дальнейшему развитию в их проектах, ...
здравствуйте! в этой статье я расскажу вам о магических методах в php. они позволяют программисту получить больший контроль над кодом, который ...
здравствуйте! в цикле статей по созданию космической аркады, с python и pygame, мы достигли того что на игровом поле отображается космический корабль ...
продолжаем изучать компонент zend log. первая часть данной статьи находится здесь. предобработка данных. если вам необходимо в автоматическом ...
постараюсь не сильно вдаваться в подробности, что такое 404-ая страница, достаточно открыть гугл и по запросу «как сделать 404 страницу» - вы обнаружите ...
доброго времени суток! в прошлой статье мы рассмотрели основную программную часть нашего проекта. а в этой статье мы соберем все части проекта ...
с популяризацией интернета появилось много новых профессий. одна из самых престижных - back-end developer. многие, услышав насколько эта профессия ...
данная статья является продолжением предыдущей статьи, посвященной теме итераторов в php. в ней пойдет речь о php интерфейсе arrayaccess. он позволяет ...
сегодня трудно себе представить современный сайт, при верстке которого не использовался бы элемент "float". для профессионала-верстальщика или ...
как известно, важнейшим элементом в языке программирования php являются массивы. и это не удивительно, так как практически всегда приходится ...
на данный момент ни один современный, качественный сайт не может обойтись без использования javascript. этот язык даёт очень многое, модифицирует ...
доброго времени суток! в данной статье и следующих я расскажу и покажу, как настроить окружение разработки c помощью docker в котором можно будет ...
здравствуйте. одной из распространенных задач при работе с базой является получение списка таблиц. в этой статье мы рассмотрим, как с использованием ...
сегодняшний мир необозримо широк в цифровом пространстве, и владение сайтом становится обязательным элементом для любого бизнеса или личного ...
всем привет! в этой статье мы рассмотрим, что такое обнуляемые типы(nullable types) в php 7.1 и как их использовать. не будем долго тянуть и сразу перейдем ...
всем привет! в этой статье мы разберемся, что такое spa в веб-разработке и в чем его плюсы и минусы. описание возможно, кто-то из вас уже слышал ...
финансовая грамотность играет ключевую роль в жизни каждого человека. это неотъемлемый навык, который позволяет эффективно управлять своими ...
эта статья является продолжением предыдущей статьи о том, как строить отношения с клиентами. 6. стройте доверительные отношения какие бы ...
всем привет! в этой статье мы рассмотрим, как можно ускорить разработку, используя github gist. что это такое думаю, многие из вас(особенно начинающие ...
довольно часто требуется работать с изображениями в формате, который позволяет представлять их в виде текстовых строк. одним из популярных ...
доброго времени суток! несмотря на то, что структура базы данных может быть создана в ручную, путем описания sql-кода необходимого для создания ...
здравствуйте, дорогие читатели. рад сообщить, что вышел новый видеокурс "react js, redux, es2015 с нуля до гуру". последнее время все стремительнее развивается ...
всем привет! в этой статье мы рассмотрим, что такое void в php 7.1 и зачем он нужен. void с английского переводится как "пустой". следовательно, что-то ...
большинство блоггеров или авторов, ведущие свои сайты на wordpress никогда не касаются вкладки в панели управления: "пользователи". по большому счету ...
введение: разработка и развертывание python-проектов становится все более доступным благодаря платформам, предоставляющим облачные услуги. в ...
у нас есть четыре изображения, каждое из которых поместим в свой собственный треугольник. полученные четыре маленьких треугольника поместим ...
необходимость в создании сайта может быть различной. однако в современном мире ни одна уважающая себе компания просто не сможет обойтись ...
доброго времени суток! сегодня мы рассмотрим с вами ка можно создать эффект бьющегося сердца средствами css-анимации. итак, код ниже: <!doctype html> ...
доброго времени суток! сегодня мы рассмотрим основные термины, используемые при работе с инструментом визуаального проектирования интерфейсов ...
доброго времени суток! сегодня мы поговорим с вами о новшестве языка php - атрибутах. в php 8 была добавлена поддержка атрибутов, которые предоставляют ...
здравствуйте, дорогие читатели! рад сообщить, что вышел новый бесплатный видеокурс "создание и продвижение лендинга для начинающих". пройдя ...
всем привет! в этой статье мы рассмотрим, как сделать интерактивный 3d объект при помощи всего нескольких изображений на jquery. чтобы лучше понять, ...
заработок в интернете в наше время - очень актуальная тема. существует много сервисов, где можно получать копейки за комментарии, переходы ...
доброго времени суток уважаемые посетители сайта myrusakov.ru! сегодня я хотел бы рассказать вам о моем новом курсе по программированию на c++ в unreal ...
для быстрого создания сайта существуют cms. готовые движки, проще говоря: конструктор. работа становится намного легче и быстрее. но, конечно, ...
веб-разработчики часто сотрудничают с клиентами, желающими заказать одностраничный сайт с возможностью изменять его самостоятельно, ...
всем доброго времени суток! сегодня я хотел бы поговорить с вами о том, что такое модульное тестирование в php. при написании даже самых простых ...
на этом уроке мы научимся подключать php файлы к базе данных, делать проверку соединения и отключать php файлы от базы данных. в качестве наглядного ...
на этом уроке мы познакомимся с функцией mail (), на примере создания формы обратной связи на php с последующей отправкой полученных данных на почту. ...
каждый день поисковыми системами пользуются миллионы человек, на каждый поисковой запрос есть сотни тысяч сайтов с необходимой пользователю ...
в этом уроке мы научимся с вами делать горизонтальное анимированное выпадающее меню на css3, при наведении курсором на его категории, будет меняться ...
дорогие друзья! эта статья поможет вам разобраться куда движется веб-разработка и исходя из этого изучать актуальные темы. конструкторы лендингов ...
приветствую вас друзья! на этом уроке мы научимся обращаться к базе данных wordpress-а и выводить на сайте нужную нам информацию, в нужном месте и ...
тема создания сайтов набирает обороты с каждым днём. всех интересует свой блог, landing page, интернет-магазин и т.д. но как же создаются сайты? многие ...
доброго времени суток, уважаемые посетители сайта! хочу поделиться с вами отличной новостью - совсем недавно у меня вышел новый курс - wordpress ...
друзья! я рад сообщить вам, что вышел мой новый видеокурс "php и mysql с нуля до гуру 2.0". что такое php и зачем он нужен? php – это очень известный и давно ...
валидация json в php является важным аспектом для обеспечения того, чтобы данные, поступающие из внешних источников, были корректными и соответствовали ...
всем привет! если вы ищите легковесную, простую javascript галерею с поддержкой свайпов и без зависимостей, то ваш выбор – photoswipe. как уже было сказано, ...
в одной из предыдущих статей мы рассмотрели как создать простейший синтезатор на windowsforms. на данный момент нажатие по клавишам синтезатора ...
продолжаем предыдущую статью, в которой рассказывалось как загрузить файл на сервер в expressjs. в данной статье мы рассмотрим как загрузить сразу ...
тензоры играют важную роль в машинном обучении и обработке данных, представляя собой многомерные массивы данных. в python для работы с тензорами ...
разработка игр на unreal engine – это одна из самых перспективных областей в игровой индустрии, где разработчики создают увлекательные и визуально ...
маршрутизация (routing) — это один из ключевых аспектов разработки веб-приложений. в laravel маршрутизация обеспечивает сопоставление http-запросов ...
функции массивов — одна из сильных сторон php. правильное использование array_map, array_filter и array_reduce помогает писать короче, читабельнее и безопаснее. ...
чтение и запись файлов в python: режимы, кодировки и лучшие практики работа с файлами — одна из первых реальных задач в python. в этой статье вы научитесь ...
css grid — самый простой способ собрать адаптивную сетку карточек, галерей и списков товаров без десятка @media. ключ к магии — связка repeat(auto-fit, minmax()). ...
запрос «глубокое копирование в javascript» стабильно популярен среди начинающих и продолжающих разработчиков. в статье вы узнаете, чем поверхностная ...
аргументы функций в python — одна из базовых тем, которая напрямую влияет на читаемость кода и качество api. в этой статье мы подробно разберём позиционные ...
запрос «const в c++» — один из самых частых у начинающих. константность (const correctness) помогает сделать код безопаснее: защищает от случайной модификации ...
запрос «this в javascript» остаётся одним из самых популярных среди начинающих и продолжающих разработчиков. этот ключевой концепт влияет на поведение ...
если вы часто работаете со списками и строками, то умение эффективно использовать срезы (slice) в python сэкономит вам массу времени. срезы позволяют ...
зачем нужна строгая типизация в php 8 ключевая проблема «слабого» php — неочевидные преобразования типов. php 8 привнёс зрелую типизацию: строгий ...
работа с датой и временем — обязательный навык в реальных проектах: логи, отчёты, напоминания, аналитика. в python за это отвечает модуль datetime, а ...
css flexbox для начинающих — это практическое руководство, которое поможет уверенно использовать гибкие контейнеры для выравнивания, адаптивных ...
запрос, который часто вводят в поиск: «семантика перемещения c++ std::move примеры». это руководство закрывает его полностью. ниже — простые объяснения, ...
адаптивные изображения в html5 помогают ускорить сайт и улучшить качество картинки на разных устройствах. ключевые инструменты: атрибуты srcset, ...
позиционирование в css — фундамент для создания всплывающих блоков, закреплённых шапок, бейджей на карточках и «прилипающих» сайдбаров. в этом ...
data-атрибуты (data-*) в html5 позволяют хранить небольшие фрагменты данных непосредственно в разметке и удобно использовать их в javascript и css. это отличный ...
запрос «css переменные» стабильно набирает популярность: всё больше разработчиков переходят от жёстко прописанных значений к гибким и масштабируемым ...
ключевой запрос: raii в c++ простыми словами. raii — базовый принцип c++, который избавляет от ручного освобождения ресурсов. идея: ресурс привязан ...
php пространства имен (namespace) — это механизм логической группировки кода, который предотвращает конфликты имен и делает проект структурированным. ...
если вы ищете «словари в python: понятное руководство с примерами», вы по адресу. dict — ассоциативный массив, где каждому ключу соответствует значение. ...
если вы только осваиваете php или уже пишете небольшие проекты, рано или поздно столкнетесь с внешними библиотеками и автозагрузкой классов. ...
поисковый запрос: «импорт модулей в python» — частый гость у начинающих. ниже вы найдёте пошаговое объяснение, как работает механизм импорта, чем ...
запрос, на который отвечает статья: «ссылки и указатели в c++: отличие и когда что использовать». ключевые различия ссылка — это псевдоним уже ...
запрос «инициализация в c++: = () {}» часто встречается у начинающих и продолжающих разработчиков. разные формы инициализации влияют на то, какие ...
list comprehension (списковые включения) — это «питонический» способ создавать списки кратко и выразительно. если вы искали «list comprehension python примеры», ...
здравствуйте! во время работы с текстовыми файлами часто возникает задача очистки данных от дубликатов. например, у вас есть список email-адресов, ...
здравствуйте! при работе с текстовыми файлами в python вы могли сталкиваться с ошибками вроде: unicodedecodeerror: 'charmap' codec can't decode byte 0x98 in position xxx. ...
здравствуйте! в современном мире работа с документами является неотъемлемой частью повседневных задач. особенно часто приходится иметь дело ...
в современном вебе мультимедийный контент играет важную роль в привлечении пользователей. видео особенно популярны как инструмент для обучения, ...
здравствуйте! при работе с текстовыми данными в базах данных часто возникает необходимость извлечения определенных частей строк. например, ...
при работе с большим количеством изображений — будь то фотографии, скриншоты или графика для сайта — часто возникает необходимость изменить ...
если «стили не применяются», почти всегда виноват каскад и специфичность. в этом руководстве мы системно разберём, как css решает, какое правило ...
замыкания в javascript простыми словами — это функция вместе с сохранённым лексическим окружением, то есть с «рюкзаком» значений из места, где функция ...
менеджеры контекста в python — один из самых полезных инструментов для управления ресурсами. если вы ищете, как работает оператор with, что такое ...
запрос, который чаще всего набирают начинающие: «исключения в php как использовать». это руководство закрывает вопрос: разберём try, catch, finally, иерархию ...
когда пользователь печатает в поле ввода, скроллит страницу или меняет размер окна, обработчики событий могут вызываться десятки раз в секунду. ...
если вы начинаете работать с базами данных в php или хотите перейти на современный и безопасный способ общения с mysql, используйте pdo. он поддерживает ...
запрос, под который оптимизирована статья: html5 валидация форм. ниже — компактное и практичное руководство, которое поможет собрать удобную ...
запрос «умные указатели в c++ примеры» стабильно популярен: новичкам сложно сразу понять, чем отличаются unique_ptr, shared_ptr и weak_ptr, а продолжающим — ...
event loop в javascript — базовый механизм, который определяет, когда выполняется ваш код: синхронный, коллбэки, промисы, таймеры и обработчики событий. ...
если вы искали «исключения в python: try/except/else/finally», вы в нужном месте. ниже — ясное и практичное руководство: от базового синтаксиса до лучших практик ...
если вы начинаете путь в c++, умение уверенно работать со std::vector — один из важнейших навыков. вектор сочетает динамический массив, безопасность ...
здравствуйте, дорогие читатели! в этой статье я хотел бы рассмотреть, на мой взгляд, очень интересную библиотеку javascript - whistle.js. найти ее исходники ...
если вы вбили запрос вроде «семантическая разметка html5» и хотите быстро понять, какие теги использовать и зачем — вы по адресу. ниже кратко и ...
делегирование событий в javascript — один из самых полезных паттернов работы с dom. вместо того чтобы назначать обработчик каждому элементу, мы ставим ...
запрос, который часто вводят в поиске: «html5 dialog модальное окно пример». в этой статье вы получите готовые шаблоны для тега <dialog>, узнаете разницу ...
привет, друзья! в сегодняшней статье мы рассмотрим как удалить все внутренние html-теги из строки и оставить только внешние, например, сохранить ...
если вы пишете скрипты и хотите запускать их с параметрами вроде -v или --output=data.json, вам нужен argparse. это модуль стандартной библиотеки python, который ...
json — дефолтный формат обмена данными между сервисами и фронтендом. в python для работы с ним есть стандартный модуль json: лёгкий, быстрый и удобный. ...
поисковый запрос, под который оптимизирована статья: «замыкания в php» и «анонимные и стрелочные функции в php». если вы хотите писать компактный ...
ввод и вывод — первое, с чем сталкивается каждый, кто пишет на c++. но именно здесь чаще всего случаются «странные» баги: не читаются строки с пробелами, ...
dataclasses в python — это способ описывать данные компактно и понятно, не вручную прописывая __init__, __repr__, __eq__ и другую рутину. для новичков и продолжающих ...
запросы вроде «optional chaining в javascript» или «оператор ?? что делает» стабильно в топе у начинающих. и не зря: пара операторов ?. и ?? делает код короче, ...
запрос для этой статьи: «логические операторы в python». если вы уверенно понимаете, как работают and, or, not, почему они иногда возвращают не булевы ...
класс datetime в php — это гибкий инструмент для работы с датой и временем. в отличие от функций уровня date() и time(), он даёт контроль над часовыми поясами, ...
запрос: «сортировка в python sorted sort key reverse» сортировка — базовый навык, который встречается в задачах от парсинга до веб‑разработки и анализа ...
встроенный веб‑сервер php — это самый быстрый способ запустить проект локально без лишней конфигурации. команда php -s поднимает сервер за секунду, ...
если вы искали понятное руководство по запросу «регулярные выражения в python re примеры» — вы по адресу. ниже собраны базовые концепции, практические ...
массивы в c++: c‑массивы vs std::array — практическое руководство для начинающих запрос, который часто вводят в поиск: «массивы в c++ std::array для начинающих». ...
запрос «изменяемые и неизменяемые типы в python» регулярно ищут начинающие разработчики. и не зря: понимание иммутабельности помогает избегать ...
если вы когда-нибудь видели, как переменная оказывается «доступной» до места своего объявления, вы сталкивались с hoisting (поднятием). в этой статье ...
запрос «изменяемые аргументы по умолчанию в python» регулярно появляется в поиске — и не зря. это одна из самых коварных ошибок: вы пишете безобидную ...
если вы когда-либо удивлялись, почему блок с шириной 300px внезапно «распух» после добавления padding и border — вам нужен css box-sizing: border-box. это базовая, ...
pathlib в python — это стандартный модуль, который заменяет громоздкие операции с os и os.path объектно-ориентированным интерфейсом. он делает работу ...
один из первых вопросов в php — как правильно подключать файлы. в ход идут четыре конструкции: include, require, include_once и require_once. кажется просто, но у каждой ...
препроцессор c++ — это этап до компиляции, который обрабатывает директивы вида #include, #define, #if, #ifdef и другие. понимание его работы помогает избежать ...
запросы вроде «точность float в python», «почему 0.1 + 0.2 != 0.3», «округление денег в python» встречаются у каждого, кто переходит от «игрушечных» примеров ...
типизация в python — это способ описать ожидаемые типы аргументов, возвратов функций и переменных с помощью аннотаций. они не меняют поведение ...
модуль collections в python — это готовые структуры данных с оптимизированным поведением. в этой статье мы разберём три самых полезных инструмента: ...
если вы ищете понятное руководство по enum class в c++, вы на месте. в статье разберём, почему «классические» перечисления часто приводят к ошибкам, ...
если вы когда‑нибудь использовали цикл for в python, вы уже пользовались итераторами. в этой статье мы разберёмся, что такое итерабельные объекты ...
правильная работа с заголовочными файлами в c++ экономит часы сборки и спасает от «multiple definition» и «undefined reference». это руководство объясняет, что ...
если вы только начинаете или уже пишете на языке, умение эффективно использовать f-строки в python быстро повышает читаемость кода. это современный ...
запрос «string_view в c++: когда использовать и чем он лучше std::string» — один из самых частых у начинающих. разобраться важно: от правильного выбора типа ...
запрос, под который оптимизирована статья: лямбда‑функции в c++. если вы хотите быстро и безопасно писать компактные функции прямо в месте вызова ...
запрос «генераторы в python» стабильно популярен: тема затрагивает и основы языка, и производительность. ниже — практическое руководство: как ...
если вы ищете понятное руководство по теме «множества в python», эта статья для вас. разберём, что такое set и frozenset, какие операции поддерживаются, ...
запрос «загрузка файлов в php» чаще всего приводит к примерам на пару строк, но в продакшене так делать нельзя. ниже — пошаговое руководство с ...
если вы только осваиваете ооп в python для начинающих, важно понять ключевые идеи: класс описывает «тип» объекта, а объект — это конкретный экземпляр ...
циклы — один из первых инструментов, которые осваивают в python. они помогают обходить коллекции, повторять действия и управлять потоком выполнения. ...
один из самых частых вопросов новичков: в чём разница между == и === в javascript и когда какой оператор использовать? неправильное сравнение ведёт ...
этот материал — ответ на частый запрос «c++ чтение и запись файлов: ifstream/ofstream примеры». разберём базовые классы потоков, режимы открытия, безопасные ...
зачем нужен web storage и чем полезен localstorage в javascript web storage api даёт два простых механизма для хранения данных на стороне клиента: localstorage и sessionstorage. ...
поисковый запрос, под который оптимизирована статья: «css единицы измерения: px, em, rem, vw, vh» зачем понимать css‑единицы единицы измерения в css напрямую ...
логирование в python — это основа наблюдаемости и отладки. правильно настроенный logging экономит часы на поиске проблем и делает сервисы предсказуемыми. ...
иконка сайта (favicon) — это небольшой, но важный элемент, который виден на вкладках браузера, в списке закладок, на экране смартфона и в ярлыках ...
запрос «измерение времени в c++» стабильно популярен у начинающих и продолжающих разработчиков. часто нужно понять, сколько работает алгоритм, ...
запрос: правило трёх в c++, правило пяти в c++, правило нуля в c++ — понятное руководство с примерами и лучшими практиками. зачем нужно правило трёх, ...
es6 модули — стандартный способ организовывать код в javascript. они делают проекты понятнее, ускоряют загрузку в браузере и упрощают тестирование. ...
если вы хотите уверенно работать с табличными данными на веб‑страницах, начните с правильной разметки. таблицы в html — это структурированный ...
если вы желаете сделать чеклист(контрольный список), то вы можете использовать swipe-li. описание посмотреть, как это работает в живую, вы можете ...
сегодня я расскажу про то, как сделать красивое всплывающее окно на jquery, используя плагин webui-popover. это легкий и быстрый плагин, позволяющий сдеалать ...
нейронные сети становятся все более популярными в решении задач, связанных с обработкой изображений, распознаванием речи и других сложных ...
здравствуйте! в сегодняшней статье мы рассмотрим, как работать со шрифтами в tkinter — стандартной библиотеке python для создания графических интерфейсов. ...
приветствую! в сегодняшней статье мы рассмотрим, как с помощью python можно узнать размер каждой папки в заданной директории. данный пример будет ...
сегодня мы поговорим о плагине, позволяющем определить adblock и показать об этом уведомление. ни для кого не секрет, что существуют программы, ...
всем привет! в этой небольшой статье я хотел бы рассказать про один очень интересный сервис по работе с изображениями с мощным api. сервис называется ...
приветствую! в сегодняшней статье мы рассмотрим машину состояний (state machine) в python — мощный инструмент для упрощения и структурирования процессов ...
здравствуйте! в сегодняшней статье мы рассмотрим пример реализации машины состояний с помощью python и модуля transitions python позволяет создавать ...
всем привет! в этой статье мы рассмотрим, как сделать простое многоуровневое меню-аккордион на css3. создание структуры структура очень простая: ...
веб-разработка — это создание и поддержка сайтов, приложений и сервисов в интернете, объединяющая программирование, дизайн, и работу с данными. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как работать с базой данных sqlite через android room. room является абстракцией над sqlite, которая упрощает ...
здравствуйте! в сегодняшней статье мы рассмотрим, как при помощи python и библиотеки tkinter можно реализовать функцию динамического изменения шрифта ...
веб-разработка — это процесс создания и поддержания сайтов и веб-приложений, охватывающий такие технологии, как html, css, javascript, php, python и другие. ...
как сделать так, чтобы пользователь смог использовать ваш сайт, даже если пропало интернет подключение или его вообще нет? сегодня мы об этом ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать выпадающий список в tkinter, используя элемент интерфейса ttk.combobox. выпадающий список ...
здравствуйте! в сегодняшней статье мы рассмотрим, как реализовать автоматическое обновление элемента label в tkinter. такая функция полезна для ...
преобразование html в docx может потребоваться в различных задач, таких как генерация отчетов, создание документов на основе веб-контента и многое ...
как известно, пользователи любят, когда сайт выглядит красиво. чтобы сайт создавал должное впечатление, даже самая мелочь должна быть приятной. ...
здравствуйте! в сегодняшней статье мы рассмотрим навигацию между окнами в библиотеке tkinter на python. данная тема будет полезна тем, кто хочет создать ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать меню в tkinter с помощью виджета menu. меню добавляет интерактивности в приложение, ...
с выходом php 8, язык программирования получил множество новых возможностей и улучшений, одной из которых является поддержка атрибутов. атрибуты ...
сегодня мы рассмотрим приближенный к реальности пример использования атрибутов в php 8. предположим, что мы разрабатываем веб-приложение и хотим ...
всем привет! в этой статье мы рассмотрим, как сделать выезжающее меню с использованием jquery. если вам нужно сделать выезжающее меню на сайте, ...
машинное обучение (machine learning, ml) — это подраздел искусственного интеллекта, который фокусируется на разработке алгоритмов и моделей, позволяющих ...
работая с python, вы можете столкнуться с ситуацией, когда разные проекты требуют разные версии библиотек или самого python. без виртуального окружения ...
в html-разметке накидываем все элементы, которые у нас будут на странице, пока не заботясь о внешнем виде расположении относительно друг друга. ...
artisan — это мощный интерфейс командной строки, встроенный в laravel, который предоставляет разработчикам широкий набор инструментов для упрощения ...
анализ плана выполнения запроса является одним из важнейших инструментов для оптимизации производительности sql-запросов. он позволяет разработчикам ...
в этой статье мы рассмотрим библиотеку, которая поможет нам отслеживать силу нажатия на экран или тачпад устройства пользователя. как многие, ...
в этой статье мы рассмотрим jquery lightgallery - наверное, лучший плагин для создания галерей на jquery. итак, jquery lightgallery - настраиваемый, модульный, отзывчивый ...
в этой статье мы поговорим о программе koala, которая позволяет очень быстро и легко компилировать sass, используя графический интерфейс. если вы ...
обновление данных в базе данных под нагрузкой требует тщательного планирования и использования различных стратегий для минимизации времени ...
здравствуйте! сквозное шифрование (end-to-end encryption, e2ee) — это важная техника, обеспечивающая защиту данных от несанкционированного доступа. в этой ...
в мире программирования на python многопроцессорность играет ключевую роль при необходимости эффективного использования всех вычислительных ...
vpn (virtual private network) — это технология, которая позволяет пользователям безопасно передавать данные через интернет, создавая зашифрованный туннель ...
сегодня хотелось бы рассказать вам о легком скрипте, который позволяет сделать плавающие метки полей ввода на javascript. библиотека называется ...
здравствуйте! после того, как сервер готов, нам нужен vpn клиент, который будет подключаться к серверу, передавать данные и получать ответы через ...
в этой статье мы рассмотрим, как сделать эффект увеличения картинки, как на amazon, используя scss и jade. на дне турции я был на designer news и наткнулся ...
всем привет! сегодня мы рассмотрим очень интересную библиотеку для быстрого написания математических формул. общая информация библиотека ...
в этой статье мы рассмотрим, как можно преобразовать строку data url в объект blob с использованием javascript. data url используется для кодирования файлов ...
архитектура веб-приложения — это структура и организация его компонентов, которые обеспечивают его функциональность, производительность, ...
здравствуйте! продолжим работу с json-объектами на python. в предыдущей статье мы рассмотрели, как читать строки с json-объектами и преобразовать их ...
здравствуйте! работа с json на python может быть довольно удобной благодаря встроенной библиотеке json. сегодня мы рассмотрим, как можно читать файл, ...
здравствуйте! работа с данными в формате json и их сохранение в базе данных sqlite — важная и полезная задача, с которой может столкнуться любой разработчик. ...
здравствуйте! в предыдущей статье мы начали cоздание базы sqlite, для ее заполнения. в сегодняшней статье мы сосредоточимся на процессе переноса ...
в сегодняшней статье мы познакомимся с библиотекой pyttsx3 — удобным инструментом для преобразования текста в речь на python. эта библиотека идеально ...
всем привет! в этой статье мы рассмотрим библиотеку для автоматизации - robotjs. robotjs - это библиотека для автоматизации некоторых действий. работает ...
здравствуйте! в сегодняшней статье мы поговорим о загрузке векторных ассетов в android studio. вы узнаете, как добавлять svg-файлы в проект, превращать ...
здравствуйте! в сегодняшней статье мы рассмотрим как встроить элемент медиаплеера в windows forms, с c# для воспроизведения видеофайлов. шаг 1: создание ...
здравствуйте! в этой статье мы рассмотрим, как создать простое приложение для воспроизведения музыки с использованием класса soundplayer в c# windows ...
элемент picturebox в c# windows forms предоставляет удобный способ отображения изображений в графическом интерфейсе пользователя. он позволяет загружать, ...
linq (language integrated query) — это мощный инструмент в c#, который позволяет выполнять запросы к различным источникам данных, таким как коллекции, базы ...
в программировании часто возникает необходимость применить определённую функцию ко всем элементам коллекции и получить новую коллекцию с ...
здравствуйте! в одной из статьей мы рассматривали способ реализации функции map. в c# встроенным аналогом функции map является метод select, который ...
всем привет! сегодня мы рассмотрим очень мощную библиотеку, которая позволит вам делать очень интересные 3d и 2d модели для вашего сайта. для ...
всем привет! сегодня мы рассмотрим библиотеку, позволяющую сделать простой список, который мы можем сортировать и удалять элементы свайпами. ...
привет, друзья! сегодня я расскажу вам, как можно автоматизировать процесс переименования файлов с помощью python. это может быть полезно, если ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать конструкцию when в c# для условного фильтра в различных контекстах. шаг 1: ...
в разработке приложений на платформе windows forms в c# часто возникает необходимость работы с изображениями. класс bitmap в пространстве имен system.drawing ...
всем привет! бывают случаи, когда нужно показывать прогресс чего-то на сайте(например, загрузки) в вашем favicon. вот о том, как это сделать, сегодня ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать livedata и viewmodel для управления состоянием и данными в приложениях на android. ...
здравствуйте! в сегодняшней статье мы рассмотрим жесты в android с точки зрения разработчика. вы узнаете, как обрабатывать простые и сложные жесты ...
здравствуйте! в сегодняшней статье мы поговорим о создании анимаций в jetpack compose. вы узнаете, как добавить плавные визуальные эффекты в интерфейс ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать ключевое слово dynamic в c# для динамической типизации в различных контекстах. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать резиновый макет в c# winforms, который автоматически адаптируется под изменение размеров ...
здравствуйте! в сегодняшней статье мы поговорим о таком понятии, как c# playground, или, другими словами, интерактивная песочница для c#. такой инструмент ...
здравствуйте! в сегодняшней статье мы поговорим о миллисекундах в java. вы узнаете, почему java использует миллисекунды для работы с временем, какие ...
привет, друзья! сегодня я расскажу вам, как можно автоматизировать процесс копирования файлов из подпапок в одну общую папку, используя python. ...
всем привет! сегодня я покажу, как можно сделать интерактивное сравнение с помощью простого jquery плагина - twentytwenty. найти описание и примеры вы ...
в разработке приложений на платформе windows forms в c# часто возникает необходимость выполнять задачи через регулярные интервалы времени. для этого ...
всех с наступившим 2025 годом! в сегодняшней статье мы рассмотрим библиотеку speech_recognition в python, которая позволяет легко интегрировать распознавание ...
всем привет! сегодня мы поговорим о том, что такое vps и как его сделать на digitalocean. vps(virtual private server) - виртуальный выделенный сервер. т.е. это не физический ...
здравствуйте! в сегодняшней статье мы рассмотрим, как с помощью python и библиотеки tkinter создать графический интерфейс для управления виртуальной ...
в сегодняшней статье мы рассмотрим, как можно управлять рисунком на canvas в tkinter с помощью голосовых команд. это увлекательная тема, которая позволит ...
здравствуйте! сегодня мы увидим, как создать python-приложение, которое открывает системные приложения, такие как терминал windows или блокнот, с помощью ...
приветствую! в сегодняшней статье мы рассмотрим, как создать простой интерфейс для автодополнения с использованием tkinter и nltk. задача мы создадим ...
здравствуйте! в сегодняшней статье мы рассмотрим, как определить тональность текста с помощью python и библиотеки nltk. этот инструмент позволяет ...
всем привет! в этой статье мы рассмотрим, как использовать классы в ecmascript 2015 и стоит ли их вообще использовать? заметьте, что новые функции ecmascript ...
всем привет! в этой статье мы рассмотрим, как добавлять метки к фотографиям, причем адаптивно. для этой задачи нам понадобится библиотека taggd ...
хотите сделать красивую страницу продажи товара или услуги? думаю, вам понравится библиотека stickyfill. найти исходники библиотеки вы можете здесь, ...
всем привет! сегодня мы рассмотрим некоторые новые возможности и изменение старых в ecmascript6 в сравнении с ecmascript5. определения методов в ecmascript5 ...
здравствуйте! представим ситуацию, при которой требуется обратить внимание пользователя на событие внутри приложения. в таких случаях могут ...
всем привет! сегодня я расскажу, как сделать круговой ползунок на jquery, используя плагин jquery knob. как всегда, посмотреть, как это работает, вы можете ...
фракталы — это уникальные математические структуры, которые обладают самоподобием, что означает, что их части напоминают целое. эти узоры встречаются ...
здравствуйте! в современном программировании создание графических интерфейсов стало неотъемлемой частью разработки приложений. одним из ...
здравствуйте! в программировании на python с использованием библиотеки tkinter можно легко создать интерактивный индикатор загрузки, который позволяет ...
llm-агенты, или агенты на основе больших языковых моделей (large language models), представляют собой передовую технологию в области искусственного интеллекта ...
здравствуйте! работа с большими таблицами данных является неотъемлемой частью современной аналитики. независимо от того, нужно ли вам обрабатывать ...
всем привет! сегодня мы поговорим про jquery плагин, позволяющий выбирать альтернативные символы при долгом нажатии клавиши. плагин называется ...
здравствуйте! машинное обучение (ml) — это метод анализа данных, который позволяет компьютерам обучаться на примерах и делать предсказания или ...
в современном программировании асинхронные операции играют важную роль, особенно когда речь идет о работе с пользовательским интерфейсом ...
здравствуйте! material design — это язык дизайна, разработанный google, который объединяет принципы хорошего дизайна с инновациями науки и технологий. ...
на этом уроке мы с вами разберем такие css свойства – opacity и rgba. свойство opacity отвечает только за прозрачность элементов, а функция rgba – за цвет ...
зачем обязательно надо делать картинки адаптивными? к сожалению, то счастливое время, когда можно было вставить картинку на веб-сайт и указать ...
разработка сайтов является важной составляющей развития бизнеса в 21 веке, и руководителям компаний следует серьезно задуматься о том, ...
как с пользой можно применить эффект печатающегося текста на сайтах? первое, что приходит в голову - для фиксирования внимания посетителей на ...
в прошлой статье мы разобрались с теоретической частью сборки фронтенда сайта, а в этой рассмотрим, как на практике, организовать взаимодействие ...
здравствуйте! сегодня мы поговорим с вами о инструкции switch в java. данная инструкция работает также как и аналогичная инструкция в php. так что, ...
сервис яндекс.деньги позволяет любому физическому лицу (для юрлиц и ип есть яндекс.касса), разместить на сайте форму оплаты, даже владельцам ...
тем, кто знает, что такое обратный звонок на сайте, предлагаю не читать, а перейти сразу к следующей главе. для остальных постараюсь объяснить, ...
в первой части, мы учились получать и изменять значение атрибута на jquery. во второй части, напишем программу на jquery - при клике по цветной кнопке, ...
каждый веб-сайт создается для достижения некоторой цели. оптимизация конверсии (conversion rate optimization – cro) – это процесс, имеющий целью увеличить ...
когда программа последовательно выполняет javascript код, от строчки к строчке, то такой код называется синхронным. в примере ниже, в консоль поочередно ...
здравствуйте!в данной статье я хотел бы показать пример программы на python,которая генерирует билеты на основе вопросов из текстового файла. ...
вы были молодцом и уже прошли курс по основам верстки, хорошо знаете html теги и css свойства. кто-то из вас воспользовался многочисленными бесплатными ...
перед нами сегодня стоит задача создать вкладки (табы) на js. вкладки состоят из заголовков, переключаясь между которыми, в активном показе всегда ...
многие из вас наверняка видели, что при заполнение формы можно поставить галочку в поле с чекбоксом и при вводе пароль станет видимым. сегодня ...
элемент с position: sticky отображается как относительно спозиционированный до тех пор, пока не пересечет заданную границу и тогда он ведет себя как ...
в эпоху процветания интернет-магазинов, как никогда востребованы разработчики, способные реализовать запросы владельцев магазинов. львиная ...
что такое аккордеон в html? это компактный способ отображения контента на сайте. чаще всего это текстовые блоки с информацией, например ответы ...
что такое рекурсия в js? это способность функции вызвать саму себя в своем теле. рекурсивная функция обязательно должна иметь условие завершения, ...
использование всплывающих подсказок на html страницах, прекрасная возможность дать пользователю уточняющую информацию, в удобном для него виде ...
flex блок представляет собой flex-контейнер, внутри которого вдоль основной оси, расположены flex-элементы. это легко представить в виде шашлыка, ...
все три css свойства flex-basis, flex-grow и flex-shrink управляют размерами элементов внутри контейнера. чтобы адаптивно верстать макеты, вам не обойтись без ...
во избежание ошибок в работе скрипта, убедимся, что dom-дерево построено. для этого повесим, обработчик на событие окна браузера, domcontentloaded. после ...
на этом уроке мы сделаем модальное окно на js. уже трудно себе представить современный коммерческий сайт без модального окна. поэтому, понимание ...
на этом уроке мы сделаем верстку адаптивной шапки сайта (лендинга), используя bootstrap сетку. если вы не знаете что это такое, советую почитать статью ...
словарь является типом данных (dist) в python и представляет собой неупорядоченную коллекцию, состоящую из пар "ключ-значение". словари в python очень ...
часто можно увидеть в социальных сетях, как бывалые программисты внушают новичкам, что им не нужно тратить время на изучение библиотеки jquery. ...
псевдоклассы описывают различные состояния элементов. например, какой цвет будет у активной ссылки или при наведении. чем псевдокласс отличается ...
шаблон проектирования наблюдатель - это популярный шаблон проектирования по широко используемый в разработке javascript-приложений. экземпляр ...
изучение python, хорошо подходит для освоения основ программирования, так как это один из самых простых языков. простота – его главная фишка. кроме ...
сегодня вы узнаете, как сделать всплывающую форму на css+js, чтобы она появлялась и исчезала при клике на кнопку. по такому же принципу вместо ...
не один язык программирования не может обойтись без переменных и python здесь не исключение. переменная в программировании – это именованная ...
в python существует логический тип данных bool, который может возвращать только два значения: true (истину) // первая буква заглавная false (ложь) // первая ...
сегодня мы создадим на чистом js коде – меню аккордеон с тремя секциями, при клике на которые, будет открываться панель с текстом, а при втором ...
в этой статье, мы познакомимся с базовыми основами работы со строками в python. строка (string) содержит в себе набор символов в кодировке ascii и относится ...
я завидую тем шикарным возможностям у начинающих программистов, каких не было у меня 10 лет назад. все мои базовые знания в области программирования, ...
предназначение цикла while в python, такое же, как и в других языках программирования - выполнять одинаковые инструкции столько раз, пока условие ...
в данной и последующих статьях мы разберем с вами на примерах, что такое модули в python, зачем они вообще нужны, и какой у них синтаксис. так как ...
не знаю как вам, но мне становится все более очевидным, что навык программирования, хотя бы на любительском уровне – нужен уже каждому человеку. ...
первое с чем сталкивается js разработчик при работе с сайтами, так это как получить элементы с веб-страницы. для написания любой программы, нужно ...
object (объект) - это более сложный тип данных в js. хочу напомнить, что все остальные типы данных, являются примитивными, так как могут содержать ...
ни в коем случае нельзя бездумно создавать на сайте анимации, просто ради анимации. как говорится, медицинский совет "не навреди", здесь вполне ...
как вы думаете, к какому типу данных относятся элементы на html страницах? это все объекты и на этом уроке мы будем учиться, с ними работать. в предыдущих ...
как сделать массовый импорт товаров в интернет-магазин, работающий на плагине wordpress – woocommerce? совсем недавно этого нельзя было сделать бесплатно, ...
несмотря на существенный прорыв в создании анимаций на css, javascript по прежнему остаётся главным инструментом по анимациям в веб-разработке. на ...
с технологией флексбоксов стало намного проще не только адаптивно верстать сайты, но и выравнивать элементы. раньше с этим было трудновато. ...
на дворе уже 2020 год и я думаю, что этап агитации делать верстку с использованием препроцессоров, уже давно пройден. поэтому можно без потери ...
на одном из предыдущих уроков, мы рассматривали самый простой способ, как сделать таблицу адаптивной. суть адаптации таблицы сводилась к появлению ...
где на сайте можно использовать угловую ленту? например ленту можно добавить на блок с ценами, скидками, подарками или украсить карточку с лучшим ...
на этом уроке мы разберем три разных эффекта при наведении на кнопку. посмотрите демо на codepen html разметка создадим в разметке три разных ...
вам срочно нужна на сайт всплывающая форма, но вы ещё не дружите с javascript? тогда стоит внимательно изучить этот урок, чтобы понять в чем заключается ...
существует несколько способов создания блоков со скошенными углами на css. блоки со скошенными углами можно использовать для секций или для ...
наверняка вы много раз видели на сайтах, как фоновая картинка при прокрутке вниз плавно уменьшалась в размерах до полного исчезновения, чтобы ...
на этом уроке мы с вами нарисуем первую букву логотипа google, используя css свойство border и псевдоэлемент. цвет логотипа google первым делом определим, ...
на этом уроке мы научимся рисовать речевые и мыслительные выноски, которые применяются в комиксах. нередко подобный комиксовый стиль можно ...
представленный ниже скрипт позволяет преобразовать число из одной системы счисления в другую: // немедленно вызываемя функция ...
любой веб-разработчик в ежедневной рутине сталкивается с шаблонами и макетами, состоящие из определенного набора компонентов. большая часть ...
изображения являются важнейшей частью любого сайта. являются ли они маркетинговыми баннерами, изображениями продуктов или логотипов, невозможно ...
вначале урока по созданию иконки юзера, мы выяснили, почему лучше предпочесть иконки на css, против готовых шрифтовых. на этом уроке, мы научимся ...
на этом уроке мы сделаем анимацию svg вектора, используя jquery плагин - lazy line painter. суть анимации состоит в постепенном прорисование любого векторного ...
всем частным компаниям или государственным организациям необходимо размещать в контактах карту их местоположения. поисковая система google, ...
на этом уроке мы научимся выводить на странице значения координат (x, y) курсора, в момент движения мыши внутри блока с помощью javascript. определение ...
на данном уроке мы познакомимся с технологией drag-and-drop, дословный перевод тяни и бросай. задача реализуется путем захвата элемента и перемещения ...
при верстке страниц часто возникает ситуация, когда для многих из них меняется только содержимое, тогда как, такие блоки как заголовок, меню ...
когда мы имеем дело с большими вложенными списками, было бы хорошо сделать их как можно компактнее. javascript отлично справится с поставленной задачей. ...
сегодня мы разберем 3 основных способа выравнивания блоков по ширине с помощью css. 1. выравнивание блоков на flexbox на данный момент способ выравнивания ...
на большинстве сайтах поля форм обратной связи, по ширине не больше 300 пикселей. форма с максимальной шириной в 320 пикселей целиком поместится ...
наверняка многие из вас, кто задумывается о выборе языка программирования для изучения, много раз слышали тезис, что java программисты получают ...
чем это хорошо самостоятельно рисовать иконки на чистом css, когда можно за считанные минуты найти любую иконку на иконочных сервисах и вставить ...
бытует мнение, что программирование доступно только для людей с математическим складом ума. причем такой склад ума наблюдается исключительно ...
значения свойства transition управляют плавной сменой свойств при анимации, наведении и клике на любой элемент. css свойство transition нацелено на улучшение ...
существует два принципиально разных способа, добавления иконок на сайт: в виде картинки (растровой или векторной) в качестве иконочного ...
по умолчанию все браузеры ищут фавикон в корне сайта, но ничего не случиться, если мы поместим фавикон в папку с картинками и укажем пути в хедере ...
первым делом нужно установить платформу node js, чтобы разработчикам были доступны команды npm. через команду npm, мы в дальнейшем установим и сам ...
вставить видео на сайт во весь экран браузера, используя html5 теги, намного проще, чем вы себе это представляли. на этом уроке я рассказывал уже, ...
на прошлом уроке мы сделали верстку слайдера, на этом уроке настроим и стилизуем slick слайдер. настройки slick слайдера просматривая демо-страницу ...
как показывает практика, для начинающих фронтендеров, самой большой проблемой при кастомизации slick слайдера, остается настройка стрелок и точек. ...
на этом уроке мы научимся делать простые вкладки на чистом css и никакого javascript. в ряде случаев этого решения вполне достаточно, ограничиваясь ...
стрелки с рамками или стрелки в виде треугольников очень часто можно увидеть в макетах для верстки. эти простые фигуры легко можно нарисовать, ...
на этом уроке мы разберем, как вставить видео в кастомном видеоплеере на html страницу. в качестве импровизированного видеоплеера, будет использовано ...
javascript является языком программирования с нестрогой типизацией данных. что это означает на практике? например присвоив переменной x число 10 ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. во второй части урок нарисовали и запрограммировали кнопку гамбургер. ...
на этом уроке мы реализуем интересный эффект с фокусировкой размытого фона и размытия изображения при наведении в css. при наведении на элемент ...
на этом уроке вы узнаете, как на языке javascript показать и скрыть любой элемент на сайте, кликнув по кнопке. html структура в html разметке присутствует ...
на этом уроке вы узнаете, как на языке javascript сделать простой спойлер. спойлер на сайте - это скрытая часть контента, которая будет скрыта до тех ...
на этом уроке мы с вами научимся, как быстро и легко сделать на сайте симпатичный анимированный фон. для этого нужно подключить и настроить замечательный ...
css свойство transform-origin позволяет задать местоположение точки, относительно которой происходит трансформация (смещение, деформация, вращение, ...
если бы таблицы могли хорошо адаптироваться под разные разрешения экранов, то человечество и по сей день делало бы табличную верстку. я ещё ...
на этом уроке мы будем создавать адаптивную контактную форму на всю ширину браузера, используя css и медиа-запросы. демонстрация примера. ...
я часто вижу в комментариях к урокам или на форумах, когда новички спрашивают: "я хочу разместить текст поверх картинки, а он оказывается под ...
сегодня вы узнаете как сделать чекбокс на html и добавить ему css стилей для лучшей совместимости с дизайном сайта. демонстрация чекбокс на ...
каждый начинающий веб-разработчик рано или поздно сталкивается с задачей, реализовать на сайте модальное окно (аналог pop-up окна). модальное ...
данная статья является продолжением предыдущей статьи, в которой мы говорили о том, как реализовать индикатор позиции чтения. в прошлой статье ...
итак, на этом уроке делаем верстку последней секции макета по сетке bootstrap. секция с корзиной верстаем уже по накатанной схеме: секция -> ...
на этом уроке мы рассмотрим, как вывести текст в javascript на экран, с двумя разными целями: заменить на другой и добавить к существующему. создадим ...
внутри контейнера header находится блок навигации nav. меню шапки в свою очередь навигация содержит меню и языковое меню. продолжим html ...
в первой и второй части урока, мы заново создали шапку сайта, но этого не достаточно. при уменьшении ширины экрана до 1000 пикселей, элементы сайта ...
в данной статье мы поговорим о том как работать с датой и временем в mysql. посмотрим как сохранять и извлекать значения данного типа из таблиц. ...
исходя из своего личного опыта, делать адаптивную верстку psd макета по сетке bootstrap, несколько проще, чем на флоатах или флексах. верстку по системе ...
продолжаем обсуждать работу с датой и временем в mysql. первая часть этой статьи находится здесь вот сразу пример получения текущей даты и времени ...
объявление переменных для того, чтобы объявить в javascript переменную, пишут так: var name; где name – осмысленное название переменной, написанное ...
на предыдущем уроке мы верстали карусель (слайдер) с помощью bootstrap компонента carousel, а на этом уроке нас ждет верстка секции с иконками. секция ...
какие кнопки обычно встречаются на сайте? я разделили бы их на два вида: кнопки внутри формы и кнопки-ссылки. и те и другие необходимо уметь верстать. ...
таймер в js нужен для запуска функции (некий набор действий), через заданное количество времени. без таймера эта функция так и так бы запустилась, ...
css анимация, состоит из ключевых кадров @keyframes, куда прописываются стандартные css свойства. собственно для создания эффектной анимации, нужны ...
на прошлом уроке, мы создали анимацию для кнопки гамбургер, без привязки к меню. на этом уроке привяжем к нашей кнопке адаптивное меню. на мобильных ...
на прошлом уроке, мы привязали к кнопке гамбургер выезжающее меню при клике по ней. посмотрите демонстрационный пример прошлого урока, как ...
можно бесконечно долго изучать html теги и css свойства, но эти знания сами по себе ничего не дают. нужно брать psd макет и начинать верстать, закрепляя ...
секция с фотографиями на секции с портфолио, вы узнаете, как верстать на flexbox. мы имеем дело с нестандартным расположением фотографий, одна ...
сегодня мы поговорим о том, что такое якорь в html, как это работает, да так, чтобы действие произошло плавно. якорь – это знак решетки, который ...
веб-разработка и программирование – это одна из наиболее быстро меняющихся сфер. программисту и веб-разработчику для того, чтобы оставаться ...
на прошлом уроке мы создали схему структуры сайта, на котором будет 6 категорий, одна из категорий будет состоять из двух подкатегорий. все категории ...
какой можно сделать сайт на wordpress, без навыков написания кода? ответ простой – любой сайт. а если быть более конкретным, то на wordpress каждый человек ...
примеры условных операторов if-else (если-иначе), нам не надо специально придумывать, они приходят из жизни. то, как мы себя ведем или какой делаем ...
предлагаю вашему вниманию конкретный план действий, состоящий из 8 шагов, которые приведут вас от идеи до готовой схемы структуры сайта. схема ...
статичные блоки с отзывами идеально подходят для классических товарных лендингов. это когда срок жизни лендинга, равен длительности продажи ...
в этой статье мы разберем основы ajax запросов. научимся настраивать и отправлять запрос, а также получать ответ от сервера. классическая модель ...
почему динамические веб сайты стоит создавать именно на связке php и mysql? простые в изучении большое сообщество отличная документация open-source ...
события jquery мгновенно реагируют на действия пользователя, на такие как клик, движение, наведение мыши и.т.д. эта реакция выражается во внешних ...
на этом уроке, вы узнаете несколько способов выравнивания по центру блока внутри блока по вертикали и горизонтали. в качестве блоков могут быть ...
на этом уроке, мы рассмотрим эффекты в jquery – это такие методы, как hide, show, toggle, slide, fade и animate. создадим тестовый блок для демонстрации примеров ...
на этом уроке мы напишем код popup окна с формой подписки, на чистом css, совсем не используя графику. наша цель, с помощью всплывающего popup окна собрать ...
на этом уроке, мы научимся добавлять элементу, по которому кликнул пользователь, класс, чтобы изменить его внешний вид, применяя стили, добавленного ...
на этом уроке мы создадим на чистом css саму иконку гамбургера-меню и с помощью js функции, поменяем её внешний вид, на крестик (x), символизирующий ...
для тех кто решил всерьёз заняться программированием, важно определиться для какой платформы писать приложения. хотя кроссплатформенная разработка ...
переменная – это ячейка, где в промежуточном состоянии хранятся результаты разных операций в процессе программирования. возьмем простое математическое ...
для верстальщика псевдоэлементы и псевдоклассы – незаменимые помощники и я вам это сейчас докажу на примере фрагмента psd макета. дизайнеры ...
все представленные ниже операции на java пишутся внутри конструкции. данная конструкция автоматически генерируется netbeans-ом, при создании нового ...
здравствуйте! в данной статье речь пойдет о том, как реализовать бесконечную прокрутку контента сайта, аналогично тому, как это реализовано ...
массив – это набор определенного количества однотипных элементов (структуры данных). по сути, массивы, позволяют нам, не создавать много переменных, ...
у массива на javascript, существует много методов взаимодействия с ним. наиболее часто востребованные, мы и рассмотрим сейчас. добавить элемент ...
локализация - это процесс адаптации продукта или контента к определенному рынку или региону. она является важной при выходе на зарубежные ...
для работы со строками (хранители текстов), разработчики выделили отдельный класс string. строки – это наиболее часто используемый в java, ссылочный ...
в прошлой статье мы говорили с вами о линейном поиске, который подойдет для поиска в небольших по объему не сортированных коллекциях. однако, ...
css библиотека imagehover – это коллекция различных css эффектов при наведении на картинку (hover effects), которые можно применять как к одиночным картинкам, ...
у посетителя сайта, должна быть возможность, быстро вернуться наверх, если он дошел до конца страницы. обычно в правом нижнем углу браузера, ...
данный скрипт позволяет распаковать загруженный на сервер архив в заданную папку. код функции распаковки: /** * распаковка архива * ...
поскольку все данные значительной части сайтов хранятся в базах данных, то нужно как-то ими управлять. для общения с базами данных был разработан ...
все базы данных делятся на два типа, с хранением данных в таблицах (mysql) и с хранением данных, в массивах (формат bson). mongodb – документо-ориентированная ...
в очередной раз, просматривая вакансии на html-верстальщика, на предмет поиска темы для новой статьи, в списке требований работодателя, наткнулся ...
напомню, что событие – это реакция браузера на взаимодействие пользователя с элементами сайта, посредством мыши и клавиатуры. существует три ...
на прошлом уроке, мы закончили с чекбоксом, нам осталось сделать кнопку. шаг 7. внутри блока с формой, сделаем разметку для кнопки, обернем ...
в данной статье я расскажу вам, что такое шаблонизатор twig, и чем он может помочь веб-разработчику. любой, кто уже пытался разрабатывать свой ...
пока вы сидели в одиночестве, вылавливая на фриланс-биржах, подходящие для себя заказы, офисные веб-разработчики, уже на полную катушку, использовали ...
бывает, что заказчики часто просят, сделать дополнительную навигацию на wordpress и вывести её, в указанном на скриншоте, месте (красными стрелочками). ...
нас, веб-разработчиков, строгий google, уже давно убедил, что изображения на сайте, надо оптимизировать – уменьшать их вес. красный или оранжевый ...
я немного завидую, нашим коллегам вебмастерам, работавшим ещё 10-20 лет назад. они могли себе позволить не париться по поводу оптимизации всего, ...
в статье работа с библиотекой jquery ui, мы подробно на примере виджета tooltip, разобрали, как подключить библиотеку, зачем она вообще нужна. сегодня, ...
сегодня мы поговорим о требуемых навыках для работы не на фрилансе, а в офисе, как на месте, так и удаленно. просматривая размещенные вакансии ...
на этом уроке мы научимся делать простое адаптивное портфолио, где количество столбцов, меняется в зависимости от ширины экрана на просматриваемом ...
по умолчанию маркером списка ul, служит простая черная точка. я знаю, что многие начинающие верстальщики, используют маркированные списки для ...
делать карусель на чистом js, с нуля и самому? зачем изобретать велосипед, когда есть готовые решения, slick / owl слайдеры? на это есть, как минимум ...
pug – это html препроцессор, написанный на js для работы на платформе node.js, с одной единственной целью – ускорить верстку. за счет чего верстать ...
сетка bootstrap состоит из 12 колонок, так как число 12 делится на большое количество чисел без остатка. деление на числа 2, 3, 4, 6, 12, позволяет получить ...
на этом уроке мы подробно разберем, как сделать карточку товара на css. под карточкой товара, я подразумеваю продающую карточку в интернет-магазинах. ...
чаще всего в модальных окнах размещают формы, всплывающая форма заявки на лендинге – это классика. у bootstrap 4, есть такой компонент, как модальное ...
темой сегодняшнего урока, будет создание прогресс бара. это длинная полоска, которая заполняется цветом, по мере выполнения какой-либо задачи, ...
база данных в программировании – это хранилище разного рода данных в упорядоченном виде. если провести простую аналогию из жизни, то базу данных ...
на этом уроке мы сделаем валидацию номера телефона на js. для этого создадим форму с одним единственным полем, куда пользователь будет вводить ...
bem – это методология, разработанная в яндексе, расшифровывается, как: блок__элемент_модификатор идея bem-а состоит в изолированности блоков ...
для верстальщика обязательным порядком необходимо уметь стилизовать разные элементы формы. согласитесь, что вряд ли дизайнер оставит форму, ...
сегодня мы научимся показывать и скрывать текст, при клике по кнопке, на чистом javascript. такой прием обычно используют на сайтах, с целью экономии ...
давайте немного освежим в памяти, для чего нужны radio кнопки на сайтах. radio кнопка – это переключатель, который используют в формах, когда пользователю ...
существует длинный список языков программирования, которые продолжают существовать по сей день, со своими сильными и слабыми сторонами, облегчая ...
валидация формы – это функция, проверяющая вводимую пользователем информацию, при заполнении формы. если пользователь что-то пропустил или ...
в прошлой статье мы говорили о том, как превратить php скрипт в консольную команду для выполнения рутинных действий. а в этой посмотрим как разобрать ...
верстка писем для email рассылки непростая задача, требующая нестандартного подхода от верстальщика. в чем состоит, трудность, верстки писем? ...
при создании веб-сайта мы должны уделять первоочередное внимание цели привлечения посетителей, с тем, чтобы задержать их затем дольше на сайте. ...
я большой сторонник минимализма при планировании html структуры сайта. любой сайт начинается с шапки и если у вас небольшое меню, то желательно ...
на фриланс биржах, можно часто увидеть заголовки с заданиями от заказчиков: "нужно ускорить загрузку сайта на wordpress". думаю, что эта тема будет ...
при посещении тех или иных сайтов можно заметить такую особенность, когда при выделении текста на странице, он может менять свой стиль. такого ...
в прошлой статье мы начали обсуждать, что такое шаблонизатор twig, а в этой статье мы продолжим рассматривать его и начнем с основной настройки ...
при создании сайтов периодически возникает необходимость запретить прямой доступ к файлам определенных типов. сделать это можно различными ...
на прошлом уроке была сделана html разметка для дальнейшей верстки psd макета. как и ожидалось все блоки и секции встали друг под друга - это и есть ...
на прошлом уроке была сделана верстка секции по psd макету. сейчас наш сайт хорошо смотрится на больших и средних мониторах. но что произойдет, ...
здравствуйте, уважаемые посетители сайта myrusakov.ru! как вы знаете, недавно я запустил несколько новых видео курсов связанных с языком java и поэтому ...
перед теми кто начинает программировать на java, сразу возникают два вопроса: как скомпилировать, и как запустить программу на java? в одной из ...
представим, что нам необходимо разобрать большой файл с логами либо еще с какими-то данными.как правило, при работе с большими файлами самой ...
многие люди, начинающие изучать язык программирования java, изучив основы, не двигаются никуда дальше. кстати это касается не только начинающих ...
в предыдущих статьях о php шаблонизаторе twig, мы рассмотрели такие его особенности как, наследование шаблонов, циклы, условие, кеширование. в ...
сегодня мы создадим три вкладки (tabs), переключаясь между которыми, поочередно будет скрываться или снова показываться, содержимое всех вкладок. ...
сегодня мы поговорим о том, как использовать простую javascript библиотеку, которая строит несложные графики в формате svg. библиотека morris.js позволяет ...
доброго времени суток, уважаемые посетители! сегодня я хотел бы поговорить с вами о том, что за зверь такой parcel js. порог входа в любую предметную ...
пропишем внутри ссылок data*-атрибуты с названиями ссылок. это нужно для передачи этих названий в функцию attr для получения hover-эффекта. <ul> ...
обычно форма поиска как минимум состоит из двух полей input: это текстовое поле, куда пользователь вводит ключевое поисковое слово и кнопки "поиск". ...
при заполнении различных отчетов на сайтах, часто появляется необходимость позволить пользователям загружать на свой пк сформированный ...
все, кто хоть немного взаимодействуют с компьютером, неизбежно сталкиваются с однотипными задачами: скачивание видеороликов с youtube, переименование ...
на этом уроке вы узнаете, как сделать градиентную рамку с размытыми краями для блоков. данный css-эффект построен на градиентах, заданных псевдоэлементам. ...
css свойство align-items управляет элементами по вертикали в системе grid layout. на этом уроке, вы увидите все возможные варианты расположения элементов ...
кнопка-переключатель, напоминающая гамбургер, решает проблему нехватки места для полноценного меню, на маленьких устройствах. н этом уроке ...
прозрачная форма на фоне какого-нибудь девственного пейзажа - любимая тема веб-дизайнеров. как верстать такую форму? с этим нам предстоит сегодня ...
шаг 1) создание html-разметки сделать кнопку можно разными способами: через тег button, div или a. я предпочитаю сделать это сразу через ссылку a, поскольку ...
html код html разметка состоит из элементов маркированного списка, внутри блока div. <div class="list">     <h2>list item hover effect</h2>     <ul> ...
4) позиционирование инпута и текста .list ul label{     position: relative; / * относительное позиционирование * /     display: flex; / * отображать ...
компонентный фреймворк svelte.js используется для создания интерфейсов без перезагрузки страницы и этим он очень похож на vue.js и react.js. но у него ...
использовать или нет на сайте прелоадер - вопрос индивидуальный. например для одностраничника, с минимальным количеством графики и изображений, ...
в предыдущей статье по структурам данных в python мы говорили о наиболее часто используемых типах данных, таких как списки, словари и их разновидности. ...
сделать на css красивую градиентную тень вместо обычной серовато-черного цвета? это никакая не сверхзадача, css легко с этим справляется. создание ...
этот необычный эффект строится на двухслойности: нижний слой желтый, а верхний - синий. двигая мышкой слева направо, вы постепенно убираете верхний ...
как известно, людям всегда больше нравится интерпретировать картинки, чем текст. это подтверждается биологическим фактом, что 90% фактов, поступающих ...
на этом уроке мы научимся делать простой hover эффект для кнопки с помощью псевдокласса :nth-child. на кнопке есть текст - button, при наведении курсора ...
на этом уроке мы сделаем меню с красивым эффектом при наведении с использованием псевдоэлементов - :after и :before. что такое псевдоэлементы, мы очень ...
возможно, вы знакомы с поиском текста, нажимая ctrl-f и вводя искомые слова. регулярные выражения идут еще дальше: они позволяют указать образец ...
операционная система android у мобильных устройств основана на ядре linux и приложения для нее пишутся на языке java. любая программа состоит из множества ...
продолжаем совершенствовать игру asteroids c python и pygame. и на текущий момент, на игровом поле отображается один космический корабль, которым можно ...
начинаем работать с mysql в nodejs. часть 2 в прошлой статье мы рассмотрели азы подключения к серверу базы данных mysql из nodejs. а в этой рассмотрим работу ...
замечательно то, что на canvas можно не только рисовать, но и анимировать объекты. для этого у javascript есть полный набор инструментов. вы узнаете, ...
в предыдущей статье мы реализовали проект pygame, в результате чего на экран выводится окно с игровым полем, которое вы можете закрыть, нажав клавишу. ...
структурой данных называется способ организации или хранения данных для эффективного с ними взаимодействия. в программировании мы все время ...
в предыдущей статье мы создали и отобразили красивое игровое поле с помощью pygame и python. и на данный момент наша программа отображает фоновое ...
в предыдущих статьях про python и pygame мы создали и отобразили игровой объект в виде космического корабля. в сегодняшней статье мы создадим для ...
в прошлых статьях по созданию игры с python и pygame мы добились отображения корабля на фоне изображения космического пространства. но что можно ...
продолжаем покорять космические просторы с python и pygame.в прошлой статье мы придали кораблю возможность управления с помощью клавиш. в сегодняшней ...
сегодня мы научимся рисовать дуги и окружности. сделать это можно с помощью метода arc, который рисует дугу из центра в заданной точке с координатами ...
в предыдущей статье мы добавили новые свойства к игровому объекту. в результате чего, наш космический корабль двигается и вращается! однако, ...
на этом уроке нарисуем пчелу с помощью окружностей и анимируем ее так, чтобы она летала. создание анимации в javascript состоит из повторяющегося ...
уже трудно себе представить современные сайты без иконок и вообще без графики. вся графика, которую мы видим на сайтах может быть растровой ...
на этом уроке мы создадим простую css анимацию появления текста. разобьем наш текст на отдельные фразы и будем их друг за другом прокручивать ...
сегодня вы узнаете, как при помощи готового решения parallax плагина, можно анимировать фон при движении мышью. в качестве фона у нас будет космическое ...
в предыдущей статье по python и pygame мы завершили создание логики для космического корабля. но корабль все еще один в пустом пространстве. пора добавить ...
это вторая статья про наследование в javascript, первая статья здесь. в данной статье мы обсудим наследование статических методов в javascript. производный ...
сегодня мы рассмотрим простой, но интересный эффект появления рамки из центра, при наведении на кнопку. в качестве объекта наведения может быть ...
различные hover эффекты на кнопках служат для привлечения внимания пользователей, чтобы побудить их к активным действиям. сегодня мы рассмотрим, ...
формат svg дает новые возможности для рисования различных фигур и анимирования их. сегодня мы рассмотрим svg hover эффект на кнопку. создадим внешний ...
в одной из прошлых статей по css, мы попытались с имитировать эффект неоновой вывески. и одна особенность, которую можно заметить в неоновых вывесках, ...
продолжаем делать выезжающее боковое меню по клику, в первой части урока была сделана html-разметка, стилизованы все селекторы, теперь осталось ...
в этой небольшой статье мы научимся сохранять массивы и объекты javascript в локальном хранилище браузера – html5 localstorage. сохранение массива в ...
в данной статье мы продолжим изучать функции queryselector и queryselectorall. про queryselector я уже рассказывал в этой статье, поэтому сейчас я расскажу вам про ...
если вы задумываетесь над созданием собственной игры, но не хотите переходить на другой язык ради карьеры разработчика игр, то для этого есть ...
для создания более сложных css анимаций, разработчики ввели функцию var() и calc(). функция var() позволяет динамически вставлять значения переменных ...
необходимость размещать текст в колонках на веб-страницах, безусловно пришла из газет и журналов. однако на мониторах компьютеров, читать длинные ...
django - это python веб-фреймворк для бекенда, который позволяет быстро создавать безопасные сайты и приложения. фреймворк имеет набор готовых компонентов, ...
на предыдущем уроке мы нарисовали чашку с блюдцем, используя только css стили и никакой графики. на этом уроке сделаем нашу чашку интерактивной ...
это вторая часть по гамбургер меню. в первой части мы сделали пока только верстку. 5. скачать библиотеку jquery-3.3.1.min.js подключаем к нашему html ...
задача веб-разработчика заключается в создании максимально удобной, безопасной и эффективной структуры сайта. на этапе внутренней оптимизации ...
фильтры в jquery помогают отфильтровать все ненужное, а оставить только нужное. они делают выборку элементов более гибкой и точной. в этой статье, ...
больше не нужно ломать голову и писать много строчек кода для визуализации капель дождя, падающих на окно. замечательный скрипт на js rainyday.js представляет ...
в этой статье не рассматриваются технические термины и концепции, чтобы обеспечить ее содержание простым. если вы программист, позвольте мне ...
всем привет! на начало 2018 года, по данным сайта can i use, верстка на flexbox-ах, поддерживается браузерами на 97.8%. это отличные показатели для этой уже ...
традиционный for цикл в javascript - теперь в прошлом! встречайте новые циклы for..of и for…in, которые дают нам очень ясный и короткий синтаксис для последовательного ...
для создания этого забавного лоадера, слегка напоминающего игрушку кубик-рубик, нужно в html-разметке прописать блок обертку с классом loader и четыре ...
в свободном доступе глобальной сети интернет существует несчётное количество сайтов. но они ведь должны где-то располагаться. небольшой ...
каждый грамотный программист стремится писать код, который работает. однако в долгосрочной перспективе вероятность того, что ваша программа ...
для создания анимации падающих звезд нам потребуется картинка зведного неба и сами звезды, созданные средствами html и css. html-разметка и звездное ...
продолжаем предыдущую статью о том, как составить продающее письмо.     упростите отмену подписки. согласно законодательству, ...
нет, это не фотошоп. фильтр для смешивания слоев уже давно стал доступен и на css. как это работает? сейчас вы обо всем узнаете. html разметка для ...
мне очень нравится этот способ создания бегущей волны для последующей ее анимации. почему? здесь мы не используем никакой графики, только свойства ...
при вождении автомобиля – скорость это далеко не все. но в web все решает скорость. чем быстрее ваше приложение, тем лучше пользовательский опыт. ...
сегодня почти каждая серьезная компания распространяет свои товары и услуги через интернет с помощью собственного сайта. в условиях технологического ...
по внутренней поверхности полукруга, туда-сюда катается мячик. кроме этого сам полукруг или назовем его лоадер, раскачивается вверх-вниз, словно ...
эта статья является продолжением предыдущей статьи. в заключительной части последней мы говорили об использовании анонимных классов в javascript, ...
на всей странице будет происходить плавное движение вверх разноцветных квадратиков разного размера. подготовка фона для анимации создадим ...
чтобы нарисовать реалистичные капли воды, не обязательно владеть техникой рисования. достаточно хорошо знать css-свойства и уметь применять ...
эта статья является продолжением предыдущей статьи про параметры по умолчанию в javascript. теперь давайте рассмотрим несколько примеров, чтобы ...
на первый взгляд может показаться, что шаблонная строка в es6 похожа на улучшенную версию обычной строки javascript. но отличительная разница между ...
много реалистичные пузырьков разных размеров, с разной скоростью поднимаются вверх, лопаясь на ходу. как такое возможно сделать на javascript? перед ...
в этой статье вы узнаете о шаблонных строках в javascript, которые упрощают работу со строками. до es6 мы использовали только одинарные кавычки ...
посмотрите сначала предыдущий урок. а что если пользователь не догадается навести мышку на свернутое меню, чтобы его развернуть? неплохо было ...
это будет не просто очередная статья в стиле "копирайтеров-теоретиков" на тему, что такое "бесплатный конструктор сайтов mobirise". прежде, чем приступить ...
если вам тяжело дается освоение разных языков программирования, верстки, то не отчаивайтесь, посмотрите в сторону заработка на собственном ...
эта статья является логическим продолжением двух предыдущих статей: "бриф на разработку сайта" и "прототипирование сайта – важный этап" все ...
медленно движущаяся картинка в сферической рамке смотрится очень завораживающе. эта сказочная анимация выглядит дорого, хоть и сделана на ...
в статье "бриф на разработку сайта" вы узнали что такое бриф и зачем надо анкетировать заказчика. вам крупно повезет, если у заказчика существует ...
в прошлой статье мы обсуждали как деструктурировать массивы в javascript, а в этой статье продолжим обсуждением данной темы, но уже в отношении объектов. ...
в видео-курсе "своя web-студия за 55 дней" я больше фокусировался на практике, поскольку для тех, кто хочет иметь собственную web-студию, при полном ...
официальный сайт: textolite.ru textolite представляет собой простую систему управления статичным сайтом с бесплатной и платной расширенной версией. ...
css фильтры чаще всего применяют к фоновым изображениям или фотографиям. по сути они заменяют программу photoshop, чтобы добиться некоторого эффекта, ...
чем ещё можно привлечь внимание пользователя? например, при наведении курсора наша кнопочка могла бы двигаться, вращаться, искажаться или масштабироваться. ...
на данный момент у нас есть три превью-картинки, при наведении на которые пока ничего не происходит. по задумке, при наведении на урезанную версию ...
как развернуть сложенные в стопку карточки при наведении мыши? html разметка html структура состоит из трех карточек с текстовым контентом. ...
эффект плавного перехода в css часто применяется при наведении курсора на какой-нибудь элемент, например для кнопки. когда при наведении курсора, ...
в предыдущей статье мы начали создание проекта игры asteroids. для этого был создан базовый класс игры с конструктором и основными методами игры. ...
здравствуйте! сегодня я хотел бы рассказать вам о научных вычислениях с использованием языка python и модуля scipy. во многих научных вычислениях ...
на этом уроке я покажу, как буквально за считанные минуты можно бесплатно сделать гифку из видео с помощью онлайн-сервиса giphy. работать с данным ...
на этом уроке мы разберем основные правила css анимации на веб-странице, которые можно применить к любому элементу, а не только к тексту. просто ...
css grid - технология верстки макетов, которая позволяет буквально в пару строк кода получить адаптивную сетку. однако, при центрировании содержимого ...
в данной статье мы поговорим с вами, что такое cors, где оно используется и реализуем его. итак, согласно документации cross-origin resource sharing (cors) — ...
жизнь не стоит на месте и вот в очередной нас порадовали разработчики самого популярного css-фреймворка bootstrap. наконец-то вышла новая версия bootstrap ...
деструктуризация - это новый синтаксис es6, который помогает присваивать несколько значений из массива или объекта в переменные. деструктуризация ...
какое количество сюжетов используется в голливудских фильмах? некоторые критики говорят, что их всего пять. а сколькими способами можно структурировать ...
часть 1 часть 2 часть 3 используя готовые пакеты программного обеспечения для разработки сайтов, вы лишаетесь опыта работы в области администрирования ...
несоблюдение html и css правил, приводит к массе ошибок при верстке. исправить которые, бывает не так просто для начинающих верстальщиков. сегодня ...
на этом уроке продолжим разбор ошибок начинающих верстальщиков. первые две ошибки были связаны с использованием строчных и блочных элементов. ...
часть 1 часть 2 у начинающих php-разработчиков возникает соблазн получить все и сразу, установив такие пакеты, как xampp, wamp, mamp или easyphp. аббревиатура ...
данный скрипт позволяет переводить предложения из киррилицы в транслит. это нужно, например для формирования ссылки на товар в интернет-магазине. ...
данный эффект хорошо подходит при наведении на ссылки в навигационных меню или в пагинациях. ссылки помещены в рамки определенного цвета, при ...
часть 1 когда вы разрабатываете сайт на своем собственном компьютере, потенциальные посетители, набрав в браузере адрес http://myrusakov.ru ...
в прошлой статье мы говорили о цепочке вызовов методов объекта javascript promise для последовательного преобразования результата асинхронной операции ...
доброго времени суток! я уже рассказывал, что такое orm. вот здесь находится статья. а в данной статье я покажу как просто можно настроить orm в ...
эта статья является продолжением предыдущей статьи, которая находится здесь. шаг 3: кодирование отображаемого кода для предотвращения межсайтового ...
не всякий раз верстка бесплатных макетов в учебных целях, хорошая идея. такое занятие требует много времени и высока вероятность, что вам быстро ...
что такое a/b тестирование сайта a/b тестирование - это сравнение двух страниц с разным дизайном, но в одинаковых условиях, чтобы выяснить какая ...
конструктор яндекс карт независимо от этого куда вы в дальнейшем будете вставлять яндекс карту, первый шаг всегда начинается с конструктора ...
на этом уроке мы рассмотрим один из вариантов создания анимации на javascript, через функцию requestanimationframe. по большому счету существует два способа, ...
плагин eslint - это лучший помощник для отлавливания ошибок в процессе написания javascript кода. предупреждая нас о них прямо на лету в редакторе кода. ...
у вас на руках есть готовый дизайн для футболки. что с ним делать дальше? как получить готовый продукт в свой интернет-магазин? для начала нужно ...
стрелочные функции появились начиная с es6 и очень сильно изменили качество написания кода. так чем же они хороши? главная причина появления ...
сегодня мы поговорим о сервисе icomoon, который позволяет создавать шрифтовые иконки для различных проектов. что же это за шрифты и в чем их преимущества? ...
регулярные выражения нужны для поиска по тексту, для замены в тексте или для проверки на совпадение с неким шаблоном. это когда вы регистрируйтесь ...
многие люди не имеют четкого представления, что такое «удаленка» и что такое фриланс. а некоторые вообще пребывают в полной уверенности, ...
последнее время мне все чаще задают вопросы о том, как устроены индикаторы, показывающие текущую позицию чтения текста (количество прочитанного ...
первая часть этой статьи находится здесь, а в данной статье мы продолжим обсуждать десять частых ошибок в ux дизайне. ошибка 6: пространство ...
несмотря на то, что платных или бесплатных wordpress тем, создано уже огромное количество, редко кто использует их на своих сайтах так, как есть. даже ...
на прошлом уроке мы подключили materialize, чтобы уже прямо сейчас использовать этот фреймворк на практике. вы увидите, как легко и быстро, пользуясь ...
set (множество) - это объект, в котором могут хранится только уникальные значения любого типа данных (примитивы и другие типы объектов). создание ...
javascript - это гибкий и мощный язык программирования, который реализуется различными веб-браузерами. наряду с html и css, это основной компонент ...
относительно недавно один из моих учеников спросил меня: как сделать так, чтобы при нажатии на кнопку элемент страницы (параграф, картинка и ...
для начинающих верстальщиков проблематика не прижатого футера, какое-то время может быть не очевидна. когда контента хватает на всю высоту ...
на этом уроке создадим тест с вопросами и полями для ввода ответов для дальнейшего размещения на сайте. вопросы и ответы теста хранятся в последовательно ...
доброго времени суток всем! сегодня я покажу вам как можно, на чистом css cделать выпадающий блок. в основе всего примера лежит использование ...
для чего нужен движок unreal engine unreal engine - это бесплатный и кроссплатформенный игровой движок, разрабатываемый и поддерживаемый компанией epic ...
известно, что веб-дизайнер рисует макет сайта, а верстальщик делает верстку, то есть пишет html/css код. а что именно он пишет на html странице? все ...
javascript является объектно-ориентированным языком (ооп) и главную роль в нем играет объект. он может в себе содержать методы, свойства, а также любой ...
oauth 2.0 - это открытый протокол авторизации, который позволяет одним приложениям получать доступ к данным других приложений. например, игровое ...
перед нами стоит задача создать и вывести на страницу список книг из массива, хранящегося в базе данных на сервере. на практике это значит, что ...
можно на поставленный в названии статьи вопрос, ответить одним словом – из-за админки. вам конечно, скажет любой программист, не делайте этого! ...
чтобы сделать свою версию этого дизайна, на первых порах вам не нужен photoshop и дизайнерские навыки. простые вещи можно сделать легко и быстро, ...
c# (по анг. csharp) был разработан компанией microsoft в 2000 году и является основным конкурентом самого быстрого языка программирования с++. он достаточно ...
например, по какой-то причине вам нужно перенаправить посетителей с одного сайта на другой. только сделать это без мгновенного редиректа в лоб, ...
на этом уроке мы разберем пример поворачивающейся карточки с картинкой. с лицевой стороны у карточки картинка, на обратной стороне - текст. при ...
на сегодняшнем уроке мы познакомимся с понятием custom post type, а также научимся создавать свой кастомный post type и шаблон для него. custom post type это одно ...
на прошлом уроке мы узнали, что такое utm-метки и настроили get-запросы меток в скрытых полях формы. на этом уроке вы узнаете, как получить данные ...
на этом уроке разберем как можно имитировать ввод текста с клавиатуры с помощью css анимации. эффект печатающегося текста способен оживить вашу ...
в первой части урока мы нарисовали сам слайдер с использованием html и css, во второй части создадим кнопки prev / next и напишем javascript код для управления ...
метод splice() очень гибкий инструмент для работы с массивом. он умеет добавлять, удалять и заменять элементы массива и может принимать до 3-ех аргументов. ...
grid с появлением grid css, у верстальщиков появилось ещё больше возможностей. данное свойство учитывает горизонтальное и вертикальное расположение ...
c++ появился в далеком 1980 году, все время развивался и по сей день носит титул самого быстрого языка программирования. среди других низкоуровневых ...
в python скрипте ниже мы рассмотрим как подсчитать количества определенных дней недели в диапазоне дат в python. где это может понадобиться? допустим, ...
в данной статье мы рассмотрим с вами как можно быстро создать графическое приложение с использованием библиотеки python tkinter. проектировать мы ...
прежде чем использовать и публиковать изображения на веб-сайте, сначала их необходимо подготовить. подготовка включает в себя уменьшение веса ...
как преобразовать обычный список в массив, используя программу vscode и регулярные выражения? предположим вам нужно занести в базу данных сайта ...
флаги в регулярных выражениях уточняют каким образом нужно искать, если это важно. в противном случае, флаги не обязательно добавлять к регулярному ...
управление областями в css grid можно ячейки объединять в области. ниже представлен шаблон, в котором при разрешении меньше 540 пикселей, верстка ...
на этом уроке разберем, как верстальщикам использовать css grid технологию на примере типичной блог-секции. мы не будем отвлекаться на css-свойства ...
если вы когда-либо видели что-то подобное:  p.then(function(result) {    // выполняем некое действие с результатом   }); то вы уже находитесь ...
предположим, что мы создали html страницу с заголовком «урок по javascript #1» и неким текстом. затем мы передумали и решили заменить старый заголовок ...
с некоторых пор я получаю много вопросов об асинхронном программировании. и, поняв, что данная тема интересует многих моих читателей, я решил ...
как правило, начинающие изучать веб-разработку люди уже знают, как легко можно поменять внешний вид элемента с помощью css стилей. но менять стили ...
после прочтения этой статьи, у начинающего разработчика по крайней мере на один вопрос будет меньше. заказчики часто просят исполнителя изменить ...
до боли знакомая ситуация, когда вы заполняя форму авторизации, казалось бы внимательно вбиваете каждый символ имени пользователя и пароля. ...
на этом уроке вы узнаете, как стилизовать стандартные радио кнопки под свой дизайн, с помощью html и css. на сайтах радио кнопки чаще всего используются ...
что вообще должно происходить с этими кнопками и карточками товаров? при клике пользователя по черной кнопке, на сайте должны остаться только ...
как вы поняли из прошлой статьи про диапазоны дат, что в нативном javascript неудобно работать с форматами дат. поэтому и была разработана библиотека ...
css3 свойство box-sizing может принимать два значения: первое по умолчанию - content-box (его не нужно указывать) и второе - border-box. именно последнее значение ...
градиент - это плавный переход от одного цвета к другому. в веб-дизайне мы часто сталкиваемся с фоновыми и интерфейсными градиентами и намного ...
на этом уроке, мы сделаем таймер обратного отсчета на javascript, используя уже готовую верстку на html и css. если на странице вашего сайта или лендинга ...
эта статья является продолжением предыдущей статьи, которая находится здесь. существует несколько популярных конкурирующих форматов ...
на прошлом уроке вы научились создавать свой собственный сайдбар, а на этом уроке вы узнаете как создать свой виджет на wordpress. виджет - это модуль, ...
из этой статьи вы узнаете как сделать сайдбар на wordpress. сайдбаром мы называем правую или левую колонку сайта, на которой размещены виджеты. виджеты ...
все атрибуты у html элементов, начинающиеся с префикса data-*, являются пользовательскими. data атрибуты можно использовать для дополнительной стилизации, ...
в прошлой статье мы рассмотрели с вами как установить visual studio 2019. а в этой непосредственно приступим к разработке первого приложения на c#. ...
вокруг ооп (объектно-ориентированное программирование) слагается огромное количество мифов и легенд. сложилась ситуация, при которой опытные ...
на этом уроке мы научимся создавать свои шаблоны (custom template) для страниц на wordpress-е. не для всех страниц сайта подходят типовые блоговые страницы. ...
эта статья является продолжением предыдущей статьи. первая часть находится здесь хотя в реальности, мы редко когда манипулируем временем, ...
не секрет, что вероятнее всего верстка, старательно выполненная верстальщиком по psd макету, а дальнейшем перекочует в руки к специалисту по ...
на этом уроке я расскажу как подключить и настроить самый современный сенсорный слайдер swiper. есть несколько причин, почему swiper лучший слайдер ...
на прошлом уроке мы создали новый тип записи post type book более подходящий для продажи книг, а на этом уроке научимся создавать для него таксономию ...
на этом уроке разберем настройки популярного yoast seo плагина (версия 15.4) для использования в онлайн-магазинах, работающих на основе woocommerce плагина. ...
сегодня поговорим о том, как сделать анимацию чисел на сайте - полезный эффект увеличения чисел, который часто можно увидеть на лендингах. данный ...
в плагине woocommerce фильтрация товаров основана на атрибутах. атрибут - это разновидность товара по цвету, размеру, стилю, назначению. у разных товаров ...
я хочу вывести иконки социальных сетей в верхнем правом углу шапки сайта с помощью хуков. поскольку верхняя область у меня уже занята ссылками, ...
шорткод woocommerce - это короткий код для вывода товаров, страниц и категорий. при запуске короткий код развернется в полноценный код. шорткоды woocommerce ...
перегрузка операторов в c++ позволяет вашим классам вести себя как встроенные типы: складываться, сравниваться, выводиться в поток. это делает ...