0.00
0 читателей, 4766 топиков

Вычисления в CSS: calc(), min(), max(), clamp()


23 декабря в 20:00 пройдёт открытый вебинар «Вычисления в CSS: calc(), min(), max(), clamp()».

Автор: Сабанцев Владимир, преподаватель курсов «Основы вёрстки», «Веб для начинающих» и «Vue.js» в LoftSchool.

При помощи этих функций CSS (calc(), min(), max(), clamp()) мы можем рассчитывать размеры элементов, отталкиваясь, к примеру, от размеров окна или родителя, и гибко управлять типографикой.
Так же эти функции позволяют писать меньше кода и медиа-запросов. Как это работает? Разберём на вебинаре.

Занятие рассчитано на новичков, которые уже имели опыт верстки (и желательно адаптива).

Подпишитесь на канал и поставьте напоминание, чтобы не пропустить.

Код с вебинара — github.com/loftschool/css-math-webinar

JavaScript Основы для Начинающих - Полный Курс за 6 часов [2020]


Полный практический курс по JavaScript — clc.to/senior

Таймкоды на все важные разделы JS в описании. Что в курсе: что такое JavaScript, переменные, типы данных, числа, BigInt, все о строках, функции, стрелочные функции, массивы, объекты, асинхронность, Promise, async await, работа с DOM и все это с использованием актуального синтаксиса 2020

Подписывайся на соц сети:
Telegram: teleg.one/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Мои Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Содержание:
0:00:00 — Введение
0:01:31 — Что такое JavaScript
0:29:44 — Основы
1:43:52 — Числа BigInt
2:21:24 — Строки
2:41:21 — Функции
3:03:39 — Массивы
3:45:06 — Объекты
4:20:50 — Асинхронность
4:41:03 — Работа с DOM
5:39:29 — Заключение

Исходники в телеграм канале:
teleg.one/js_by_vladilen

#javascript #js

Ошибки начинающих при верстке сайтов на HTML и CSS


В этом видео разберем частые ошибки, которые делают начинающие верстальщики при верстке сайта на HTML и CSS. Разберем ошибки на практике и поделюсь своими советами.

Главы видео:
00:00 — 00:00:19 — Введение
00:00:19 — Семантика
00:01:23 — margin/padding
00:04:55 — Фиксированная высота
00:06:49 — Межстрочный отступ
00:08:15 — Адаптивные изображения
00:09:53 — Логика блоков и элементов
00:12:28 — Работа с элементами форм
00:13:59 — Верстка textarea
00:15:45 — Стилизация :focus
00:17:33 — Оптимизация селекторов
00:19:25 — Стили на разных тегах
00:20:59 — Элементов может быть больше
00:22:29 — Декоративные элементы

// О проекте =================

Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке — HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.

На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.

// Соц. сети =================

Мой ВК — vk.com/odimaz

Группа BC — vk.com/brainscloud

Мой Instagram: www.instagram.com/dmitryvalak/

Пятнадцать технологий, которые изменят мир в ближайшие десять лет.


