<MyRusakov.ru />

Разработчик игр на Unreal Engine

Разработчик игр на Unreal Engine

Этот комплект с нуля всего за 7 месяцев сделает Вас Unreal-разработчиком. И при этом учиться достаточно 1 час в день.

Начнёте Вы с основ программирования, постепенно перейдя к C++. Затем очень подробно изучите Unreal Engine, и после научитесь программировать на C++ в Unreal Engine. В конце создадите крупный проект на C++ в Unreal Engine для своего портфолио.

Комплект содержит:

- 416 видеоуроков

- 95 часов видео

- 1024 задания для закрепления материала из уроков

- 3 финальных тестирования

- 4 сертификата

- 12 Бонусных курсов

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

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

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

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

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

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

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

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

Поиск: HTTPS

Что искали: HTTPS

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

... коллекцией этих замечательных помощников. иконки шрифтовые иконки https://fontawesome.com фреймворком font awesome очень удобно пользоваться, не нужно ...
... установить изображение нужного размера просто пропишите в атрибуте 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" /> ...
...       { 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 }, ...
... просили немного осветить тему настройки https-соединения на сайте. для тех, кто не знает, зачем нужен https, объясняю: когда вы передаёте свои данные ...
... если вы не видели первую, то переходите по ссылке сюда. google webfonts helper https://google-webfonts-helper.herokuapp.com/fonts онлайн-сервис google webfonts helper позволяет получить ...
... # создадим список с названиями некоторых сайтов и уберем знаки **протокола https**, отбросив домен **"net"**. b = ['https://www.example1.com','https://www.example2.net',      'https://www.example3.com','https://www.example4.com', ...
...   <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 ...
... проекте. официальный сайт плагина: https://os.alfajango.com/easytabs/ подключение easytabs и bootstrap на сайте https://cdnjs.com/ можно найти cdn ссылки на любой плагин ...
... частей, обязательных для url. например, протокол https, два прямых слэша // и так далее. const urlpattern = /(?:https?):\/\/(\w+:?\w*)?(\s+)(:\d+)?(\/|\/([\w#!:.?+=&%!\-\/]))?/; как ...
...     <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"> ...
...       return 301 https://$host$request_uri; } эти настройки включают https и перенаправляют http-запросы на https. проверьте конфигурацию nginx ...
... с использованием библиотеки fetch. получение списка публикаций: fetch('https://jsonplaceholder.typicode.com/posts')   .then(response => response.json())   .then(data => console.log(data)) ...
... кроссбраузерности, добавим вендорные префиксы, для flexbox c помощью сервиса. https://autoprefixer.github.io/ru/ общие стили оформления, для вводимого текста для ...
... запускать браузер вручную. import webbrowser webbrowser.open('https://myrusakov.ru/') этот код откроет веб-страницу https://myrusakov.ru/ в браузере по умолчанию на вашем компьютере. ...
... catch() для обработки ответов и ошибок. простейший пример get-запроса: fetch('https://jsonplaceholder.typicode.com/posts/1')   .then(response => response.json()) // преобразуем ответ в json ...
... 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 ...
... response = requests.get('https://example.com', cookies=cookies) print(response.text) получение cookie из ответа import requests response = requests.get('https://example.com') received_cookies = response.cookies ...
... между тегами head. <link href="https://fonts.googleapis.com/css?family=pacifico" rel="stylesheet"> или копируем код @import <style> @import url('https://fonts.googleapis.com/css?family=pacifico'); ...
... ошибке и блокирует отправку формы получателю. официальный сайт плагина: https://jqueryvalidation.org/ для демонстрации и настройки работы плагина, нам потребуется ...
... и использовать на своем сайте. подключение jquery ui официальный сайт: https://jqueryui.com/ библиотеку jquery ui можно скачать на компьютер или подключить ...
...     <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> ...
... например, при чтении rss ленты. итак, код далее: const https = require('https') // функция загружает удаленный url function readurl(url) { ...
... легко создавать анимацию элементов при скролле страниц. ссылка на сайт: https://michalsnik.github.io/aos на сайте вы можете сразу увидеть, как выглядят анимированные ...
...   <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> ...
... «поделиться» от яндекса. ссылка на конструктор: https://tech.yandex.ru/share/ ссылка на документацию: https://tech.yandex.ru/share/doc/dg/add-docpage/ в документации подробно ...
... формате json: [     {         "url": "https://{сайт}/vacancies/0001",         "company": "компания 1", ...
...     <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"> ...
... перед закрывающим тегом head ссылку на css файл плагина. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /> шаг 2) добавьте на ...
... ключевых частей: протокол: обозначает тип передачи данных (например, http, https). доменное имя: адрес сервера, где располагается ресурс. путь: путь ...
... <html lang="en"> <head>     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">     <meta charset="utf-8"> ...
...     <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"> ...
... добавляете на сайт, как обычные картинки. мне нравится брать иконки с сайта: https://www.flaticon.com/ находим через поиск иконки нужных соцсетей, выбираем ...
... чтобы сделать get-запрос , вызовите requests.get(): >>> requests.get('https://srs.myrusakov.ru') <response [200]> ответ запроса response - является ...
... или скомпрометированный сертификат. как работает https без ssl pinning когда клиент устанавливает https-соединение, происходит стандартная проверка ssl-сертификата ...
... 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" ...
... по ссылке. подключение плагина typed.js официальный сайт плагина typed.js https://github.com/mattboldt/typed.js/ здесь вы можете увидеть пример, что будет происходить ...
... делать, придумали интерполяцию строки. console.log('https//site.com/' + user); // получаем на выходе https//site.com/helen_25 интерполяция строк (es6) используем ...
...                     "https://myrusakov.ru",                     "https://src.myrusakov.ru"                 } ...
...     <!-- 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>карта с пользовательскими метками</title>   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />   <style>     #map { ...
... общих запросов в месяц. для оценки охвата аудитории, идем на сервис яндекса https://wordstat.yandex.ru. введем в строку поиска сервиса ключевое слово – французский ...
... и библиотеку jquery. <!doctype html> <html> <head>     <link href="https://fonts.googleapis.com/icon?family=material+icons" rel="stylesheet">     <link type="text/css" ...
...     <title>маршрут на карте</title>     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />     <style>         #map { height: 500px; } ...
...     <!-- подключаем стили leaflet -->     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />     <style>         #map { ...
... отображать нашу верстку. <!--[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> ...
... 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 ...
... инструкция как вставить на сайт карту с вашим объектом. переходите на сайт https://www.google.com/maps вводите в поисковую строку адрес или название места выбираете ...
... file_get_contents("http://example.ru");   // чтение удаленного файла по адресу example.ru, используя https   $httpsfile = file_get_contents("https://example.ru/file.txt");   // чтение удаленного файла по ...
... шаг 2: затем, чтобы получить html-содержимое https://www.bbc.com/news , добавьте эти 2 строки кода: url='https://www.bbc.com/news' response = requests.get(url) ...
... синего цвета, а посещенные ссылки окрашивают в фиолетовый цвет. <a href="https://myrusakov.ru/">как создать свой сайт</a> абсолютная ссылка абсолютная ...
...     <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> ...
... 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> ...
...     </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> ...
... jquery. поставьте следующий код перед закрывающимся тегом body: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> дальше вам надо скачать ...
... шрифт <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" ...
...     <!-- 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"> ...
... иконки из библиотеки 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> ...
...   transform: translate(-50%, -50%);   text-align: center; } примеры градиентов https://cssgradient.io https://webkul.github.io/coolhue/ https://www.grabient.com/ оттуда можно скопировать код ...
...     </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> ...
... 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> ...
...       </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> ...
... heroku, то все уже настроено и работает. вот сама ссылка: https://api.bot.org/bot<%токен_бота%>/setwebhook?url=https://myrusakovbot21.herokuapp.com/index.php все готово, теперь приступим ...
...   <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> ...
... свой проект , меняя или добавляя некоторые параметры. официальный сайт: https://sarcadass.github.io/granim.js/examples.html базовая анимация градиентов состоит из ...
...         <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);"> ...
... //подключение библиотеки с иконками <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=""> ...
... 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> ...
... просто загрузить исходники из официального репозитория bootstrap. git clone https://github.com/twbs/bootstrap.git далее переходим в папку bootstrap и устанавливаем ...
... <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>   <!-- вставляем сгенерированный код в виде векторного рисунка --> ...
... интернете для обмена данными, мы можем выполнить следующий код: fetch('https://api.github.com/users/fabpot')   .then(res => res.json())   .then(json => console.log(json)); ...
...     <title>фильтры на карте</title>     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />     <style>         #map { height: 500px; } ...
...     urls = [         'https://myrusakov.ru/image-format-learning.html',         'https://myrusakov.ru/protecting-a-page-with-javascript.html',         'https://myrusakov.ru/php-fluent-interface.html', ...
...     try {         const response = await fetch('https://example.com/api/speech-to-text', {             method: 'post', ...
... 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'> ...
... пропишем ссылки, между тегами 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"> ...
...   <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"> ...
... from oauth2client.service_account import serviceaccountcredentials # определяем область доступа scope = ["https://spreadsheets.google.com/feeds", "https://www.googleapis.com/auth/drive"] # аутентификация с помощью ключей api ...
... импортировать его. далее пример кода: import webbrowser webbrowser.open ('https://myrusakov.ru', new=2) если параметр new равен 0, url открывается в ...
...      <!-- font awesome -->      <script defer src="https://kit.fontawesome.com/921224fb4e.js"></script> </head> <body>     <div id="root"></div> ...
...     <!-- приводим стили к общему виду с помощью https://github.com/necolas/normalize.css -->     <link rel="stylesheet" href="css/normalize.css"> ...
... другие шрифты <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"> ...
... или онлайн-генераторы. убедитесь, что файл доступен по адресу, например, https://example.com/sitemap.xml. добавьте ссылку на sitemap в яндекс.вебмастере для ускорения ...
... обязательный атрибут itemscope и тип схемы разметки itemtype. <div itemscope itemtype="https://schema.org/person"></div> далее прописываются отдельные свойство схемы, ...
... библиотеки. <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" ...
... url легче для восприятия. взгляните на пример ниже. https://myrusakov.ru/article.php?id=1057 https://myrusakov.ru/apache-rewrite-engine-guide.html согласитесь, что читать ...
... одной библиотеки, то добавь ещё одну. подключение плагина wow.js сайт: https://github.com/matthieua/wow нужно сделать так, чтобы анимация срабатывала только ...
... генератор для генерации фавиконки воспользуемся онлайн-генератором https://realfavicongenerator.net. подготовим картинку размером 260x260 пикселей в любом ...
...     <meta name="description" content="простой пример интеграции telegram webapp."> </head> <body>     <script src="https://telegram.org/js/telegram-web-app.js"></script>     <script>         // инициализация объекта telegram webapp ...
...   &#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;; ...
... 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) { ...
... использования: <?php $urls = [ 'https://yandex.ru', 'http://myrusakov.ru', 'http://349e9esjxaa.com', 'https://myrusakov.ru/hello' ]; foreach($urls as $url) ...
... 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: ...
... сделать его адаптивным – задача веб-мастера. <iframe width="560" height="315" src="https://www.youtube.com/embed/fn_jrxerhug" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" ...
... на сервис. итак, впервую очередь необходимо зарегистрироваться на heroku - https://signup.heroku.com/account. далее необходимо установить инструмент командной ...
... быстро создать красивую форму с индикатором заполнения. зайдите на сайт https://github.com/colourity/fort.js и скачайте архив со стилями и скриптом. создаем html ...
... витамином a, а так нерастворимой и растворимой клетчаткой.<br><a href="https://site.ru/ananas"><b>ссылка</b></a>на полную статью     </p> ...
... "вёрстка сайта с нуля 2.0". как подключить иконки font awesome официальный сайт: https://fontawesome.com самый простой способ подключения - через font awesome cdn. вы просто ...
... к html файлу. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> находим нужную иконку на сайте https://fontawesome.com, копируем код и вставляем ...
... подмену. если рядом с https отображается иконка замочка, значит данные передаются по защищенному каналу. протокол https обеспечивает защиту ...
... $(document).ready(function () {   $("a[target]").css("color", "blue"); }); <a href="https://jquery.com/">выборка по атрибуту</a><br /> <a href="https://jquery.com/" target="_blank">выборка по атрибуту</a> ...
... компьютере пользователя, обязательно надо подключать в файле стилей. @import url(https://fonts.googleapis.com/css?family=alegreya+sans+sc:900); фотография на все окно браузера ...
... на mac или linux. откройте терминал и вставьте следующие команды: 1) $ curl -ss https://getcomposer.org/installer | php 2) $ mv composer.phar /usr/local/bin/composer после того, как вы все ...
... btn = document.queryselector('#btn'); // занесем тестовый url в переменную const url = 'https://jsonplaceholder.typicode.com/users'; // функция будет принимать в качестве параметра ...
...     static void main(string[] args)     {         string url = "https://example.com/data";         httpwebrequest request = (httpwebrequest)webrequest.create(url); ...
... инструмент burp suite, который позволяет перехватывать и анализировать http/https-трафик между веб-браузером и сервером. это позволяет тестировщикам ...
...     return $response; // возвращаем html-ответ } $url = 'https://myrusakov.ru'; // url для запроса $res = httpget($url); // получаем html-контент с url ...
... регистрация в данной системе очень простая. вам нужно лишь перейти по ссылке https://github.com/ там ввести незанятый логин, email и пароль и после чего нажать ...
... изображений. официальный сайт: https://bxslider.com/ как подключить bxslider первый способ скопировать код отсюда https://bxslider.com/install/ и вставить в свой ...
... онлайн-сервисов с базой данных зарегистрированных торговых знаков. https://www.trademarkia.com/ https://trademark-search.marcaria.com/ но самый простой путь - установить браузерное ...
... базовой темы. после установки wordpress с официального сайта https://wordpress.org/, вам надо на сайте https://underscores.me/, сгенерировать вашу тему, дайте ей какое-нибудь ...
... следующим кодом: from http.server import httpserver, cgihttprequesthandler server_address = ("",8800) httpd = httpserver(server_address, cgihttprequesthandler) httpd.serve_forever()  ...
... пример вы можете найти здесь: http://vodkabears.github.io/vide/ теперь заходите сюда: https://github.com/vodkabears/vide качайте архив. на вашей странице подключите jquery и ...
... библиотеки fontawesome, предварительно подключив ее. <head> ... <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> ... </head> <div class="navigation"> ...
...       width: 90%; } } анимация элементов, используя библиотеку animate.css сайт: https://daneden.github.io/animate.css/ для полного счастья, давайте оживим некоторые элементы, ...
... нелегальный способ подключения, хотя он и работает. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-o8whs3fhg2ona5kas0y9l3cfpmyjapji0e4theh4iumd+plhbf6ji0jimfyck3yz" ...
... class="box">     <div class="box_header">         <img src="https://via.placeholder.com/400x150" alt="">     </div> </div> .box {     width: ...
... иконками из библиотеки 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==" ...
... 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> ...
... стилей, чтобы форма смотрелась более привлекательно. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... подобных случаев. итак, установим расширение selenium ide из магазина chrome - https://chromewebstore.google.com/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd откроем расширение в браузере ...
...     <title>bootstrap темная тема</title>     <link       href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"       rel="stylesheet" ...
... стандартам w3c. копируете html код страницы и вставляете в поле формы на сайте https://validator.w3.org. для проверки всего сайта, который уже размещен в интернете, ...
... командная строка в терминале. выполните команду клонирования: git clone https://github.com/login/login.github.io в папке с проектом на компьютере появится папка ...
... залогиниться на сайте. нам понадобится скачать selenium webdriver для браузера chrome c сайта https://chromedriver.chromium.org/downloads, а также модуль selenium для работы с драйвером через ...
... скачанный драйвер браузера chromium - вот здесь вы можете найти нужную версию: https://chromedriver.storage.googleapis.com/index.html. итак, для начала установим сам selenium: $ pip install selenium ...
... необходимости. аспекты безопасности: https: для сервис-воркеров требуется безопасное соединение (https) для предотвращения потенциальных угроз ...
... import time import requests from bs4 import beautifulsoup # config url = 'https://{ваш_сайт}/vacancies/middle_php_developer' # заголовки запроса headers = { ...
... вы исправили. проанализировать страницу в сервисах: https://developers.google.com/speed/pagespeed/insights/?hl=ru https://jigsaw.w3.org/css-validator будет плюсом, если добавите другие ...
... сможете отправлять сообщения в канал с помощью простых http-запросов: https://api.telegram.org/bot%{botapikey}/sendmessage?chat_id=%{channelname}&text=%{text} %{botapikey} ...
... преимуществом. скачать openserver можно здесь: https://ospanel.io. как его скачать, установить и настроить, я показывал в своём бесплатном курсе: https://srs.myrusakov.ru/freephp7.
несколько дней назад я выпустил новый курс по php 7: https://srs.myrusakov.ru/freephp7. на момент написания статьи его получило уже 4899 человек. и в этой статье ...
...     <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> ...
... совсем необязательно. можно пользоваться css генератором теней. https://css3generator.com https://webcode.tools/css-generator обучающей информации в интернете много, но ...
... $url = "http://www.myrusakov.ru/";   // вызов методов сервиса   $api_data = file_get_contents("https://www.googleapis.com/pagespeedonline/v2/runpagespeed?url=$url&screenshot=true");   // расшифровка данных** ...
... <iframe style="width: 640; height: 480; border: none;" name="embedded_python_anywhere" src="https://www.pythonanywhere.com/embedded3/"></iframe> вставьте этот код в html-разметку ...
... клиента (client errors) (400-499) ошибки сервера (server errors) (500-599) var url = "https://myrusakov.ru"; using var client = new httpclient(); var result = await client.getasync(url); ...
... строиться логика работы приложения? для примера будем использовать сервис https://jsonplaceholder.typicode.com. мы опишем json-ответы сервиса с помощью pojo (plain old java ...
...     </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> ...
... версию на сайт <script src="path/to/sharer.min.js"></script> или используйте cdn <script src="https://cdn.jsdelivr.net/sharer.js/latest/sharer.min.js"></script> если вы используете meteor, можете ...
... сообщение, и введите в адресной строке браузера (без фигурных скобок{}): https://api.telegram.org/bot{bot_token}/getupdates в ответ должен прийти json ответ с chat_id или ...
...     <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"> ...
... вызываем так: 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') ...
... данные в формате html. в качестве данных будем использовать открытое api https://jsonplaceholder.typicode.com/posts. это бесплатный онлайн-сервис rest api, который предоставляет ...
... # создаем и инициализируем объект        site = site('myrusakov.ru','https://myrusakov.ru') # выводим свойства print(site.name)    print(site.url) ...
... бота можно запустить прямо на компьютере разработчика без настройки https веб-хуков на собственном домене. <?php require __dir__ . '/message.php'; // класс, созданный выше ...
...             width: 50%;             background: url("https://myrusakov.ru/images/articles/javascript-debounce.jpg") white;             background-position: 100px; ...
... отображался правильно, надо прописать строчку в коде между тегами head: <link href="https://fonts.googleapis.com/css?family=open+sans" rel="stylesheet"> через расширение colorzilla мы узнаем ...
... некоторое время не показывалось. подключим библиотеку jquery <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> весь jquery код будем писать ...
... интегрированную среду разработки visual studio community. ссылка на скачивание: https://visualstudio.microsoft.com/ru/downloads/ страница с редакциями visual studio: ...
... позволяет быстро писать html/css код, используя сокращенную запись. на сайте https://emmet.io, в разделе документация, есть масса примеров сокращений кода. ...
...     <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"> ...
... библиотеки jquery, предварительно подключив ее к html странице. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> поместим функцию loaditems() ...
... вставим фрейм c url сайта. html-код <div class="smartphone"> <div class="content"> <iframe src="https://your_site.ru"> </div> </div> демонстрационный сайт, внутри фрейма ...
... ввиду. загрузчик вордпресса загружает файлы в стандартную директорию (https://domain.com/wp-content/uploads/woocommerce_uploads/2017/06/name-product.jpg). woocommerce конечно же прячет ...
... эффекта с помощью только лишь css: html код: <img class="grayscale-image" src="https://avatars.mds.yandex.net/get-pdb/2001933/86554d64-6d18-4c6a-b2c8-2587c956774a/orig" /> код css: ...
...   // создаем нового клиента   $client = new client([     'base_uri' => 'https://какой-то-сайт.ru/', // базовый uri, от него и будем двигаться дальше ...
... поведение браузера - прописать в теле 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 и скачайте последнюю версию. ...
... счетчики и веб-аналитику. <!-- пример подключения google analytics --> <script async src="https://google-analytics.com/analytics.js"></script> атрибут defer делает тоже самое, но с ...
... css свойства для фоновой картинки .bg-img{     background-image: url("https://cdn.pixabay.com/photo/2020/04/06/02/29/love-5008071_1280.jpg");     height: 480px;     width: ...
... разными способами, один из них я покажу далее. допустим у нас такой url-адрес: https://srs.myrusakov.ru/order?product_ids=31&is_digit=1&country_id=1&pm_id=3&key=2qt3akj получить ...
... производиться под windows. давайте скомпилируем скрипт игры змейка. возьмем скрипт с https://github.com/ivangolubykh/python-snake. скопируем код и назовем его snake.py. в итоге, у нас ...
... import localstoragedb from './localstoragedb' const db = new localstoragedb('myrusakov'); db.save('url','https://myrusakov.ru'); console.log(db.fetch('url')) db.drop()
... максимальное и минимальное. <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: ...
... # шаблон url у которого меняется идентификатор url = 'https:/example.com/post/%d' # заголовки запроса, представляемся браузером firefox/45 на mac os ...
...             // создаем объект клиента             httpget request = new httpget("https://myrusakov.ru");             // добавляем заголовки запроса ...
... поставим ссылку на библиотеку иконочных шрифтов 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: ...
... галочки у нужных вариантов. и вставляете в html страницу. <link href="https://fonts.googleapis.com/css?family=roboto:300,300i,400,400i,700,700i&display=swap" rel="stylesheet"> здесь используется ...
... разумеется, что у вас уже создан аккаунт в яндексе. переходите по ссылке https://metrika.yandex.ru/. нажимаете на кнопку добавить счетчик и заполняете форму. ...
... простейщий get запрос с помощью функции fetch() будет иметь следующий вид: fetch('https://api.github.com/users/fabpot') .then(response => response.json()) // преобразуем ответ в json ...
... сами задаете и работает по аналогии с маской в photoshop. генератор clip-path - https://bennettfeely.com/clippy выберите нужную геометрическую фигуру переставьте ...
...     <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"> ...
... # в данном случае потребуется обновить pip двумя командами: curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py my_env3\scripts\python.exe -m pip install --upgrade pip ...
... сайте. это можно сделать так:     $rss = file_get_contents('https://news.yandex.ru/science.rss');     $rss  = simplexml_load_string($rss);      ...
... программирование на jquery. между тегами head подключаем библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> jquery код <script> $(document).ready(function(){ ...
... pip3 install opencv-python qrcode  import qrcode # импотируем модуль  string = "https://myrusakov.ru" # строка для перевода в qr file = "myrusakov_out.jpg" # файл для хранения полученного штрих кода ...
... библиотеку с иконками между тегами <head></head>. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css"> выбираем нужные иконки на ...
...     <!-- 1. подключаем библиотеку -->     <script src = "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" type = "text/javascript"></script> ...
... трансформировать её в крестик. первым делом подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> html разметка создадим ...
... .pink{     background: #f6a4bb; } подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> получить значение атрибута ...
... 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) напишем скрипт калькулятора ...
... поздних версиях, программа не поддерживает 32-bit. ссылка на скачивание: https://netbeans.org/downloads/8.0/ для 32-bit windows доступны для скачивания 5 сборок netbeans, ...
... при скролле картинка принимала свой первоначальный размер. @import url('https://fonts.googleapis.com/css?family=poppins:300,400,500,600,700&display=swap'); *{     margin: 0;/*обнуление ...
... веб-разработчиком, необходимо понимать, как работает интернет и что такое протокол http/https, модель tcp/ip. хостинг доменнов и dns: также очень важно иметь представление, ...
... 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( ...
...         const response = await axios.get(           `https://api.openweathermap.org/data/2.5/weather?q=${this.city}&units=metric&appid=ваш_ключ`         ); ...
...     // делаем запрос на сервер, в качестве второго аргумента передаем объект со свойством signal     fetch('https://myrusakov.ru/posts', { signal: signal })         .then(response => response.json()) ...
... прежде всего нам понадобятся звуки нот в формате wav. перейдите по ссылке https://zvukogram.com/category/zvuki-not/ и скачайте звуки, начиная с ноты do, и заканчивая ...
... процесс установки и обновления unity. перейдите на официальный сайт unity - (https://unity.com) и найдите раздел загрузок. скачайте последнюю версию unity hub ...
...     for headline in headlines:         print(headline.text) website_url = "https://www.example.com" scrape_website(website_url) автоматическое отправление электронной ...
... установкой и обновлением unreal engine. посетите официальный веб-сайт epic games по адресу https://www.epicgames.com. найдите ссылку "get epic games" (скачать epic games) и кликните по ней.вы ...
... 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}' ...
... необходимо загрузить саму библиотеку, которая находится по вот этому адресу https://www.e-iceblue.com/introduce/free-pdf-for-java.html. для загрузки необходима простая регистрация. ...
... browser.maximize_window() # открытие посиковика в браузере browser.get('https://images.google.com/') # находим поисковое окно box = browser.find_element(by.css_selector, 'input[class="glfyf"]') ...
... # цикл чередования firefox, chrome и safari для тестирования веб-сайта. webbie_url = r' https://myrusakov.ru/ '  for i in [firefox, chrome, safari]:      i.get(webbie_url)  ...
...     <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"> ...
... # создадим  экземпляр драйвера my_driver = webdriver.chrome(path) # пропишем адрес сайта my_driver.get("https://myrusakov.ru/python-tutorial.html") # получим список ссылок из страницы сайта ...
...         # открываем страницу по адресу          self.driver.get("https://myrusakov.ru/register.html")         # установка размеров окна ...
... должна появиться таблица. далее скачиваем selenium web driver для firefox. по адресу https://github.com/mozilla/geckodriver/releases/. называется он geckodriver. необходимо скачать архив ...
...     {         $url = sprintf('%s/%s', 'https://jsonplaceholder.typicode.com', $part);         return $this->fetch($url); ...
...                 var imagebytes = downloadimage("https://source.unsplash.com/random");                 // создаем объект bitmap из массива байт ...
... объединения оператором join. мы будем использовать учебную базу по адресу: https://www.w3schools.com/sql/trysql.asp?filename=trysql_asc . и так мы хотим осуществить выборку ...
... # код для пользовательского ввода с консоли # вводимая страница https://myrusakov.ru/python-tutorial.html url = input("введите адрес страницу") # отправка запроса на сайт и получение ответа ...
...     // ссылка на rss-ленту - она в формате xml     private var rssurl = "https://career.habr.com/vacancies/rss?currency=rur&sort=relevance&type=all"     // основной метод любой активити, в которой загружается и устанавливается макет ...
...     return $response_text; } файл index.php <?php require_once ('functions.php'); $url = "https://news.yandex.ru/internet.rss"; $apikey = "api_key"; // данный запроса: resource -> url, key -> key ...
...     <script src="script.js"></script> </body> </html> файл style.css @import url('https://fonts.googleapis.com/css?family=nunito&display=swap'); :root {   --success-color: #0cb854; ...
...     // немного сокращаем сообщение, чтобы оно с большей вероятностью соответствовало ограничению длины url-адреса браузера (которое в некоторых браузерах составляет 2083 символа).     stack = stack.replace(/https?\:\/\/[^/]+/gi, '');     // вызов обработчика на стороне сервера, который, должен зарегистрировать ошибку в базе данных или файле журнала ...
...     // данная функция выполняет запрос на сервер и декодирует полученные json-данные     $resp = file_get_contents(         "https://ipinfo.io/$ip?token={ваш_апи_ключ}",          false, $context ...
... стилизация текста сделаем текст крупнее и уплотним его. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{ margin: 0; padding: 0; ...
...     <!-- подключаем библиотеку chart.js -->     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>     <style>         body { ...
...     # url html-версии поисковой страницы duckduckgo     url = "https://html.duckduckgo.com/html/"     # отправляем post-запрос к серверу ...
... для этого отлично подходит библиотека requests: import requests response = requests.get('https://api.example.com/data') data = response.json() # автоматически парсит json print(data) хочешь ...
...         // url видео         val videouri = uri.parse("https://www.example.com/video.mp4")         val mediaitem = mediaitem.fromuri(videouri) ...
... # директория для сохранения файлов save_directory = 'downloaded_svgs' # базовый url base_url = 'https://example/img/cities/{}.svg' # итерируем по числам от 1 до 10 ...
... private async void buttonfetchdata_click(object sender, eventargs e) {     string url = "https://api.example.com/data";     try     {         string json = await fetchdataasync(url); ...
... from bs4 import beautifulsoup # url страницы с прогнозом погоды url = 'https://example.com/weather' # получение данных с сайта response = requests.get(url) ...
...     <title>карта с вашим местоположением</title>     <script src="https://api-maps.yandex.ru/2.1/?lang=ru_ru" type="text/javascript"></script>     <script type="text/javascript"> ...
... закладки и гиперссылки в документ. $section->addbookmark('mybookmark'); $section->addlink('https://example.com', 'visit example.com'); 6. создание заголовков и колонтитулов ...
... установка python: если у вас еще нет python, скачайте его с официального сайта https://www.python.org/downloads/. установка библиотеки python-telegram-bot: откройте командную ...
...     <title>линейный график с несколькими линиями</title>     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body>     <canvas id="mychart" width="400" height="200"></canvas> ...
... изображение через fetch, преобразовать его в blob и отобразить на странице: fetch('https://example.com/image.png')   .then(response => response.blob())   .then(imageblob => { ...
...     <title>autoclose menu</title>     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">     <style> ...
... tls/ssl для шифрования данных, передаваемых между клиентом и сервером. как и https по сравнению с http, wss добавляет слой безопасности, что особенно важно ...
... через websocket, используется wss (websocket secure), который работает поверх tls/ssl (как https). это важно при передаче конфиденциальной информации. пример создания ...
... более чистым и понятным синтаксисом. пример использования fetch api: fetch('https://api.example.com/data')   .then(response => response.json())   .then(data => console.log(data)) ...
...     # функция для перевода текста с заданного языка на целевой язык     url = "https://translate.googleapis.com/translate_a/single"     # url для запроса к google translate api ...
... следующую строку в секцию вашего 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>tilewind css example</title>   <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> </head> ...
... <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"> ...
... async function load_article() {   try {     const post = await fetchdata('https://api.myrusakov.ru/post/12');     console.log(post);   } catch (error) { ...
... // 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); таким образом, ...
... файлом main.py. после чего вводим: >>>python main.py # вывод https://127.x.x.x переходим по указанному адресу в браузере и нажимаем ...
... функцию, которая при клике меняет css классы, туда и обратно. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script type="text/javascript">   $(document).ready(function(){ ...
... карточки расположение карточки в центре и создание теней. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900'); body{     margin: ...
...     <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> ...
... формы добавим к форме css стили для визуальной эстетичности. @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap"); * {     margin: ...
... из библиотеки 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" ...
... </nav> поместим ссылки в гибкий контейнер (flex) и приукрасим их. @import url("https://fonts.googleapis.com/css?family=roboto:400,400i,700"); * {     margin: 0;     padding: ...
... выведем календарь внутри белого контейнера и в центре страницы. @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/css?family=poppins:200,300,400,500,600,700,800,900'); *{     margin: 0; ...
... текста..</p> </section> и сделаем внешнее оформление. @import url('https://fonts.googleapis.com/css?family=poppins:400,500,600,700,800&display=swap'); *{     margin: 0; ...
... </div> css код расположим popup в центре страницы. @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@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> ...
... горящие в огне буквы. контент в центре страницы @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900"); * {     margin: 0;     padding: ...
... нашу форму в белый контейнер и выровняем по центру экрана. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@300;400;500;600;700;800;900&display=swap'); *{     margin: ...
...   </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: ...
... разместить список в центре по вертикали и по горизонтали. @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) получить ...
... уберем черные маркеры и красиво оформим сами пункты меню. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); * {     margin: ...
... размытия через значение inherit. это важно! html {     background: url("https://cdn.pixabay.com/photo/2020/07/24/21/58/lemon-5435158_960_720.jpg")     no-repeat fixed center / cover; ...
... справа</a>     </p> </div> общие css стили @import url("https://fonts.googleapis.com/css2?family=roboto+condensed:wght@700&display=swap"); body {     font-family: ...
... */     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; ...
...   <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 <head>     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <section>   <div ...
...         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. ...
... 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: ...
... можно, если указать цвет текста transparent и задать свойство text-stroke. @import url('https://fonts.googleapis.com/css?family=poppins: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: ...
... как значение space-between прибило обе кнопки к разным полюсам. @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/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; ...
... зададим css стили для всех созданных элементов в html-разметке. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... ластика */     height: 100px; /*высота ластика */     background: url("https://cdn.pixabay.com/photo/2021/09/16/21/27/container-ship-6631117_960_720.jpg");     background-size: cover; ...
... class="box">     ...     <h2>neon text</h2> </div> @import url('https://fonts.googleapis.com/css2?family=monseratt:wght@600;700&display=swap'); *{     margin: 0;     padding: ...
... окно с формой подписки на новости. <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: ...
... </section> разместим всю конструкцию в центре браузера. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&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: ...
... для подключения иконки, загрузим библиотеку fontawesome. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> под навигационной панелью, ...
...   print(top) # запуск кода if __name__ == '__main__':   url = "https://myrusakov.ru/python-tutorial.html"   scarpy(url) полученный пример имеет множество ...
... </ul> css стили поработаем над внешним видом меню. @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
... прежнему имеет прямоугольную форму. магия произойдет чуть позже. @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
... подключения, через cdn, вставьте ссылку между тегами <head>. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmocqbtlwilj8lytjo7moustjskc4popqbqyi7rrhn7udi9rwhkkmhpvlbhg9sr" ...
... 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" ...
... посмотреть вживую на то, как изображение кодируется в текст можно на сайте https://dopiaza.org/tools/datauri/, который вы можете использовать для преобразования ...
... подключить библиотеку jquery и плагин fancyselect, который вы можете скачать по ссылке: https://github.com/octopuscreative/fancyselect по умолчанию fancyselect использует собственные ...
... будет выглядеть. чтобы скачать необходимые файлы, перейдите по ссылке: https://github.com/malkafly/endcredits/ и нажмите кнопку "download zip", чтобы скачать zip архив. ...
... 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 ...
... позволяющую добавить динамики на ваш сайт - dynamo.js. перейдите по ссылке https://github.com/jdan/dynamo.js и скачайте ее с github. оффициальный сайт: http://jdan.github.io/dynamo.js/ ...
... то и браузер не будет загружать данное изображения.   <img data-src="https://ik.imagekit.io/demo/default-image.jpg" /> теперь, так как мы предотвратили загрузку ...
... дополнения, чтобы поддерживать ws:// и wss:// протоколы в дополнение к http и https. поддержка браузерами большинство современных браузеров поддерживают ...
... подключаем иконочный шрифт до закрывающего тега 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 пишем название выбранного ...
... достаточно простая. установка подключите необходимые скрипты: <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> ...
... сервисов рассылки. комбинация плагинов (mailpoet & popup maker) http://www.mailpoet.com/ https://wordpress.org/plugins/popup-maker/ скачайте и активируйте плагины на своем сайте. ...
... документу ссылку на файл стилей с иконочным шрифтом. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> html разметка создадим ...
... import, копируем код на google fonts и вставляем в верх файла style.css. @import url('https://fonts.googleapis.com/css?family=lobster'); прописываем название выбранного шрифта: ...
... эффекта: tip.type('error').effect('fade'); почитать подробнее вы можете здесь: https://github.com/darsain/tooltip/wiki/tooltip итак, вот такой простой сервис, который, однако, ...
... классов bootstrap-а, следует присвоить каждой колонке. переходим на сайт https://getbootstrap.com/ в раздел grid. мы определили у блока div классы "col-lg-3" "col-md-6", ...
... подключите стили <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"> проведите ...
... <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" ...
... текущий url-адрес вовсе не myrusakov.ru, а другой сайт? history.pushstate(null, null, 'https://yandex.ru/'); данная строчка кода вызовет исключение "securityerror: ...
... тестовое приложение. спасибо за внимание. кстати, пример создания сайта на основе фреймворка yii можно посмотреть в моем курсе https://srs.myrusakov.ru/yii
... ссылку между тегами <head>. мы воспользуемся cdn ссылкой. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrme5qonljuremfsqc01sb46jvros7bzs3io2emffsd15uhvit+y8vef7n7fwau" ...
... 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> ...
...     <button>отправить</button>   </form>   <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>   <script src="send.js"></script> </body> ...
... копирования строки с кодом и вставки между тегами head. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... копируем 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" ...
... 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" ...
... по умолчанию на любом wordpress сайте форма логина находится по адресу: https://site.com/wp-admin/ и это известно всем, в том числе и хакерам. использование ...
... пространство - cover и не будет повторяться - no-repeat. body {     background: url(https://cdn.pixabay.com/photo/2017/06/12/17/54/anemone-2396299_1280.jpg);     background-repeat: no-repeat; ...
... 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> ...
... плагинов с таймерами обратного отсчёта, самым толковым оказался - wp dev art. https://wpdevart.com/wordpress-countdown-plugin/ таймер можно добавить как в сайдбар, так и ...
... шапки. перед закрытием тега head, вставьте ссылку на библиотеку. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> вставьте небольшой скрипт ...
... менее броский - roboto. вставляем код в самый вверх css файла. @import url('https://fonts.googleapis.com/css?family=lobster|roboto:700i'); по порядку начинаем писать стили, ...
... файле. вот так выглядит конфиг со всеми доступными опциями: [api] token = url = https://asciinema.example.com [record] command = /bin/bash -l maxwait = 2 yes = true quiet = true [play] maxwait = 1 ...
... 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>   ...
... админ ресурса получает данные в одинаковом формате. по этому адресу: https://jqueryui.com/datepicker/ вы увидите несколько вариантов виджета datapicker, мы рассмотрим ...
... потребуется правка кода. внимание! правка кода. в разделе помощи по адресу https://mobiriz.store/help-12.html, подробно расписано, как настроить работу формы обратной ...
... ценовым диапазоном и двумя ползунками. найти его можно по этому адресу: https://jqueryui.com/slider/#range такие слайдеры чаще всего используют в интернет-магазинах, ...
... пример с добавлением иконок для списка валют. шаг 1 скачиваем с сайта https://fontawesome.ru/ иконочный шрифт и подключаем к своему сайту через файл css. ...
... описание метода. делать мы это будем через 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); ?> ...
... запрос по данным из формы соответствующего оператора. например, для beeline: https://www.beeline.ru/sms/index.wbp. безусловно, пользователю надо будет ещё подгрузить ...
... пользователях и организациях, их проектах, и т.д. давайте взглянем на пример: curl https://api.github.com/orgs/yandex в этом примере мы используем консольную утилиту ...
... кнопку отправить 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 'сайт доступен.'; ...
... должен понравиться больше. вывод списка с плагином acf сайт плагина: https://www.advancedcustomfields.com на странице с документацией, выберите field types -> text. ...
... данная ссылка через тег script, так же в конец html-файла. <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </body> какой же вариант ...
... пикселей. подключаем к html файлу библиотеку jquery и javascript файл. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="js/index.js"></script> ждем ...
... 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" ...
... 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", ...
... простой скрипт, но он позволяет сделать неплохой эффект. зайдите по ссылке: https://github.com/carrot/share-button найдите справа кнопку download zip. нажмите на нее. вы скачаете ...
... будет стоить среднестатистический клик в вашей нише. яндекс директ https://direct.yandex.ru в разделе прогноз бюджета, рекламодатели могут примерно ...
... на jquery с помощью небольшого плагина. итак, для начала зайдите по ссылке: https://github.com/aarondo/tabulous.js и скачайте zip архив. там вы найдете необходимые стили ...
в наше время, front-end developer - это очень перспективная и востребованная профессия, которая набирает всё больше и больше оборотов, и не собирается ...
на данный момент ни один современный, качественный сайт не может обойтись без использования javascript. этот язык даёт очень многое, модифицирует ...
портфолио - это невероятно важно для работника и для компаний. по нему заказчик может понять, что вы предлагайте и насколько вы хорошо это ...
здравствуйте! вероятно, каждый из вас задумывался о своей работе. куда устроиться, в какую фирму, на какую должность? но, кроме офиса и работы ...
на этом уроке мы познакомимся с функцией mail (), на примере создания формы обратной связи на php с последующей отправкой полученных данных на почту. ...
здравствуйте! в цикле статей по созданию космической аркады, с python и pygame, мы достигли того что на игровом поле отображается космический корабль ...
приблизительно год назад вышла новая версия языка программирования php8. его можно смело назвать - языком номер один в веб-программировании на ...
на этом уроке мы научимся подключать php файлы к базе данных, делать проверку соединения и отключать php файлы от базы данных. в качестве наглядного ...
данная статья является продолжением предыдущей статьи, посвященной теме итераторов в php. в ней пойдет речь о php интерфейсе arrayaccess. он позволяет ...
с популяризацией интернета появилось много новых профессий. одна из самых престижных - back-end developer. многие, услышав насколько эта профессия ...
опция сохранения на компьютере распространена повсюду. бывает что создавая приложение необходимо, чтобы оно обладало данной функцией. создание ...
разработка любого, мало-мальски сложного, web-приложения редко когда обходиться без использования сторонних компонентов и библиотек. при этом ...
всем доброго времени суток! сегодня я хотел бы поговорить с вами о том, что такое модульное тестирование в php. при написании даже самых простых ...
сегодня трудно себе представить современный сайт, при верстке которого не использовался бы элемент "float". для профессионала-верстальщика или ...
как известно, важнейшим элементом в языке программирования php являются массивы. и это не удивительно, так как практически всегда приходится ...
для быстрого создания сайта существуют cms. готовые движки, проще говоря: конструктор. работа становится намного легче и быстрее. но, конечно, ...
сегодня уже трудно найти сайт, где не использовался бы такой нужный и важный тег <div>. посмотрите код любого сайта, который найдете в интернете ...
технология распознавания символов с изображения в редактируемый текст достаточно непростая задача. для подобных целей используется технология ...
заработок в интернете в наше время - очень актуальная тема. существует много сервисов, где можно получать копейки за комментарии, переходы ...
в прошлой статье мы говорили с вами о линейном поиске, который подойдет для поиска в небольших по объему не сортированных коллекциях. однако, ...
мы продолжаем создание игры про "космические приключения" с python и pygame. очень важной частью этой игры является возможность уничтожения вашего ...
всем привет! наверняка среди нас есть фанаты звёздных войн, поэтому сегодня мы рассмотрим, как сделать интро в стиле известного фильма на чистом ...
доброго времени суток, уважаемые посетители сайта! хочу поделиться с вами отличной новостью - совсем недавно у меня вышел новый курс - wordpress ...
всем привет! в этой статье мы рассмотрим, как создавать анимации при прокрутке страницы на чистом javascript. описание для создания эффектов мы ...
дорогие друзья, я рад сообщить вам, что вышел мой новый видеокурс "создание и продвижение лендинга под ключ". что такое лендинг если вы еще не ...
в одной из предыдущих статей мы рассмотрели как создать простейший синтезатор на windowsforms. на данный момент нажатие по клавишам синтезатора ...
продолжаем предыдущую статью, в которой рассказывалось как загрузить файл на сервер в expressjs. в данной статье мы рассмотрим как загрузить сразу ...
здравствуйте, дорогие читатели. сегодня в статье мы рассмотрим сервис, который позволит вам создавать красивые страницы ошибок для своих сайтов. ...
всем привет! в этой статье мы рассмотрим, что такое потоки и буферы и в чем их преимущества в nodejs. в современном мире потоки и буферы используются ...
всем привет! в этой статье мы рассмотрим 6 советов по изучению javascript, которые помогут вам освоить его быстрее. когда люди пытаются изучить javascript ...
всем привет! в этой статье мы рассмотрим, как можно ускорить разработку, используя github gist. что это такое думаю, многие из вас(особенно начинающие ...
всем привет! сегодня мы рассмотрим 10 sass миксинов, которые вам следует использовать в своих проектах. scss позволяет вам использовать возможности, ...
всем привет! в этой статье мы рассмотрим, как сделать индикатор прокрутки на чистом css3. думаю, вы могли видеть индикатор загрузки страницы в ...
финансовая грамотность играет ключевую роль в жизни каждого человека. это неотъемлемый навык, который позволяет эффективно управлять своими ...
всем привет! в этой статье мы рассмотрим, как установить иконки загрузки на чистом css себе на сайт. иконки загрузки – очень важная часть сайта, ...
довольно часто требуется работать с изображениями в формате, который позволяет представлять их в виде текстовых строк. одним из популярных ...
доброго времени суток! несмотря на то, что структура базы данных может быть создана в ручную, путем описания sql-кода необходимого для создания ...
сегодняшний мир необозримо широк в цифровом пространстве, и владение сайтом становится обязательным элементом для любого бизнеса или личного ...
здравствуйте, дорогие читатели. рад сообщить, что вышел новый видеокурс "react js, redux, es2015 с нуля до гуру". последнее время все стремительнее развивается ...
доброго времени суток уважаемые посетители сайта myrusakov.ru! сегодня я хотел бы рассказать вам о моем новом курсе по программированию на c++ в unreal ...
каждый день поисковыми системами пользуются миллионы человек, на каждый поисковой запрос есть сотни тысяч сайтов с необходимой пользователю ...
тема создания сайтов набирает обороты с каждым днём. всех интересует свой блог, landing page, интернет-магазин и т.д. но как же создаются сайты? многие ...
иногда кажется, что мы уже целую вечность используем мобильную ос google на наших устройствах android. однако прошло чуть больше десяти лет с тех пор, ...
здравствуйте! в одной из статей мы начали создание кругового прогрессбара с помощью html и css. в настоящий момент мы имеем белый круг на светло-голубом ...
здравствуйте! продолжаем создание кругового прогрессбара с помощью html и css. в прошлой статье мы создали круг на белом фоне и закрасили одну его ...
здравствуйте! в предыдущей статье мы создали анимированное подобие прогрессбара, которому не хватает всего пару штрихов. все это мы создаем ...
в этом уроке мы научимся с вами делать горизонтальное анимированное выпадающее меню на css3, при наведении курсором на его категории, будет меняться ...
unreal engine - это один из самых популярных игровых движков. с тех пор, как было объявлено о доступе к раннему выпуску ue5, все сразу же приступили к ...
дорогие друзья! эта статья поможет вам разобраться куда движется веб-разработка и исходя из этого изучать актуальные темы. конструкторы лендингов ...
доброго времени суток! в прошлой статье мы рассмотрели базовую структуру каталогов нашего проекта по добавлению новостей на сайт, увидели ...
всем привет! в этой статье мы разберемся, что такое spa в веб-разработке и в чем его плюсы и минусы. описание возможно, кто-то из вас уже слышал ...
доброго времени суток! в данной статье и следующих я расскажу и покажу, как настроить окружение разработки c помощью docker в котором можно будет ...
друзья! я рад сообщить вам, что вышел мой новый видеокурс "php и mysql с нуля до гуру 2.0". что такое php и зачем он нужен? php – это очень известный и давно ...
всем привет! если вы ищите легковесную, простую javascript галерею с поддержкой свайпов и без зависимостей, то ваш выбор – photoswipe. как уже было сказано, ...
всем привет! в этой статье мы рассмотрим, как сделать интерактивный 3d объект при помощи всего нескольких изображений на jquery. чтобы лучше понять, ...
всем привет! в этой статье мы рассмотрим, что такое void в php 7.1 и зачем он нужен. void с английского переводится как "пустой". следовательно, что-то ...
здравствуйте, дорогие читатели! рад сообщить, что вышел новый бесплатный видеокурс "создание и продвижение лендинга для начинающих". пройдя ...
всем привет! в этой статье мы рассмотрим, что такое обнуляемые типы(nullable types) в php 7.1 и как их использовать. не будем долго тянуть и сразу перейдем ...
доброго времени суток! в прошлой статье мы рассмотрели основную программную часть нашего проекта. а в этой статье мы соберем все части проекта ...
существуют четыре основных принципа визуального дизайна, которые могут применяться для разработки дизайна всего что угодно. это повторение, ...
постараюсь не сильно вдаваться в подробности, что такое 404-ая страница, достаточно открыть гугл и по запросу «как сделать 404 страницу» - вы обнаружите ...
по внутренней поверхности полукруга, туда-сюда катается мячик. кроме этого сам полукруг или назовем его лоадер, раскачивается вверх-вниз, словно ...
в этой статье не рассматриваются технические термины и концепции, чтобы обеспечить ее содержание простым. если вы программист, позвольте мне ...
всем привет! на начало 2018 года, по данным сайта can i use, верстка на flexbox-ах, поддерживается браузерами на 97.8%. это отличные показатели для этой уже ...
на данный момент у нас есть три превью-картинки, при наведении на которые пока ничего не происходит. по задумке, при наведении на урезанную версию ...
как развернуть сложенные в стопку карточки при наведении мыши? html разметка html структура состоит из трех карточек с текстовым контентом. ...
в свободном доступе глобальной сети интернет существует несчётное количество сайтов. но они ведь должны где-то располагаться. небольшой ...
медленно движущаяся картинка в сферической рамке смотрится очень завораживающе. эта сказочная анимация выглядит дорого, хоть и сделана на ...
каждый грамотный программист стремится писать код, который работает. однако в долгосрочной перспективе вероятность того, что ваша программа ...
задача веб-разработчика заключается в создании максимально удобной, безопасной и эффективной структуры сайта. на этапе внутренней оптимизации ...
продолжаем предыдущую статью о том, как составить продающее письмо.     упростите отмену подписки. согласно законодательству, ...
при вождении автомобиля – скорость это далеко не все. но в web все решает скорость. чем быстрее ваше приложение, тем лучше пользовательский опыт. ...
django - это python веб-фреймворк для бекенда, который позволяет быстро создавать безопасные сайты и приложения. фреймворк имеет набор готовых компонентов, ...
на предыдущем уроке мы нарисовали чашку с блюдцем, используя только css стили и никакой графики. на этом уроке сделаем нашу чашку интерактивной ...
разработка сайтов является важной составляющей развития бизнеса в 21 веке, и руководителям компаний следует серьезно задуматься о том, ...
на этом уроке мы с вами разберем такие css свойства – opacity и rgba. свойство opacity отвечает только за прозрачность элементов, а функция rgba – за цвет ...
зачем обязательно надо делать картинки адаптивными? к сожалению, то счастливое время, когда можно было вставить картинку на веб-сайт и указать ...
это вторая часть по гамбургер меню. в первой части мы сделали пока только верстку. 5. скачать библиотеку jquery-3.3.1.min.js подключаем к нашему html ...
больше не нужно ломать голову и писать много строчек кода для визуализации капель дождя, падающих на окно. замечательный скрипт на js rainyday.js представляет ...
css фильтры чаще всего применяют к фоновым изображениям или фотографиям. по сути они заменяют программу photoshop, чтобы добиться некоторого эффекта, ...
в статье "бриф на разработку сайта" вы узнали что такое бриф и зачем надо анкетировать заказчика. вам крупно повезет, если у заказчика существует ...
начинаем работать с mysql в nodejs. часть 2 в прошлой статье мы рассмотрели азы подключения к серверу базы данных mysql из nodejs. а в этой рассмотрим работу ...
в прошлой статье мы обсуждали как деструктурировать массивы в javascript, а в этой статье продолжим обсуждением данной темы, но уже в отношении объектов. ...
в видео-курсе "своя web-студия за 55 дней" я больше фокусировался на практике, поскольку для тех, кто хочет иметь собственную web-студию, при полном ...
чтобы нарисовать реалистичные капли воды, не обязательно владеть техникой рисования. достаточно хорошо знать css-свойства и уметь применять ...
официальный сайт: textolite.ru textolite представляет собой простую систему управления статичным сайтом с бесплатной и платной расширенной версией. ...
чем ещё можно привлечь внимание пользователя? например, при наведении курсора наша кнопочка могла бы двигаться, вращаться, искажаться или масштабироваться. ...
на всей странице будет происходить плавное движение вверх разноцветных квадратиков разного размера. подготовка фона для анимации создадим ...
много реалистичные пузырьков разных размеров, с разной скоростью поднимаются вверх, лопаясь на ходу. как такое возможно сделать на javascript? перед ...
эффект плавного перехода в css часто применяется при наведении курсора на какой-нибудь элемент, например для кнопки. когда при наведении курсора, ...
традиционный for цикл в javascript - теперь в прошлом! встречайте новые циклы for..of и for…in, которые дают нам очень ясный и короткий синтаксис для последовательного ...
посмотрите сначала предыдущий урок. а что если пользователь не догадается навести мышку на свернутое меню, чтобы его развернуть? неплохо было ...
сегодня почти каждая серьезная компания распространяет свои товары и услуги через интернет с помощью собственного сайта. в условиях технологического ...
необходимость размещать текст в колонках на веб-страницах, безусловно пришла из газет и журналов. однако на мониторах компьютеров, читать длинные ...
с помощью css селекторов мы выбираем какие конкретно элементы на сайте стилизовать. о чем нам говорит эта запись? h1 { color: red; } = селектор { свойство: ...
главнейшим инструментом для заработка в интернет-маркетинге является e-mail рассылка. совершенно не важно, продаете ли вы собственные товары ...
продолжаем изучать компонент zend log. первая часть данной статьи находится здесь. предобработка данных. если вам необходимо в автоматическом ...
всем доброго времени суток. сегодня я хотел бы поделиться с вами, посетителями моего сайта, очень важной информацией. буквально на днях я запустил ...
любой, кто имеет опыт разработки web приложений или использования какого-либо php фреймворка, безусловно, сталкивался с реляционными базами данных, ...
каким образом посетители перемещаются на вашем сайте? как они находят то, что ищут? это в большой степени определяется организацией вашего ...
у нас есть четыре изображения, каждое из которых поместим в свой собственный треугольник. полученные четыре маленьких треугольника поместим ...
введение: разработка и развертывание python-проектов становится все более доступным благодаря платформам, предоставляющим облачные услуги. в ...
начинающие дизайнеры и верстальщики допускают большое количество ошибок в своих сайтах, которые мешают дальнейшему развитию в их проектах, ...
мы продолжаем серию уроков по верстке сайта с нуля с плоским дизайном. на первом уроке была сверстана шапка макета. на втором уроке - блок с ...
необходимость в создании сайта может быть различной. однако в современном мире ни одна уважающая себе компания просто не сможет обойтись ...
в спокойном состоянии кнопка выглядит обычно, в стиле плоского дизайна. однако при наведении на нее мыши, происходит переворачивание с 3d-эффектом. ...
продолжаем уроки по верстке сайта с нуля. на первом уроке мы верстали шапку сайта. на втором уроке - блок с большой картинкой. на этом уроке мы ...
мы продолжаем серию уроков по верстке сайта с нуля. на прошлом уроке мы верстали шапку макета. далее идет блок из одной большой фотографии в ...
начиная с этого урока, мы будем учиться верстке сайта с нуля в популярном flat стиле. эта тема очень объемная и мы посвятим ей не один урок. что ...
на этом уроке мы сделаем нестандартную анимацию для переключателя меню-гамбургер на языке javascript. создание переключателя создадим саму кнопку-переключатель ...
здравствуйте! в этой статье я расскажу вам о магических методах в php. они позволяют программисту получить больший контроль над кодом, который ...
разделим рисование куба условно на пять сторон и сверху крышка top. html код тегами span обозначим 4 стороны куба с использованием переменной i. ...
итак, мы завершаем цикл уроков по версте сайта с нуля с flat дизайном. напомню, что на первом уроке мы верстали шапку сайта. на втором уроке - секцию ...
находим два подходящих изображения размером не менее 1920x1080 пикселей и скачиваем их. оба изображения будут фоновыми, которые вставляются через ...
для создания более сложных css анимаций, разработчики ввели функцию var() и calc(). функция var() позволяет динамически вставлять значения переменных ...
большинство блоггеров или авторов, ведущие свои сайты на wordpress никогда не касаются вкладки в панели управления: "пользователи". по большому счету ...
под названием mfa (made for adsense – англ.) понимают ресурс, созданный специально для контекстной рекламы, для заработка на ней. название дал один ...
для создания этого забавного лоадера, слегка напоминающего игрушку кубик-рубик, нужно в html-разметке прописать блок обертку с классом loader и четыре ...
в этой статье вы узнаете, как реализовать функцию кнопки обратная связь для сайта на wordpress двумя похожими способами. мы научимся вставлять ...
сетка – это эскиз или диаграмма web-страницы, который показывает структуру (но не детализированный дизайн) базовых элементов страницы, таких ...
для создания анимации падающих звезд нам потребуется картинка зведного неба и сами звезды, созданные средствами html и css. html-разметка и звездное ...
термин rss имеет много разных определений - он может быть переведен как действительно простая синдикация, также он может быть переведен и по-другому, ...
нет, это не фотошоп. фильтр для смешивания слоев уже давно стал доступен и на css. как это работает? сейчас вы обо всем узнаете. html разметка для ...
как начинающие, так и опытные верстальщики не могли не заметить, что вместе с новыми возможностями в css3 технологиях, объем самого css-кода, существенно ...
эта статья является продолжением предыдущей статьи о том, как строить отношения с клиентами. 6. стройте доверительные отношения какие бы ...
мне очень нравится этот способ создания бегущей волны для последующей ее анимации. почему? здесь мы не используем никакой графики, только свойства ...
приветствую вас друзья! на этом уроке мы научимся обращаться к базе данных wordpress-а и выводить на сайте нужную нам информацию, в нужном месте и ...
пропишем внутри ссылок data*-атрибуты с названиями ссылок. это нужно для передачи этих названий в функцию attr для получения hover-эффекта. <ul> ...
в html-разметке накидываем все элементы, которые у нас будут на странице, пока не заботясь о внешнем виде расположении относительно друг друга. ...
веб-разработчики часто сотрудничают с клиентами, желающими заказать одностраничный сайт с возможностью изменять его самостоятельно, ...
в одной из прошлых статей мы создали форму для калькулятора, с помощью c# и winforms, создав текстовое поле и кнопки с цифрами. в сегодняшней статье ...
в этой статье мы поговорим об использовании function expression в платформе nodejs. в будущих статьях мы будем говорить о модулях, ведь модули – это очень ...
написание сценариев на python стало важным инструментом для автоматизации задач, создания приложений и анализа данных. однако знание того, как ...
всем привет! в этой статье мы продолжим разбираться с платформой nodejs и поговорим про глобальный объект. вы уже должны быть знакомы с этим понятием. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать меню в tkinter с помощью виджета menu. меню добавляет интерактивности в приложение, ...
здравствуйте! в сегодняшней статье мы рассмотрим, как работать со шрифтами в tkinter — стандартной библиотеке python для создания графических интерфейсов. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как при помощи python и библиотеки tkinter можно реализовать функцию динамического изменения шрифта ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать выпадающий список в tkinter, используя элемент интерфейса ttk.combobox. выпадающий список ...
здравствуйте! в сегодняшней статье мы рассмотрим, как реализовать автоматическое обновление элемента label в tkinter. такая функция полезна для ...
преобразование html в docx может потребоваться в различных задач, таких как генерация отчетов, создание документов на основе веб-контента и многое ...
всем привет! сегодня мы рассмотрим очень мощную библиотеку, которая позволит вам делать очень интересные 3d и 2d модели для вашего сайта. для ...
здравствуйте! в сегодняшней статье мы рассмотрим навигацию между окнами в библиотеке tkinter на python. данная тема будет полезна тем, кто хочет создать ...
с выходом php 8, язык программирования получил множество новых возможностей и улучшений, одной из которых является поддержка атрибутов. атрибуты ...
веб-разработка — это создание и поддержка сайтов, приложений и сервисов в интернете, объединяющая программирование, дизайн, и работу с данными. ...
сегодня мы рассмотрим приближенный к реальности пример использования атрибутов в php 8. предположим, что мы разрабатываем веб-приложение и хотим ...
в сегодняшней статье мы познакомимся с библиотекой pyttsx3 — удобным инструментом для преобразования текста в речь на python. эта библиотека идеально ...
работая с python, вы можете столкнуться с ситуацией, когда разные проекты требуют разные версии библиотек или самого python. без виртуального окружения ...
всем привет! сегодня мы рассмотрим библиотеку, позволяющую сделать простой список, который мы можем сортировать и удалять элементы свайпами. ...
всех с наступившим 2025 годом! в сегодняшней статье мы рассмотрим библиотеку speech_recognition в python, которая позволяет легко интегрировать распознавание ...
здравствуйте! в сегодняшней статье мы рассмотрим, как с помощью python и библиотеки tkinter создать графический интерфейс для управления виртуальной ...
в сегодняшней статье мы рассмотрим, как можно управлять рисунком на canvas в tkinter с помощью голосовых команд. это увлекательная тема, которая позволит ...
здравствуйте! в сегодняшней статье мы рассмотрим, как работать с базой данных sqlite через android room. room является абстракцией над sqlite, которая упрощает ...
всем привет! сегодня я покажу, как можно сделать интерактивное сравнение с помощью простого jquery плагина - twentytwenty. найти описание и примеры вы ...
приветствую! в сегодняшней статье мы рассмотрим, как создать простой интерфейс для автодополнения с использованием tkinter и nltk. задача мы создадим ...
здравствуйте! в предыдущей статье мы начали cоздание базы sqlite, для ее заполнения. в сегодняшней статье мы сосредоточимся на процессе переноса ...
здравствуйте! после того, как сервер готов, нам нужен vpn клиент, который будет подключаться к серверу, передавать данные и получать ответы через ...
хотите сделать красивую страницу продажи товара или услуги? думаю, вам понравится библиотека stickyfill. найти исходники библиотеки вы можете здесь, ...
в этой статье мы рассмотрим, как можно преобразовать строку data url в объект blob с использованием javascript. data url используется для кодирования файлов ...
архитектура веб-приложения — это структура и организация его компонентов, которые обеспечивают его функциональность, производительность, ...
здравствуйте! продолжим работу с json-объектами на python. в предыдущей статье мы рассмотрели, как читать строки с json-объектами и преобразовать их ...
здравствуйте! работа с json на python может быть довольно удобной благодаря встроенной библиотеке json. сегодня мы рассмотрим, как можно читать файл, ...
здравствуйте! работа с данными в формате json и их сохранение в базе данных sqlite — важная и полезная задача, с которой может столкнуться любой разработчик. ...
всем привет! сегодня мы рассмотрим некоторые новые возможности и изменение старых в ecmascript6 в сравнении с ecmascript5. определения методов в ecmascript5 ...
здравствуйте! в сегодняшней статье мы рассмотрим пример реализации машины состояний с помощью python и модуля transitions python позволяет создавать ...
машинное обучение (machine learning, ml) — это подраздел искусственного интеллекта, который фокусируется на разработке алгоритмов и моделей, позволяющих ...
веб-разработка — это процесс создания и поддержания сайтов и веб-приложений, охватывающий такие технологии, как html, css, javascript, php, python и другие. ...
всем привет! сегодня мы поговорим о том, что такое vps и как его сделать на digitalocean. vps(virtual private server) - виртуальный выделенный сервер. т.е. это не физический ...
приветствую! в сегодняшней статье мы рассмотрим, как с помощью python можно узнать размер каждой папки в заданной директории. данный пример будет ...
всем привет! сегодня мы поговорим про jquery плагин, позволяющий выбирать альтернативные символы при долгом нажатии клавиши. плагин называется ...
всем привет! сегодня я расскажу, как сделать круговой ползунок на jquery, используя плагин jquery knob. как всегда, посмотреть, как это работает, вы можете ...
приветствую! в сегодняшней статье мы рассмотрим машину состояний (state machine) в python — мощный инструмент для упрощения и структурирования процессов ...
здравствуйте! сегодня мы увидим, как создать python-приложение, которое открывает системные приложения, такие как терминал windows или блокнот, с помощью ...
здравствуйте! в сегодняшней статье мы рассмотрим, как определить тональность текста с помощью python и библиотеки nltk. этот инструмент позволяет ...
разработка игр на unreal engine – это одна из самых перспективных областей в игровой индустрии, где разработчики создают увлекательные и визуально ...
здравствуйте! в сегодняшней статье мы поговорим о миллисекундах в java. вы узнаете, почему java использует миллисекунды для работы с временем, какие ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать конструкцию when в c# для условного фильтра в различных контекстах. шаг 1: ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать livedata и viewmodel для управления состоянием и данными в приложениях на android. ...
здравствуйте! в сегодняшней статье мы рассмотрим жесты в android с точки зрения разработчика. вы узнаете, как обрабатывать простые и сложные жесты ...
здравствуйте! в сегодняшней статье мы поговорим о создании анимаций в jetpack compose. вы узнаете, как добавить плавные визуальные эффекты в интерфейс ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать ключевое слово dynamic в c# для динамической типизации в различных контекстах. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать резиновый макет в c# winforms, который автоматически адаптируется под изменение размеров ...
здравствуйте! в сегодняшней статье мы поговорим о таком понятии, как c# playground, или, другими словами, интерактивная песочница для c#. такой инструмент ...
привет, друзья! сегодня я расскажу вам, как можно автоматизировать процесс копирования файлов из подпапок в одну общую папку, используя python. ...
привет, друзья! сегодня я расскажу вам, как можно автоматизировать процесс переименования файлов с помощью python. это может быть полезно, если ...
здравствуйте! в сегодняшней статье мы поговорим о загрузке векторных ассетов в android studio. вы узнаете, как добавлять svg-файлы в проект, превращать ...
привет, друзья! в сегодняшней статье мы рассмотрим как удалить все внутренние html-теги из строки и оставить только внешние, например, сохранить ...
здравствуйте! во время работы с текстовыми файлами часто возникает задача очистки данных от дубликатов. например, у вас есть список email-адресов, ...
здравствуйте! при работе с текстовыми файлами в python вы могли сталкиваться с ошибками вроде: unicodedecodeerror: 'charmap' codec can't decode byte 0x98 in position xxx. ...
здравствуйте! в современном мире работа с документами является неотъемлемой частью повседневных задач. особенно часто приходится иметь дело ...
в современном вебе мультимедийный контент играет важную роль в привлечении пользователей. видео особенно популярны как инструмент для обучения, ...
здравствуйте! при работе с текстовыми данными в базах данных часто возникает необходимость извлечения определенных частей строк. например, ...
здравствуйте! в сегодняшней статье мы рассмотрим как встроить элемент медиаплеера в windows forms, с c# для воспроизведения видеофайлов. шаг 1: создание ...
здравствуйте! в одной из статьей мы рассматривали способ реализации функции map. в c# встроенным аналогом функции map является метод select, который ...
всем привет! бывают случаи, когда нужно показывать прогресс чего-то на сайте(например, загрузки) в вашем favicon. вот о том, как это сделать, сегодня ...
llm-агенты, или агенты на основе больших языковых моделей (large language models), представляют собой передовую технологию в области искусственного интеллекта ...
сегодня я расскажу про то, как сделать красивое всплывающее окно на jquery, используя плагин webui-popover. это легкий и быстрый плагин, позволяющий сдеалать ...
если вы желаете сделать чеклист(контрольный список), то вы можете использовать swipe-li. описание посмотреть, как это работает в живую, вы можете ...
здравствуйте, дорогие читатели! в этой статье я хотел бы рассмотреть, на мой взгляд, очень интересную библиотеку javascript - whistle.js. найти ее исходники ...
здравствуйте! представим ситуацию, при которой требуется обратить внимание пользователя на событие внутри приложения. в таких случаях могут ...
фракталы — это уникальные математические структуры, которые обладают самоподобием, что означает, что их части напоминают целое. эти узоры встречаются ...
здравствуйте! в современном программировании создание графических интерфейсов стало неотъемлемой частью разработки приложений. одним из ...
здравствуйте! в программировании на python с использованием библиотеки tkinter можно легко создать интерактивный индикатор загрузки, который позволяет ...
здравствуйте! работа с большими таблицами данных является неотъемлемой частью современной аналитики. независимо от того, нужно ли вам обрабатывать ...
в программировании часто возникает необходимость применить определённую функцию ко всем элементам коллекции и получить новую коллекцию с ...
здравствуйте! машинное обучение (ml) — это метод анализа данных, который позволяет компьютерам обучаться на примерах и делать предсказания или ...
в современном программировании асинхронные операции играют важную роль, особенно когда речь идет о работе с пользовательским интерфейсом ...
здравствуйте! material design — это язык дизайна, разработанный google, который объединяет принципы хорошего дизайна с инновациями науки и технологий. ...
в разработке приложений на платформе windows forms в c# часто возникает необходимость выполнять задачи через регулярные интервалы времени. для этого ...
в разработке приложений на платформе windows forms в c# часто возникает необходимость работы с изображениями. класс bitmap в пространстве имен system.drawing ...
здравствуйте! в этой статье мы рассмотрим, как создать простое приложение для воспроизведения музыки с использованием класса soundplayer в c# windows ...
элемент picturebox в c# windows forms предоставляет удобный способ отображения изображений в графическом интерфейсе пользователя. он позволяет загружать, ...
linq (language integrated query) — это мощный инструмент в c#, который позволяет выполнять запросы к различным источникам данных, таким как коллекции, базы ...
vpn (virtual private network) — это технология, которая позволяет пользователям безопасно передавать данные через интернет, создавая зашифрованный туннель ...
в мире программирования на python многопроцессорность играет ключевую роль при необходимости эффективного использования всех вычислительных ...
доброго времени суток! сегодня мы рассмотрим с вами ка можно создать эффект бьющегося сердца средствами css-анимации. итак, код ниже: <!doctype html> ...
здравствуйте! наверняка, многие сталкивались с проблемой определения содержания массивного текста, при невозможности прочесть его от начала ...
всем привет! в этой статье мы рассмотрим небольшую, но, уверен, полезную библиотеку для отслеживания позиции мышки пользователя на javascript. библиотека ...
в php, передача данных между приложением и сервером в формате json является обычной практикой. интерфейс jsonserializable предоставляет возможность управления ...
здравствуйте! при копировании некоторых веб страниц можно видеть огромные куски css стилей, находящихся в одном файле с разметкой. все это приводит ...
в мире веб-разработки существует множество технологий и подходов, которые помогают упростить процесс передачи данных между различными компонентами ...
powershell представляет собой мощную командную оболочку и язык сценариев, разработанный корпорацией microsoft для автоматизации управления операционной ...
всем привет! в этой статье мы рассмотрим библиотеку, которая сделает вашу работу с localstorage, cookie и session простой и удобной. библиотека называется ...
в мире, пронизанном технологиями, нейронные сети становятся непременным инструментом для решения широкого спектра задач, начиная от распознавания ...
здравствуйте! при управлении файловой структурой на компьютере возникает необходимость переименования файлов согласно определенным шаблонам. ...
в области обработки и хранения данных sqlite выделяется как надежный и легкий движок базы данных. часто возникает необходимость экспортировать ...
как известно пагинация - это важный аспект веб-разработки, который позволяет управлять и представлять большие объемы контента в более удобной ...
в мире объектно-ориентированного программирования одним из базовых принципов является создание модели, которая отражает предметную область ...
всем привет! в этой статье мы рассмотрим, что такое postcss, узнаем, нужно ли его использовать и в чем отличие от препроцессоров. начать стоит с того, ...
openssl - это универсальная криптографическая библиотека, предоставляющая различные методы шифрования для защиты данных. далее мы рассмотрим ...
дорогие читатели, я рад сообщить вам, что в продажу поступил новый видеокурс "создание интернет-магазина на opencart 2.0". opencart 2.0 – это движок для ...
всем привет! в этой статье мы рассмотрим, как сделать 3d модель объекта на javascript. конечно, делать настоящую 3d модель мы не будем. это займет много ...
sublime text 3 – отличный текстовый редактор, однако его можно сделать еще лучше, настроив некоторые параметры. в этой статье мы рассмотрим одну из, ...
всем привет! в этой статье я хочу рассказать вам про то, как быстро сделать на сайте пятизвездочный рейтинг с красивыми анимациями на css. описание ...
orm (object-relational mapping) - это техника программирования, которая связывает объекты приложения с записями в базе данных, позволяя работать с данными ...
здравствуйте! javascript (js) является одним из наиболее мощных и распространенных языков программирования для веб-разработки. он позволяет создавать ...
изменение размера изображения – это частая задача при работе с фотографиями. однако важно не только уменьшить или увеличить размер, но и сохранить ...
доброго времени суток! сегодня мы рассмотрим основные термины, используемые при работе с инструментом визуаального проектирования интерфейсов ...
доброго времени суток! сегодня мы поговорим с вами о новшестве языка php - атрибутах. в php 8 была добавлена поддержка атрибутов, которые предоставляют ...
здравствуйте. одной из распространенных задач при работе с базой является получение списка таблиц. в этой статье мы рассмотрим, как с использованием ...
доброго времени суток! сегодня мы поговорим с вами, о том, что такое indexeddb в javascript. indexeddb (indexed database) - это встроенная база данных в браузере, предоставляющая ...
всем привет! в этой статье мы поговорим о разных способах написания sass кода и об особенностях каждого из них. если вы зайдете на официальный ...
всем привет! иногда на сайте нужно сделать функционал, который позволит увеличивать изображения при наведении на них мышки, но в то же время ...
всем привет! это первая статья из серии, где мы рассмотрим, что такое gulp, в чем причина его популярности, как его установить и настроить, а также ...
эта статья является логическим продолжением двух предыдущих статей: "бриф на разработку сайта" и "прототипирование сайта – важный этап" все ...
создание api с использованием python и flask достаточно просто. flask - это микрофреймворк для веб-приложений на python. вот пример того, как вы можете создать ...
здравствуйте. telegram-боты стали все более популярными для автоматизации задач, предоставления информации и взаимодействия с пользователями ...
всем привет! в этой статье из серии по изучению платформы мы рассмотрим, как установить nodejs. делается это достаточно просто. сайт сам определит, ...
в мире веб-разработки, эффективность и ясность кода играют ключевую роль. в поисках средств улучшения качества кода, разработчики часто обращаются ...
на сегодняшний день, когда веб-страницы становятся все более важными для хранения различной информации, защита этой информации становится ...
в мире веб-разработки php продолжает выделяться как один из самых широко используемых языков программирования.с каждой новой версией php представляет ...
здравствуйте. в современном мире все больше и больше внимания уделяется разработке высокопроизводительных и масштабируемых приложений. одним ...
сегодня я начинаю серию статей, в которой вы узнаете, что такое nodejs, как установить nodejs, как работает движок v8 и некоторые другие особенности ...
здравствуйте! telegram-боты становятся все более популярными для автоматизации задач и взаимодействия с пользователями на платформе telegram. одной ...
здравствуйте! как известно, составление резюме может быть утомительным процессом, особенно когда нужно учитывать различные форматы и требования ...
xor (exclusive or)- это логическая операция, которая возвращает истину (1), если и только если оба операнда различаются. это означает, что результат xor ...
здравствуйте! сквозное шифрование (end-to-end encryption, e2ee) — это важная техника, обеспечивающая защиту данных от несанкционированного доступа. в этой ...
маршрутизация (routing) — это один из ключевых аспектов разработки веб-приложений. в laravel маршрутизация обеспечивает сопоставление http-запросов ...
введение с ростом количества киберугроз и вирусных атак, безопасность ваших данных становится все более важной. особенно это актуально для ...
работа с pdf-документами часто требует их преобразования в другие форматы, такие как изображения. это может быть полезно для архивирования, создания ...
как сделать так, чтобы пользователь смог использовать ваш сайт, даже если пропало интернет подключение или его вообще нет? сегодня мы об этом ...
в языке программирования python модификаторы доступа играют важную роль в управлении доступом к атрибутам и методам классов. хотя python не предоставляет ...
здравствуйте! в сегодняшней статье мы рассмотрим, что такое тензоры и как они используются в программировании. тензоры — это математические ...
тензоры играют важную роль в машинном обучении и обработке данных, представляя собой многомерные массивы данных. в python для работы с тензорами ...
валидация json в php является важным аспектом для обеспечения того, чтобы данные, поступающие из внешних источников, были корректными и соответствовали ...
нейронные сети становятся все более популярными в решении задач, связанных с обработкой изображений, распознаванием речи и других сложных ...
распознавание форм на изображениях — одна из основных задач компьютерного зрения, которую можно легко реализовать с помощью библиотеки opencv. ...
artisan — это мощный интерфейс командной строки, встроенный в laravel, который предоставляет разработчикам широкий набор инструментов для упрощения ...
анализ плана выполнения запроса является одним из важнейших инструментов для оптимизации производительности sql-запросов. он позволяет разработчикам ...
как известно, пользователи любят, когда сайт выглядит красиво. чтобы сайт создавал должное впечатление, даже самая мелочь должна быть приятной. ...
всем привет! в этой статье мы рассмотрим библиотеку для автоматизации - robotjs. robotjs - это библиотека для автоматизации некоторых действий. работает ...
всем привет! в этой статье мы рассмотрим, как использовать классы в ecmascript 2015 и стоит ли их вообще использовать? заметьте, что новые функции ecmascript ...
всем привет! в этой статье мы рассмотрим, как добавлять метки к фотографиям, причем адаптивно. для этой задачи нам понадобится библиотека taggd ...
обновление данных в базе данных под нагрузкой требует тщательного планирования и использования различных стратегий для минимизации времени ...
всем привет! в этой статье мы рассмотрим, как сделать простое многоуровневое меню-аккордион на css3. создание структуры структура очень простая: ...
всем привет! в этой небольшой статье я хотел бы рассказать про один очень интересный сервис по работе с изображениями с мощным api. сервис называется ...
в этой статье мы рассмотрим библиотеку, которая поможет нам отслеживать силу нажатия на экран или тачпад устройства пользователя. как многие, ...
здравствуйте, друзья! создание собственного сайта – задача, которая рано или поздно встает перед каждым, кто хочет заявить о себе в интернете. ...
в этой статье мы рассмотрим jquery lightgallery - наверное, лучший плагин для создания галерей на jquery. итак, jquery lightgallery - настраиваемый, модульный, отзывчивый ...
flask - это легкий и гибкий веб-фреймворк для python, который позволяет быстро создавать веб-приложения. он предоставляет простой способ создания ...
архитектура программного обеспечения играет ключевую роль в разработке веб-приложений, определяя их структуру, распределение компонентов ...
в python существует несколько способов создания zip-архива с сохранением структуры папок. один из наиболее распространенных способов - использование ...
python - один из наиболее популярных и востребованных языков программирования в мире. его популярность продолжает расти благодаря своей простоте, ...
здравствуйте! в современном мире скорость имеет огромное значение. пользователи интернета хотят получать доступ к информации мгновенно, без ...
в современном мире, где мы постоянно заняты различными делами и задачами, напоминания становятся незаменимым инструментом для управления временем ...
здравствуйте! автоматизация повседневных задач, таких как отправка отчетов по электронной почте, может значительно упростить рабочий процесс. ...
сегодня мы поговорим о плагине, позволяющем определить adblock и показать об этом уведомление. ни для кого не секрет, что существуют программы, ...
здравствуйте! допустим, мы работаем над многоуровневым проектом и хотим создать для каждого уровня папку с соответствующим названием. конечно ...
в этой статье мы поговорим о программе koala, которая позволяет очень быстро и легко компилировать sass, используя графический интерфейс. если вы ...
в этой статье мы рассмотрим, как сделать эффект увеличения картинки, как на amazon, используя scss и jade. на дне турции я был на designer news и наткнулся ...
всем привет! сегодня мы рассмотрим очень интересную библиотеку для быстрого написания математических формул. общая информация библиотека ...
сегодня хотелось бы рассказать вам о легком скрипте, который позволяет сделать плавающие метки полей ввода на javascript. библиотека называется ...
swoole — это современное высокопроизводительное асинхронное расширение для php, которое позволяет разработчикам создавать масштабируемые, параллельные ...
всем привет! в этой статье мы рассмотрим, как сделать выезжающее меню с использованием jquery. если вам нужно сделать выезжающее меню на сайте, ...
доброго времени суток уважаемые посетители сайта myrusakov.ru у меня для вас отличная новость - для заказа стал доступен комплект из четырех курсов ...
возможно, вы знакомы с поиском текста, нажимая ctrl-f и вводя искомые слова. регулярные выражения идут еще дальше: они позволяют указать образец ...
4) позиционирование инпута и текста .list ul label{     position: relative; / * относительное позиционирование * /     display: flex; / * отображать ...
если вам тяжело дается освоение разных языков программирования, верстки, то не отчаивайтесь, посмотрите в сторону заработка на собственном ...
в этой статье, мы познакомимся с базовыми основами работы со строками в python. строка (string) содержит в себе набор символов в кодировке ascii и относится ...
шаблон проектирования наблюдатель - это популярный шаблон проектирования по широко используемый в разработке javascript-приложений. экземпляр ...
изучение python, хорошо подходит для освоения основ программирования, так как это один из самых простых языков. простота – его главная фишка. кроме ...
если бы таблицы могли хорошо адаптироваться под разные разрешения экранов, то человечество и по сей день делало бы табличную верстку. я ещё ...
не один язык программирования не может обойтись без переменных и python здесь не исключение. переменная в программировании – это именованная ...
в python существует логический тип данных bool, который может возвращать только два значения: true (истину) // первая буква заглавная false (ложь) // первая ...
на этом уроке мы будем создавать адаптивную контактную форму на всю ширину браузера, используя css и медиа-запросы. демонстрация примера. ...
словарь является типом данных (dist) в python и представляет собой неупорядоченную коллекцию, состоящую из пар "ключ-значение". словари в python очень ...
предназначение цикла while в python, такое же, как и в других языках программирования - выполнять одинаковые инструкции столько раз, пока условие ...
часто можно увидеть в социальных сетях, как бывалые программисты внушают новичкам, что им не нужно тратить время на изучение библиотеки jquery. ...
в данной и последующих статьях мы разберем с вами на примерах, что такое модули в python, зачем они вообще нужны, и какой у них синтаксис. так как ...
не знаю как вам, но мне становится все более очевидным, что навык программирования, хотя бы на любительском уровне – нужен уже каждому человеку. ...
первое с чем сталкивается js разработчик при работе с сайтами, так это как получить элементы с веб-страницы. для написания любой программы, нужно ...
object (объект) - это более сложный тип данных в js. хочу напомнить, что все остальные типы данных, являются примитивными, так как могут содержать ...
ни в коем случае нельзя бездумно создавать на сайте анимации, просто ради анимации. как говорится, медицинский совет "не навреди", здесь вполне ...
как вы думаете, к какому типу данных относятся элементы на html страницах? это все объекты и на этом уроке мы будем учиться, с ними работать. в предыдущих ...
я часто вижу в комментариях к урокам или на форумах, когда новички спрашивают: "я хочу разместить текст поверх картинки, а он оказывается под ...
псевдоклассы описывают различные состояния элементов. например, какой цвет будет у активной ссылки или при наведении. чем псевдокласс отличается ...
вставить видео на сайт во весь экран браузера, используя html5 теги, намного проще, чем вы себе это представляли. на этом уроке я рассказывал уже, ...
несмотря на существенный прорыв в создании анимаций на css, javascript по прежнему остаётся главным инструментом по анимациям в веб-разработке. на ...
сервис яндекс.деньги позволяет любому физическому лицу (для юрлиц и ип есть яндекс.касса), разместить на сайте форму оплаты, даже владельцам ...
я завидую тем шикарным возможностям у начинающих программистов, каких не было у меня 10 лет назад. все мои базовые знания в области программирования, ...
пока вы сидели в одиночестве, вылавливая на фриланс-биржах, подходящие для себя заказы, офисные веб-разработчики, уже на полную катушку, использовали ...
бывает, что заказчики часто просят, сделать дополнительную навигацию на wordpress и вывести её, в указанном на скриншоте, месте (красными стрелочками). ...
нас, веб-разработчиков, строгий google, уже давно убедил, что изображения на сайте, надо оптимизировать – уменьшать их вес. красный или оранжевый ...
я немного завидую, нашим коллегам вебмастерам, работавшим ещё 10-20 лет назад. они могли себе позволить не париться по поводу оптимизации всего, ...
все базы данных делятся на два типа, с хранением данных в таблицах (mysql) и с хранением данных, в массивах (формат bson). mongodb – документо-ориентированная ...
в статье работа с библиотекой jquery ui, мы подробно на примере виджета tooltip, разобрали, как подключить библиотеку, зачем она вообще нужна. сегодня, ...
тем, кто знает, что такое обратный звонок на сайте, предлагаю не читать, а перейти сразу к следующей главе. для остальных постараюсь объяснить, ...
на одном из предыдущих уроков, мы рассматривали самый простой способ, как сделать таблицу адаптивной. суть адаптации таблицы сводилась к появлению ...
делать карусель на чистом js, с нуля и самому? зачем изобретать велосипед, когда есть готовые решения, slick / owl слайдеры? на это есть, как минимум ...
pug – это html препроцессор, написанный на js для работы на платформе node.js, с одной единственной целью – ускорить верстку. за счет чего верстать ...
сетка bootstrap состоит из 12 колонок, так как число 12 делится на большое количество чисел без остатка. деление на числа 2, 3, 4, 6, 12, позволяет получить ...
каждый веб-сайт создается для достижения некоторой цели. оптимизация конверсии (conversion rate optimization – cro) – это процесс, имеющий целью увеличить ...
чаще всего в модальных окнах размещают формы, всплывающая форма заявки на лендинге – это классика. у bootstrap 4, есть такой компонент, как модальное ...
база данных в программировании – это хранилище разного рода данных в упорядоченном виде. если провести простую аналогию из жизни, то базу данных ...
поскольку все данные значительной части сайтов хранятся в базах данных, то нужно как-то ими управлять. для общения с базами данных был разработан ...
наверняка многие из вас, кто задумывается о выборе языка программирования для изучения, много раз слышали тезис, что java программисты получают ...
на этом уроке мы сделаем модальное окно на js. уже трудно себе представить современный коммерческий сайт без модального окна. поэтому, понимание ...
напомню, что событие – это реакция браузера на взаимодействие пользователя с элементами сайта, посредством мыши и клавиатуры. существует три ...
последнее время мне все чаще задают вопросы о том, как устроены индикаторы, показывающие текущую позицию чтения текста (количество прочитанного ...
на этом уроке мы сделаем верстку адаптивной шапки сайта (лендинга), используя bootstrap сетку. если вы не знаете что это такое, советую почитать статью ...
на дворе уже 2020 год и я думаю, что этап агитации делать верстку с использованием препроцессоров, уже давно пройден. поэтому можно без потери ...
бытует мнение, что программирование доступно только для людей с математическим складом ума. причем такой склад ума наблюдается исключительно ...
существует два принципиально разных способа, добавления иконок на сайт: в виде картинки (растровой или векторной) в качестве иконочного ...
данная статья является продолжением предыдущей статьи, в которой мы говорили о том, как реализовать индикатор позиции чтения. в прошлой статье ...
по умолчанию все браузеры ищут фавикон в корне сайта, но ничего не случиться, если мы поместим фавикон в папку с картинками и укажем пути в хедере ...
первым делом нужно установить платформу node js, чтобы разработчикам были доступны команды npm. через команду npm, мы в дальнейшем установим и сам ...
на прошлом уроке мы сделали верстку слайдера, на этом уроке настроим и стилизуем slick слайдер. настройки slick слайдера просматривая демо-страницу ...
с технологией флексбоксов стало намного проще не только адаптивно верстать сайты, но и выравнивать элементы. раньше с этим было трудновато. ...
как показывает практика, для начинающих фронтендеров, самой большой проблемой при кастомизации slick слайдера, остается настройка стрелок и точек. ...
на этом уроке мы научимся делать простые вкладки на чистом css и никакого javascript. в ряде случаев этого решения вполне достаточно, ограничиваясь ...
стрелки с рамками или стрелки в виде треугольников очень часто можно увидеть в макетах для верстки. эти простые фигуры легко можно нарисовать, ...
значения свойства transition управляют плавной сменой свойств при анимации, наведении и клике на любой элемент. css свойство transition нацелено на улучшение ...
на этом уроке мы разберем, как вставить видео в кастомном видеоплеере на html страницу. в качестве импровизированного видеоплеера, будет использовано ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. во второй части урок нарисовали и запрограммировали кнопку гамбургер. ...
на этом уроке мы реализуем интересный эффект с фокусировкой размытого фона и размытия изображения при наведении в css. при наведении на элемент ...
на большинстве сайтах поля форм обратной связи, по ширине не больше 300 пикселей. форма с максимальной шириной в 320 пикселей целиком поместится ...
все три css свойства flex-basis, flex-grow и flex-shrink управляют размерами элементов внутри контейнера. чтобы адаптивно верстать макеты, вам не обойтись без ...
перед нами сегодня стоит задача создать вкладки (табы) на js. вкладки состоят из заголовков, переключаясь между которыми, в активном показе всегда ...
здравствуйте!в данной статье я хотел бы показать пример программы на python,которая генерирует билеты на основе вопросов из текстового файла. ...
во избежание ошибок в работе скрипта, убедимся, что dom-дерево построено. для этого повесим, обработчик на событие окна браузера, domcontentloaded. после ...
в прошлой статье мы разобрались с теоретической частью сборки фронтенда сайта, а в этой рассмотрим, как на практике, организовать взаимодействие ...
здравствуйте! сегодня мы поговорим с вами о инструкции switch в java. данная инструкция работает также как и аналогичная инструкция в php. так что, ...
изображения являются важнейшей частью любого сайта. являются ли они маркетинговыми баннерами, изображениями продуктов или логотипов, невозможно ...
в первой части, мы учились получать и изменять значение атрибута на jquery. во второй части, напишем программу на jquery - при клике по цветной кнопке, ...
на этом уроке мы сделаем анимацию svg вектора, используя jquery плагин - lazy line painter. суть анимации состоит в постепенном прорисование любого векторного ...
когда программа последовательно выполняет javascript код, от строчки к строчке, то такой код называется синхронным. в примере ниже, в консоль поочередно ...
как с пользой можно применить эффект печатающегося текста на сайтах? первое, что приходит в голову - для фиксирования внимания посетителей на ...
flex блок представляет собой flex-контейнер, внутри которого вдоль основной оси, расположены flex-элементы. это легко представить в виде шашлыка, ...
вы были молодцом и уже прошли курс по основам верстки, хорошо знаете html теги и css свойства. кто-то из вас воспользовался многочисленными бесплатными ...
многие из вас наверняка видели, что при заполнение формы можно поставить галочку в поле с чекбоксом и при вводе пароль станет видимым. сегодня ...
элемент с position: sticky отображается как относительно спозиционированный до тех пор, пока не пересечет заданную границу и тогда он ведет себя как ...
в эпоху процветания интернет-магазинов, как никогда востребованы разработчики, способные реализовать запросы владельцев магазинов. львиная ...
что такое аккордеон в html? это компактный способ отображения контента на сайте. чаще всего это текстовые блоки с информацией, например ответы ...
что такое рекурсия в js? это способность функции вызвать саму себя в своем теле. рекурсивная функция обязательно должна иметь условие завершения, ...
использование всплывающих подсказок на html страницах, прекрасная возможность дать пользователю уточняющую информацию, в удобном для него виде ...
на прошлом уроке, мы закончили с чекбоксом, нам осталось сделать кнопку. шаг 7. внутри блока с формой, сделаем разметку для кнопки, обернем ...
в очередной раз, просматривая вакансии на html-верстальщика, на предмет поиска темы для новой статьи, в списке требований работодателя, наткнулся ...
на этом уроке вы узнаете, как на языке javascript сделать простой спойлер. спойлер на сайте - это скрытая часть контента, которая будет скрыта до тех ...
css библиотека imagehover – это коллекция различных css эффектов при наведении на картинку (hover effects), которые можно применять как к одиночным картинкам, ...
на прошлом уроке мы создали схему структуры сайта, на котором будет 6 категорий, одна из категорий будет состоять из двух подкатегорий. все категории ...
все представленные ниже операции на java пишутся внутри конструкции. данная конструкция автоматически генерируется netbeans-ом, при создании нового ...
предлагаю вашему вниманию конкретный план действий, состоящий из 8 шагов, которые приведут вас от идеи до готовой схемы структуры сайта. схема ...
массив – это набор определенного количества однотипных элементов (структуры данных). по сути, массивы, позволяют нам, не создавать много переменных, ...
существует длинный список языков программирования, которые продолжают существовать по сей день, со своими сильными и слабыми сторонами, облегчая ...
для работы со строками (хранители текстов), разработчики выделили отдельный класс string. строки – это наиболее часто используемый в java, ссылочный ...
при создании веб-сайта мы должны уделять первоочередное внимание цели привлечения посетителей, с тем, чтобы задержать их затем дольше на сайте. ...
я большой сторонник минимализма при планировании html структуры сайта. любой сайт начинается с шапки и если у вас небольшое меню, то желательно ...
статичные блоки с отзывами идеально подходят для классических товарных лендингов. это когда срок жизни лендинга, равен длительности продажи ...
таймер в js нужен для запуска функции (некий набор действий), через заданное количество времени. без таймера эта функция так и так бы запустилась, ...
какой можно сделать сайт на wordpress, без навыков написания кода? ответ простой – любой сайт. а если быть более конкретным, то на wordpress каждый человек ...
в предыдущих статьях о php шаблонизаторе twig, мы рассмотрели такие его особенности как, наследование шаблонов, циклы, условие, кеширование. в ...
внутри контейнера header находится блок навигации nav. меню шапки в свою очередь навигация содержит меню и языковое меню. продолжим html ...
в первой и второй части урока, мы заново создали шапку сайта, но этого не достаточно. при уменьшении ширины экрана до 1000 пикселей, элементы сайта ...
в данной статье мы поговорим о том как работать с датой и временем в mysql. посмотрим как сохранять и извлекать значения данного типа из таблиц. ...
исходя из своего личного опыта, делать адаптивную верстку psd макета по сетке bootstrap, несколько проще, чем на флоатах или флексах. верстку по системе ...
для тех кто решил всерьёз заняться программированием, важно определиться для какой платформы писать приложения. хотя кроссплатформенная разработка ...
веб-разработка и программирование – это одна из наиболее быстро меняющихся сфер. программисту и веб-разработчику для того, чтобы оставаться ...
сегодня мы создадим три вкладки (tabs), переключаясь между которыми, поочередно будет скрываться или снова показываться, содержимое всех вкладок. ...
примеры условных операторов if-else (если-иначе), нам не надо специально придумывать, они приходят из жизни. то, как мы себя ведем или какой делаем ...
у массива на javascript, существует много методов взаимодействия с ним. наиболее часто востребованные, мы и рассмотрим сейчас. добавить элемент ...
здравствуйте! в данной статье речь пойдет о том, как реализовать бесконечную прокрутку контента сайта, аналогично тому, как это реализовано ...
для верстальщика псевдоэлементы и псевдоклассы – незаменимые помощники и я вам это сейчас докажу на примере фрагмента psd макета. дизайнеры ...
на этом уроке мы создадим на чистом css саму иконку гамбургера-меню и с помощью js функции, поменяем её внешний вид, на крестик (x), символизирующий ...
на этом уроке, мы научимся добавлять элементу, по которому кликнул пользователь, класс, чтобы изменить его внешний вид, применяя стили, добавленного ...
переменная – это ячейка, где в промежуточном состоянии хранятся результаты разных операций в процессе программирования. возьмем простое математическое ...
фильтры в jquery помогают отфильтровать все ненужное, а оставить только нужное. они делают выборку элементов более гибкой и точной. в этой статье, ...
на этом уроке мы рассмотрим, как вывести текст в javascript на экран, с двумя разными целями: заменить на другой и добавить к существующему. создадим ...
css анимация, состоит из ключевых кадров @keyframes, куда прописываются стандартные css свойства. собственно для создания эффектной анимации, нужны ...
объявление переменных для того, чтобы объявить в javascript переменную, пишут так: var name; где name – осмысленное название переменной, написанное ...
в этой статье мы разберем основы ajax запросов. научимся настраивать и отправлять запрос, а также получать ответ от сервера. классическая модель ...
почему динамические веб сайты стоит создавать именно на связке php и mysql? простые в изучении большое сообщество отличная документация open-source ...
события jquery мгновенно реагируют на действия пользователя, на такие как клик, движение, наведение мыши и.т.д. эта реакция выражается во внешних ...
на этом уроке, вы узнаете несколько способов выравнивания по центру блока внутри блока по вертикали и горизонтали. в качестве блоков могут быть ...
на этом уроке, мы рассмотрим эффекты в jquery – это такие методы, как hide, show, toggle, slide, fade и animate. создадим тестовый блок для демонстрации примеров ...
на этом уроке мы напишем код popup окна с формой подписки, на чистом css, совсем не используя графику. наша цель, с помощью всплывающего popup окна собрать ...
продолжаем обсуждать работу с датой и временем в mysql. первая часть этой статьи находится здесь вот сразу пример получения текущей даты и времени ...
на предыдущем уроке мы верстали карусель (слайдер) с помощью bootstrap компонента carousel, а на этом уроке нас ждет верстка секции с иконками. секция ...
на этом уроке мы сделаем валидацию номера телефона на js. для этого создадим форму с одним единственным полем, куда пользователь будет вводить ...
здравствуйте, уважаемые посетители сайта myrusakov.ru! как вы знаете, недавно я запустил несколько новых видео курсов связанных с языком java и поэтому ...
сегодня вы узнаете, как сделать всплывающую форму на css+js, чтобы она появлялась и исчезала при клике на кнопку. по такому же принципу вместо ...
на фриланс биржах, можно часто увидеть заголовки с заданиями от заказчиков: "нужно ускорить загрузку сайта на wordpress". думаю, что эта тема будет ...
сегодня мы научимся показывать и скрывать текст, при клике по кнопке, на чистом javascript. такой прием обычно используют на сайтах, с целью экономии ...
при посещении тех или иных сайтов можно заметить такую особенность, когда при выделении текста на странице, он может менять свой стиль. такого ...
при создании сайтов периодически возникает необходимость запретить прямой доступ к файлам определенных типов. сделать это можно различными ...
на прошлом уроке была сделана html разметка для дальнейшей верстки psd макета. как и ожидалось все блоки и секции встали друг под друга - это и есть ...
на прошлом уроке была сделана верстка секции по psd макету. сейчас наш сайт хорошо смотрится на больших и средних мониторах. но что произойдет, ...
перед теми кто начинает программировать на java, сразу возникают два вопроса: как скомпилировать, и как запустить программу на java? в одной из ...
каждый начинающий веб-разработчик рано или поздно сталкивается с задачей, реализовать на сайте модальное окно (аналог pop-up окна). модальное ...
представим, что нам необходимо разобрать большой файл с логами либо еще с какими-то данными.как правило, при работе с большими файлами самой ...
многие люди, начинающие изучать язык программирования java, изучив основы, не двигаются никуда дальше. кстати это касается не только начинающих ...
сегодня мы создадим на чистом js коде – меню аккордеон с тремя секциями, при клике на которые, будет открываться панель с текстом, а при втором ...
как сделать массовый импорт товаров в интернет-магазин, работающий на плагине wordpress – woocommerce? совсем недавно этого нельзя было сделать бесплатно, ...
одна из тех вещей, которые отнимают больше всего времени и сил при попытке их реализации с помощью чистого javascript это установка минимальной ...
bem – это методология, разработанная в яндексе, расшифровывается, как: блок__элемент_модификатор идея bem-а состоит в изолированности блоков ...
сегодня мы поговорим о требуемых навыках для работы не на фрилансе, а в офисе, как на месте, так и удаленно. просматривая размещенные вакансии ...
сегодня вы узнаете как сделать чекбокс на html и добавить ему css стилей для лучшей совместимости с дизайном сайта. демонстрация чекбокс на ...
верстка писем для email рассылки непростая задача, требующая нестандартного подхода от верстальщика. в чем состоит, трудность, верстки писем? ...
итак, на этом уроке делаем верстку последней секции макета по сетке bootstrap. секция с корзиной верстаем уже по накатанной схеме: секция -> ...
в данной статье я расскажу вам, что такое шаблонизатор twig, и чем он может помочь веб-разработчику. любой, кто уже пытался разрабатывать свой ...
какие кнопки обычно встречаются на сайте? я разделили бы их на два вида: кнопки внутри формы и кнопки-ссылки. и те и другие необходимо уметь верстать. ...
в прошлой статье мы начали обсуждать, что такое шаблонизатор twig, а в этой статье мы продолжим рассматривать его и начнем с основной настройки ...
на прошлом уроке, мы создали анимацию для кнопки гамбургер, без привязки к меню. на этом уроке привяжем к нашей кнопке адаптивное меню. на мобильных ...
на прошлом уроке, мы привязали к кнопке гамбургер выезжающее меню при клике по ней. посмотрите демонстрационный пример прошлого урока, как ...
можно бесконечно долго изучать html теги и css свойства, но эти знания сами по себе ничего не дают. нужно брать psd макет и начинать верстать, закрепляя ...
секция с фотографиями на секции с портфолио, вы узнаете, как верстать на flexbox. мы имеем дело с нестандартным расположением фотографий, одна ...
сегодня мы поговорим о том, что такое якорь в html, как это работает, да так, чтобы действие произошло плавно. якорь – это знак решетки, который ...
на этом уроке мы научимся делать простое адаптивное портфолио, где количество столбцов, меняется в зависимости от ширины экрана на просматриваемом ...
в прошлой статье мы говорили о том, как превратить php скрипт в консольную команду для выполнения рутинных действий. а в этой посмотрим как разобрать ...
у посетителя сайта, должна быть возможность, быстро вернуться наверх, если он дошел до конца страницы. обычно в правом нижнем углу браузера, ...
по умолчанию маркером списка ul, служит простая черная точка. я знаю, что многие начинающие верстальщики, используют маркированные списки для ...
на этом уроке мы подробно разберем, как сделать карточку товара на css. под карточкой товара, я подразумеваю продающую карточку в интернет-магазинах. ...
данный скрипт позволяет распаковать загруженный на сервер архив в заданную папку. код функции распаковки: /** * распаковка архива * ...
для верстальщика обязательным порядком необходимо уметь стилизовать разные элементы формы. согласитесь, что вряд ли дизайнер оставит форму, ...
давайте немного освежим в памяти, для чего нужны radio кнопки на сайтах. radio кнопка – это переключатель, который используют в формах, когда пользователю ...
темой сегодняшнего урока, будет создание прогресс бара. это длинная полоска, которая заполняется цветом, по мере выполнения какой-либо задачи, ...
валидация формы – это функция, проверяющая вводимую пользователем информацию, при заполнении формы. если пользователь что-то пропустил или ...
на этом уроке вы узнаете, как на языке javascript показать и скрыть любой элемент на сайте, кликнув по кнопке. html структура в html разметке присутствует ...
на этом уроке мы с вами научимся, как быстро и легко сделать на сайте симпатичный анимированный фон. для этого нужно подключить и настроить замечательный ...
как известно, людям всегда больше нравится интерпретировать картинки, чем текст. это подтверждается биологическим фактом, что 90% фактов, поступающих ...
как правило, начинающие изучать веб-разработку люди уже знают, как легко можно поменять внешний вид элемента с помощью css стилей. но менять стили ...
в данной статье мы рассмотрим с вами как можно быстро создать графическое приложение с использованием библиотеки python tkinter. проектировать мы ...
как преобразовать обычный список в массив, используя программу vscode и регулярные выражения? предположим вам нужно занести в базу данных сайта ...
флаги в регулярных выражениях уточняют каким образом нужно искать, если это важно. в противном случае, флаги не обязательно добавлять к регулярному ...
управление областями в css grid можно ячейки объединять в области. ниже представлен шаблон, в котором при разрешении меньше 540 пикселей, верстка ...
на этом уроке разберем, как верстальщикам использовать css grid технологию на примере типичной блог-секции. мы не будем отвлекаться на css-свойства ...
использовать или нет на сайте прелоадер - вопрос индивидуальный. например для одностраничника, с минимальным количеством графики и изображений, ...
предположим, что мы создали html страницу с заголовком «урок по javascript #1» и неким текстом. затем мы передумали и решили заменить старый заголовок ...
после прочтения этой статьи, у начинающего разработчика по крайней мере на один вопрос будет меньше. заказчики часто просят исполнителя изменить ...
c++ появился в далеком 1980 году, все время развивался и по сей день носит титул самого быстрого языка программирования. среди других низкоуровневых ...
например, по какой-то причине вам нужно перенаправить посетителей с одного сайта на другой. только сделать это без мгновенного редиректа в лоб, ...
здравствуйте! сегодня я хотел бы рассказать вам о научных вычислениях с использованием языка python и модуля scipy. во многих научных вычислениях ...
если вы задумываетесь над созданием собственной игры, но не хотите переходить на другой язык ради карьеры разработчика игр, то для этого есть ...
в предыдущей статье мы начали создание проекта игры asteroids. для этого был создан базовый класс игры с конструктором и основными методами игры. ...
в предыдущей статье мы реализовали проект pygame, в результате чего на экран выводится окно с игровым полем, которое вы можете закрыть, нажав клавишу. ...
структурой данных называется способ организации или хранения данных для эффективного с ними взаимодействия. в программировании мы все время ...
в предыдущей статье мы создали и отобразили красивое игровое поле с помощью pygame и python. и на данный момент наша программа отображает фоновое ...
в python скрипте ниже мы рассмотрим как подсчитать количества определенных дней недели в диапазоне дат в python. где это может понадобиться? допустим, ...
grid с появлением grid css, у верстальщиков появилось ещё больше возможностей. данное свойство учитывает горизонтальное и вертикальное расположение ...
в прошлых статьях по созданию игры с python и pygame мы добились отображения корабля на фоне изображения космического пространства. но что можно ...
сегодня поговорим о том, как сделать анимацию чисел на сайте - полезный эффект увеличения чисел, который часто можно увидеть на лендингах. данный ...
в прошлой статье мы рассмотрели с вами как установить visual studio 2019. а в этой непосредственно приступим к разработке первого приложения на c#. ...
как вы поняли из прошлой статьи про диапазоны дат, что в нативном javascript неудобно работать с форматами дат. поэтому и была разработана библиотека ...
вокруг ооп (объектно-ориентированное программирование) слагается огромное количество мифов и легенд. сложилась ситуация, при которой опытные ...
это вторая статья про наследование в javascript, первая статья здесь. в данной статье мы обсудим наследование статических методов в javascript. производный ...
продолжаем делать выезжающее боковое меню по клику, в первой части урока была сделана html-разметка, стилизованы все селекторы, теперь осталось ...
на этом уроке я расскажу как подключить и настроить самый современный сенсорный слайдер swiper. есть несколько причин, почему swiper лучший слайдер ...
на этом уроке разберем настройки популярного yoast seo плагина (версия 15.4) для использования в онлайн-магазинах, работающих на основе woocommerce плагина. ...
в плагине woocommerce фильтрация товаров основана на атрибутах. атрибут - это разновидность товара по цвету, размеру, стилю, назначению. у разных товаров ...
метод splice() очень гибкий инструмент для работы с массивом. он умеет добавлять, удалять и заменять элементы массива и может принимать до 3-ех аргументов. ...
я хочу вывести иконки социальных сетей в верхнем правом углу шапки сайта с помощью хуков. поскольку верхняя область у меня уже занята ссылками, ...
шорткод woocommerce - это короткий код для вывода товаров, страниц и категорий. при запуске короткий код развернется в полноценный код. шорткоды woocommerce ...
на этом уроке вы узнаете, как стилизовать стандартные радио кнопки под свой дизайн, с помощью html и css. на сайтах радио кнопки чаще всего используются ...
прежде чем использовать и публиковать изображения на веб-сайте, сначала их необходимо подготовить. подготовка включает в себя уменьшение веса ...
до боли знакомая ситуация, когда вы заполняя форму авторизации, казалось бы внимательно вбиваете каждый символ имени пользователя и пароля. ...
на этом уроке разберем как можно имитировать ввод текста с клавиатуры с помощью css анимации. эффект печатающегося текста способен оживить вашу ...
в первой части урока мы нарисовали сам слайдер с использованием html и css, во второй части создадим кнопки prev / next и напишем javascript код для управления ...
в предыдущих статьях про python и pygame мы создали и отобразили игровой объект в виде космического корабля. в сегодняшней статье мы создадим для ...
продолжаем покорять космические просторы с python и pygame.в прошлой статье мы придали кораблю возможность управления с помощью клавиш. в сегодняшней ...
с некоторых пор я получаю много вопросов об асинхронном программировании. и, поняв, что данная тема интересует многих моих читателей, я решил ...
локализация - это процесс адаптации продукта или контента к определенному рынку или региону. она является важной при выходе на зарубежные ...
css свойство align-items управляет элементами по вертикали в системе grid layout. на этом уроке, вы увидите все возможные варианты расположения элементов ...
кнопка-переключатель, напоминающая гамбургер, решает проблему нехватки места для полноценного меню, на маленьких устройствах. н этом уроке ...
прозрачная форма на фоне какого-нибудь девственного пейзажа - любимая тема веб-дизайнеров. как верстать такую форму? с этим нам предстоит сегодня ...
шаг 1) создание html-разметки сделать кнопку можно разными способами: через тег button, div или a. я предпочитаю сделать это сразу через ссылку a, поскольку ...
html код html разметка состоит из элементов маркированного списка, внутри блока div. <div class="list">     <h2>list item hover effect</h2>     <ul> ...
обычно форма поиска как минимум состоит из двух полей input: это текстовое поле, куда пользователь вводит ключевое поисковое слово и кнопки "поиск". ...
в данной статье мы продолжим изучать функции queryselector и queryselectorall. про queryselector я уже рассказывал в этой статье, поэтому сейчас я расскажу вам про ...
эта статья является продолжением предыдущей статьи. в заключительной части последней мы говорили об использовании анонимных классов в javascript, ...
на этом уроке вы узнаете, как сделать градиентную рамку с размытыми краями для блоков. данный css-эффект построен на градиентах, заданных псевдоэлементам. ...
эта статья является продолжением предыдущей статьи про параметры по умолчанию в javascript. теперь давайте рассмотрим несколько примеров, чтобы ...
на первый взгляд может показаться, что шаблонная строка в es6 похожа на улучшенную версию обычной строки javascript. но отличительная разница между ...
в предыдущей статье по структурам данных в python мы говорили о наиболее часто используемых типах данных, таких как списки, словари и их разновидности. ...
сделать на css красивую градиентную тень вместо обычной серовато-черного цвета? это никакая не сверхзадача, css легко с этим справляется. создание ...
этот необычный эффект строится на двухслойности: нижний слой желтый, а верхний - синий. двигая мышкой слева направо, вы постепенно убираете верхний ...
в этой статье вы узнаете о шаблонных строках в javascript, которые упрощают работу со строками. до es6 мы использовали только одинарные кавычки ...
это будет не просто очередная статья в стиле "копирайтеров-теоретиков" на тему, что такое "бесплатный конструктор сайтов mobirise". прежде, чем приступить ...
в этой небольшой статье мы научимся сохранять массивы и объекты javascript в локальном хранилище браузера – html5 localstorage. сохранение массива в ...
на этом уроке мы сделаем меню с красивым эффектом при наведении с использованием псевдоэлементов - :after и :before. что такое псевдоэлементы, мы очень ...
сегодня мы научимся рисовать дуги и окружности. сделать это можно с помощью метода arc, который рисует дугу из центра в заданной точке с координатами ...
различные hover эффекты на кнопках служат для привлечения внимания пользователей, чтобы побудить их к активным действиям. сегодня мы рассмотрим, ...
в предыдущей статье мы добавили новые свойства к игровому объекту. в результате чего, наш космический корабль двигается и вращается! однако, ...
замечательно то, что на canvas можно не только рисовать, но и анимировать объекты. для этого у javascript есть полный набор инструментов. вы узнаете, ...
на этом уроке нарисуем пчелу с помощью окружностей и анимируем ее так, чтобы она летала. создание анимации в javascript состоит из повторяющегося ...
на этом уроке мы создадим простую css анимацию появления текста. разобьем наш текст на отдельные фразы и будем их друг за другом прокручивать ...
сегодня вы узнаете, как при помощи готового решения parallax плагина, можно анимировать фон при движении мышью. в качестве фона у нас будет космическое ...
в предыдущей статье по python и pygame мы завершили создание логики для космического корабля. но корабль все еще один в пустом пространстве. пора добавить ...
сегодня мы рассмотрим простой, но интересный эффект появления рамки из центра, при наведении на кнопку. в качестве объекта наведения может быть ...
формат svg дает новые возможности для рисования различных фигур и анимирования их. сегодня мы рассмотрим svg hover эффект на кнопку. создадим внешний ...
все, кто хоть немного взаимодействуют с компьютером, неизбежно сталкиваются с однотипными задачами: скачивание видеороликов с youtube, переименование ...
в одной из прошлых статей по css, мы попытались с имитировать эффект неоновой вывески. и одна особенность, которую можно заметить в неоновых вывесках, ...
на этом уроке мы научимся делать простой hover эффект для кнопки с помощью псевдокласса :nth-child. на кнопке есть текст - button, при наведении курсора ...
уже трудно себе представить современные сайты без иконок и вообще без графики. вся графика, которую мы видим на сайтах может быть растровой ...
продолжаем совершенствовать игру asteroids c python и pygame. и на текущий момент, на игровом поле отображается один космический корабль, которым можно ...
компонентный фреймворк svelte.js используется для создания интерфейсов без перезагрузки страницы и этим он очень похож на vue.js и react.js. но у него ...
операционная система android у мобильных устройств основана на ядре linux и приложения для нее пишутся на языке java. любая программа состоит из множества ...
при заполнении различных отчетов на сайтах, часто появляется необходимость позволить пользователям загружать на свой пк сформированный ...
все атрибуты у html элементов, начинающиеся с префикса data-*, являются пользовательскими. data атрибуты можно использовать для дополнительной стилизации, ...
если вы когда-либо видели что-то подобное:  p.then(function(result) {    // выполняем некое действие с результатом   }); то вы уже находитесь ...
css свойство transform-origin позволяет задать местоположение точки, относительно которой происходит трансформация (смещение, деформация, вращение, ...
часть 1 часть 2 часть 3 используя готовые пакеты программного обеспечения для разработки сайтов, вы лишаетесь опыта работы в области администрирования ...
на этом уроке мы научимся выводить на странице значения координат (x, y) курсора, в момент движения мыши внутри блока с помощью javascript. определение ...
на данном уроке мы познакомимся с технологией drag-and-drop, дословный перевод тяни и бросай. задача реализуется путем захвата элемента и перемещения ...
при верстке страниц часто возникает ситуация, когда для многих из них меняется только содержимое, тогда как, такие блоки как заголовок, меню ...
когда мы имеем дело с большими вложенными списками, было бы хорошо сделать их как можно компактнее. javascript отлично справится с поставленной задачей. ...
сегодня мы разберем 3 основных способа выравнивания блоков по ширине с помощью css. 1. выравнивание блоков на flexbox на данный момент способ выравнивания ...
какое количество сюжетов используется в голливудских фильмах? некоторые критики говорят, что их всего пять. а сколькими способами можно структурировать ...
сегодня мы поговорим о том, как использовать простую javascript библиотеку, которая строит несложные графики в формате svg. библиотека morris.js позволяет ...
доброго времени суток, уважаемые посетители! сегодня я хотел бы поговорить с вами о том, что за зверь такой parcel js. порог входа в любую предметную ...
относительно недавно один из моих учеников спросил меня: как сделать так, чтобы при нажатии на кнопку элемент страницы (параграф, картинка и ...
на этом уроке я покажу, как буквально за считанные минуты можно бесплатно сделать гифку из видео с помощью онлайн-сервиса giphy. работать с данным ...
сегодня мы поговорим о сервисе icomoon, который позволяет создавать шрифтовые иконки для различных проектов. что же это за шрифты и в чем их преимущества? ...
регулярные выражения нужны для поиска по тексту, для замены в тексте или для проверки на совпадение с неким шаблоном. это когда вы регистрируйтесь ...
многие люди не имеют четкого представления, что такое «удаленка» и что такое фриланс. а некоторые вообще пребывают в полной уверенности, ...
на этом уроке мы разберем основные правила css анимации на веб-странице, которые можно применить к любому элементу, а не только к тексту. просто ...
часть 1 часть 2 у начинающих php-разработчиков возникает соблазн получить все и сразу, установив такие пакеты, как xampp, wamp, mamp или easyphp. аббревиатура ...
данный эффект хорошо подходит при наведении на ссылки в навигационных меню или в пагинациях. ссылки помещены в рамки определенного цвета, при ...
всем частным компаниям или государственным организациям необходимо размещать в контактах карту их местоположения. поисковая система google, ...
можно на поставленный в названии статьи вопрос, ответить одним словом – из-за админки. вам конечно, скажет любой программист, не делайте этого! ...
set (множество) - это объект, в котором могут хранится только уникальные значения любого типа данных (примитивы и другие типы объектов). создание ...
вам срочно нужна на сайт всплывающая форма, но вы ещё не дружите с javascript? тогда стоит внимательно изучить этот урок, чтобы понять в чем заключается ...
первая часть этой статьи находится здесь, а в данной статье мы продолжим обсуждать десять частых ошибок в ux дизайне. ошибка 6: пространство ...
несмотря на то, что платных или бесплатных wordpress тем, создано уже огромное количество, редко кто использует их на своих сайтах так, как есть. даже ...
javascript является языком программирования с нестрогой типизацией данных. что это означает на практике? например присвоив переменной x число 10 ...
чем это хорошо самостоятельно рисовать иконки на чистом css, когда можно за считанные минуты найти любую иконку на иконочных сервисах и вставить ...
вначале урока по созданию иконки юзера, мы выяснили, почему лучше предпочесть иконки на css, против готовых шрифтовых. на этом уроке, мы научимся ...
javascript - это гибкий и мощный язык программирования, который реализуется различными веб-браузерами. наряду с html и css, это основной компонент ...
на этом уроке мы разберем три разных эффекта при наведении на кнопку. посмотрите демо на codepen html разметка создадим в разметке три разных ...
существует несколько способов создания блоков со скошенными углами на css. блоки со скошенными углами можно использовать для секций или для ...
где на сайте можно использовать угловую ленту? например ленту можно добавить на блок с ценами, скидками, подарками или украсить карточку с лучшим ...
известно, что веб-дизайнер рисует макет сайта, а верстальщик делает верстку, то есть пишет html/css код. а что именно он пишет на html странице? все ...
наверняка вы много раз видели на сайтах, как фоновая картинка при прокрутке вниз плавно уменьшалась в размерах до полного исчезновения, чтобы ...
oauth 2.0 - это открытый протокол авторизации, который позволяет одним приложениям получать доступ к данным других приложений. например, игровое ...
на этом уроке мы с вами нарисуем первую букву логотипа google, используя css свойство border и псевдоэлемент. цвет логотипа google первым делом определим, ...
на этом уроке мы научимся рисовать речевые и мыслительные выноски, которые применяются в комиксах. нередко подобный комиксовый стиль можно ...
представленный ниже скрипт позволяет преобразовать число из одной системы счисления в другую: // немедленно вызываемя функция ...
любой веб-разработчик в ежедневной рутине сталкивается с шаблонами и макетами, состоящие из определенного набора компонентов. большая часть ...
на прошлом уроке мы подключили materialize, чтобы уже прямо сейчас использовать этот фреймворк на практике. вы увидите, как легко и быстро, пользуясь ...
часть 1 когда вы разрабатываете сайт на своем собственном компьютере, потенциальные посетители, набрав в браузере адрес http://myrusakov.ru ...
на этом уроке, мы сделаем таймер обратного отсчета на javascript, используя уже готовую верстку на html и css. если на странице вашего сайта или лендинга ...
конструктор яндекс карт независимо от этого куда вы в дальнейшем будете вставлять яндекс карту, первый шаг всегда начинается с конструктора ...
не секрет, что вероятнее всего верстка, старательно выполненная верстальщиком по psd макету, а дальнейшем перекочует в руки к специалисту по ...
доброго времени суток! я уже рассказывал, что такое orm. вот здесь находится статья. а в данной статье я покажу как просто можно настроить orm в ...
на прошлом уроке мы создали новый тип записи post type book более подходящий для продажи книг, а на этом уроке научимся создавать для него таксономию ...
на этом уроке мы научимся создавать свои шаблоны (custom template) для страниц на wordpress-е. не для всех страниц сайта подходят типовые блоговые страницы. ...
на сегодняшнем уроке мы познакомимся с понятием custom post type, а также научимся создавать свой кастомный post type и шаблон для него. custom post type это одно ...
не всякий раз верстка бесплатных макетов в учебных целях, хорошая идея. такое занятие требует много времени и высока вероятность, что вам быстро ...
что такое a/b тестирование сайта a/b тестирование - это сравнение двух страниц с разным дизайном, но в одинаковых условиях, чтобы выяснить какая ...
на прошлом уроке мы узнали, что такое utm-метки и настроили get-запросы меток в скрытых полях формы. на этом уроке вы узнаете, как получить данные ...
из этой статьи вы узнаете как сделать сайдбар на wordpress. сайдбаром мы называем правую или левую колонку сайта, на которой размещены виджеты. виджеты ...
чтобы сделать свою версию этого дизайна, на первых порах вам не нужен photoshop и дизайнерские навыки. простые вещи можно сделать легко и быстро, ...
у вас на руках есть готовый дизайн для футболки. что с ним делать дальше? как получить готовый продукт в свой интернет-магазин? для начала нужно ...
c# (по анг. csharp) был разработан компанией microsoft в 2000 году и является основным конкурентом самого быстрого языка программирования с++. он достаточно ...
что вообще должно происходить с этими кнопками и карточками товаров? при клике пользователя по черной кнопке, на сайте должны остаться только ...
css3 свойство box-sizing может принимать два значения: первое по умолчанию - content-box (его не нужно указывать) и второе - border-box. именно последнее значение ...
на этом уроке мы разберем пример поворачивающейся карточки с картинкой. с лицевой стороны у карточки картинка, на обратной стороне - текст. при ...
градиент - это плавный переход от одного цвета к другому. в веб-дизайне мы часто сталкиваемся с фоновыми и интерфейсными градиентами и намного ...
эта статья является продолжением предыдущей статьи. первая часть находится здесь хотя в реальности, мы редко когда манипулируем временем, ...
на прошлом уроке вы научились создавать свой собственный сайдбар, а на этом уроке вы узнаете как создать свой виджет на wordpress. виджет - это модуль, ...
стрелочные функции появились начиная с es6 и очень сильно изменили качество написания кода. так чем же они хороши? главная причина появления ...
эта статья является продолжением предыдущей статьи, которая находится здесь. шаг 3: кодирование отображаемого кода для предотвращения межсайтового ...
в прошлой статье мы говорили о цепочке вызовов методов объекта javascript promise для последовательного преобразования результата асинхронной операции ...
для начинающих верстальщиков проблематика не прижатого футера, какое-то время может быть не очевидна. когда контента хватает на всю высоту ...
на этом уроке создадим тест с вопросами и полями для ввода ответов для дальнейшего размещения на сайте. вопросы и ответы теста хранятся в последовательно ...
доброго времени суток всем! сегодня я покажу вам как можно, на чистом css cделать выпадающий блок. в основе всего примера лежит использование ...
для чего нужен движок unreal engine unreal engine - это бесплатный и кроссплатформенный игровой движок, разрабатываемый и поддерживаемый компанией epic ...
javascript является объектно-ориентированным языком (ооп) и главную роль в нем играет объект. он может в себе содержать методы, свойства, а также любой ...
перед нами стоит задача создать и вывести на страницу список книг из массива, хранящегося в базе данных на сервере. на практике это значит, что ...
плагин eslint - это лучший помощник для отлавливания ошибок в процессе написания javascript кода. предупреждая нас о них прямо на лету в редакторе кода. ...
эта статья является продолжением предыдущей статьи, которая находится здесь. существует несколько популярных конкурирующих форматов ...
данный скрипт позволяет переводить предложения из киррилицы в транслит. это нужно, например для формирования ссылки на товар в интернет-магазине. ...
на этом уроке мы рассмотрим один из вариантов создания анимации на javascript, через функцию requestanimationframe. по большому счету существует два способа, ...
css grid - технология верстки макетов, которая позволяет буквально в пару строк кода получить адаптивную сетку. однако, при центрировании содержимого ...
в данной статье мы поговорим с вами, что такое cors, где оно используется и реализуем его. итак, согласно документации cross-origin resource sharing (cors) — ...
жизнь не стоит на месте и вот в очередной нас порадовали разработчики самого популярного css-фреймворка bootstrap. наконец-то вышла новая версия bootstrap ...
деструктуризация - это новый синтаксис es6, который помогает присваивать несколько значений из массива или объекта в переменные. деструктуризация ...
несоблюдение html и css правил, приводит к массе ошибок при верстке. исправить которые, бывает не так просто для начинающих верстальщиков. сегодня ...
на этом уроке продолжим разбор ошибок начинающих верстальщиков. первые две ошибки были связаны с использованием строчных и блочных элементов. ...
при работе с большим количеством изображений — будь то фотографии, скриншоты или графика для сайта — часто возникает необходимость изменить ...