1. Быстрое строительство- www.youtube.com/watch?v=HAj85x6TuwI
2. Новая тех-я доб. золота. www.youtube.com/watch?v=4pVQBwB4D7s
3. Ямочный ремонт дорог. www.youtube.com/watch?v=prrJcVDX1IU
4. Летающие поезда. www.youtube.com/watch?v=IFdlx2Hxqr0 2. www.youtube.com/watch?v=ON1j2TJCoQU
5. Транспорт второго уровня. www.youtube.com/watch?v=easEs0NUGCE
6. Драйв маркет. www.youtube.com/watch?v=cl_pfcJ4hho 2. www.youtube.com/watch?v=hUpU_jocXQM
7. Подземная доставка посылок. www.youtube.com/watch?v=vLqzx_qg554
8. Ресторан быстрого обслуживания. www.youtube.com/watch?v=QSNbSucyZ4A
9. Быстрое строительство дорог. www.youtube.com/watch?v=p_ZNgyWd3UU
10. Вертикальные оранжереи. www.youtube.com/watch?v=-9zJJ-hsSNc
11. Будущее стоматологи. www.youtube.com/watch?v=G5Wa5v4cA5Y
12. Микрохирургия. www.youtube.com/watch?v=bygPK0x1M78
13. Дом трансформер. www.youtube.com/watch?v=gTGVqZX4o0w
14. Сейсмо защитная кровать. www.youtube.com/watch?v=vgVboyyeHIw
15. Высоко скоростной транспорт. www.youtube.com/watch?v=Q8UH1DG88Js
خمسة عشر تقنيات ستغير العالم في السنوات العشر القادمة.
Fifteen technologies that will change the world in the next ten years.
十五項技術將在未來十年內改變世界。
今後10年間で世界を変える15の技術。
פיפטין טעקנאַלאַדזשיז וואָס וועט טוישן די וועלט אין דער ווייַטער צען יאר.
חמש עשרה טכנולוגיות שישנו את העולם בעשר השנים הקרובות.
Lima belas teknologi yang akan mengubah dunia dalam sepuluh tahun ke depan.
Quince tecnologías que cambiarán el mundo en los próximos diez años.
Mười lăm công nghệ sẽ thay đổi thế giới trong mười năm tới.
Quinze technologies qui vont changer le monde dans les dix prochaines années.

МЕНЯ ПЫТАЛИСЬ ВЗЛОМАТЬ


goo.gl/nwMBQK — сервис проверки паролей
Наш Telegram канал — t.me/overlamer1
Второй канал — www.youtube.com/c/igorover
Паблик — overpublic1 — vk.com/over_view

Заказать рекламу вы можете здесь:
bit.ly/2nChGY8

Инстаграмчик здесь:
www.instagram.com/overbafer1

AliExpress в рамках закона [Bad AliExpress]:
vk.com/public137607137

Некультурный AliExpress:
vk.com/public146011210

Меня недавно пытались взломать. Путем фишинга был создан фейк сайт google.com со страницей авторизации. Заметил я это уже после того как вернулся домой, через несколько дней.
Сообщение поступило несколько дней назад от Google AdSence, мол для активации платных подписок мне необходимо авторизовать свой аккаунт. С телефона я это делать не стал, и решил подождать. По приезду домой я увидел, что ссылка на Google AdSence была скомпрометирована. Вместо нее браузер открыл ссылку на ngrok.io. Напомню вам, что данный сервис предназначен для создания доступа устройств из внутренней сети в глобальную. Скажем у вас есть принтер, и вы хотите, чтобы им могли управлять за тысячу километров. Этим ngrok воспользовались мошенники, создав фейковую страницу авторизации google.com
К сожалению для них этого сделать не получилось, зря старались.

Создание и настройка сети WINDOWS 10 | Если не отображаются общие папки


Если не работают описанные в видео способы, можно попробовать отключить вспомогательный протокол TCP/IPv6 для сетевого адаптера (благодарность WinDoor) или…

Если один из компьютеров все же не видит другие компьютеры в сети, но сам он по сети для них доступен, попробуйте подключиться, задав непосредственно в Проводнике путь вида ИМЯКОМПЬЮТЕРА или IPКОМПЬЮТЕРА (благодарность Олегу Кабатову).

При возникновении ошибки: «0x80070035 Не найден сетевой путь». Для подключения с Windows 10 (от версии 1709 и выше) или Windows Server к ранним версиям или релизам Windows, нужно включить небезопасные сетевые входы для той машины, с которой производится подключение и на которой возникает ошибка.
ПКМ по кнопке Пуск → выполнить → ввести команду gpedit.msc
Перейти: Конфигурация компьютера → Административные шаблоны → Сеть → Рабочая станция Lanman → Выбрать и включить параметр «Небезопасные сетевые входы»

При возникновении ошибки доступа к учётной записи, вида «Нет прав» или «Ограничения...», нужно отключить использование пустых паролей только при консольном входе (благодарность за метод Андрею Сенчихину). Чтобы отключить: Выполнить (Run) → ввести команду gpedit.msc → конфигурация компьютера (Computer Configuration) → настройки безопасности (Security Settings) → Локальные политики (Local Policies) → Параметры безопасности (Security Options) → ищем политику «Учётные записи: разрешить использование пустых паролей только при консольном входе (Accounts: Limit local accounts use of blank passwords to console logon only)» → выставляем «отключить» (Disable). Этот метод используем, если ко всем компам сети есть доверие.

Если при попытке войти в локальные политики через gpedit.msc выходит ошибка о том, что имя введено неверно, значит, редакция Windows 10 ниже, чем Pro. Решение см. ниже — в закреплённом комментарии.

Сайт Кондратиков: kondratiki.pro
Группа ВК с полезным лутом: vk.com/kondratikipro

7 бесплатных программ для анимации


1) Vectorian Giotto — download.cnet.com/Vectorian-Giotto/3000-6676_4-10524392.html
2) Pencil 2d — www.pencil2d.org/
3) Tupi 2d — sourceforge.net/projects/tupi2d/
4) Anime Effects — animeeffects.org/en/
5) DragonBones — dragonbones.com/en/download.html#.Wb-yg8hJbBU
6) Synfig studio — gumroad.com/synfig
7) OpenToonz — (Видео с инструкцией) www.youtube.com/watch?v=XhVjBj5pqc0

Правильные знания и обязательные программы для компьютера


Разбираемся какие на самом деле программы являются обязательными для любого компьютера. И конечно же рассмотрим несколько программы для комфорта за компьютером.

INSTAGRAM: www.instagram.com/voronxak/
*************************************************************
Я в VK: vk.com/ivan.voronin

Подписаться на канал автора: www.youtube.com/c/IvanVoronin-VoRoNXaK

Группа компьютерной поддержки Вконтакте: vk.com/voron_xak

А тут я помогаю в одноклассниках: ok.ru/onlinekom

Прочитать полную версию статьи: Какие программы должны быть на каждом компьютере обязательно: voron-xak.ru/vseokompe/pravilnye-znaniya-i-obyazatelnye-programmy-dlya-kompyutera.html

Штативы для телефона cвоими руками. Часть 2


Это видео — продолжение, в котором также показаны интересные способы создания штативов своими руками. Сделав быстро простые держатели телефонов, можно без проблем снимать видео и делать фото в домашних условиях.

► Посмотреть предыдущее видео о штативов для телефонов можно здесь: www.youtube.com/watch?v=IitFswd0LmE

Обзор роутера TP Link Archer AX73: Wi-Fi 6 и полный фарш по смешной цене


Новый роутер Archer AX73 откровенно и безжалостно сбивает ценовую планку на роутеры с Wi-Fi 6. За 6990 рублей (а на самом деле — и дешевле) он предлагает полный набор умений нового стандарта Wi-Fi, отличную дальнобойность, поддержку MESH и другие плюшки. Нет только поддержки модемов, но для многих это не критично.

Я протестировал роутер в разных режимах и составил о нем впечатление.

01:44 Аппаратное устройство
06:46 Новый дизайн прошивки
12:03 Функции порта USB 3.0
17:00 Дальнобойность и OneMesh
23:37 Нагрузочное тестирование
26:32 Итоги

Как сделать MESH-сеть на оборудовании TP-LINK: youtu.be/6Ra-3Hh-JdE
Как работает техподдержка TP-LINK: www.youtube.com/watch?v=6WIwxFY7jyg

Текстовая версия обзора: vilianov.com/hard_upgrade/obzor-routera-tp-link-archer-ax73-beskompromissnyy-wi-fi-6-za-otkrovenno-nizkuyu-tsenu/

Телеграм-канал проекта со всеми обновлениями: t.me/vilianov