lullisTeacher

@lullisteacher Нравится 1 500

lullisTeacher - канал преподавателя IT дисциплин. Делюсь всем тем, что кажется интересным💻
По всем вопросам пиши моей помощнице Элти: @LT_helpbot
Гео и язык канала
Россия, Русский
Категория
Технологии


Написать автору
Гео канала
Россия
Язык канала
Русский
Категория
Технологии
Добавлен в индекс
09.01.2018 12:15
реклама
Telegram Analytics
Подписывайся, чтобы быть в курсе новостей TGStat.
SearcheeBot
Ваш гид в мире Telegram-каналов
TGAlertsBot
Мониторинг упоминаний ключевых слов в каналах и чатах.
624
подписчиков
~161
охват 1 публикации
~56
дневной охват
~2
постов / нед.
25.8%
ERR %
27.36
индекс цитирования
Репосты и упоминания канала
71 упоминаний канала
2 упоминаний публикаций
19 репостов
Adobe Photoshop Lightroom
Стикеры
БИЗНЕС-КОНТАКТ
Обои на телефон 📲
Первый игровой
Омар Хайям📝
Inbreak | Wallpapers
vanilla sky
L i f e & T r a v e l
КНИГИ
TopHack🔓
MIUI SYSTEM UPDATES
Mom's Spaghetti
2D/CH
Мой Мир
English Journal
IT литература
OSINT CLUB
godnoTECH - Новости IT
IT-Мемасы
Goal Gesture IThumor
ПК с Aliexpress
Telegram Stickers | Стикеры
More Gifs
200 пдп
Сериалы
ТОП каналов Telegram
🗯 Костя шарит
Каналы, которые цитирует @lullisteacher
Volynkin
‌Media
BenefIt
Мир 3D
Web Coder Notes
IT Монах
Crypto Fresh 🍊🥤
Дилетант
ПК - Боярин
Private public
Облако в штанах
IT практика и опыт
ПК - Боярин
Mom's Spaghetti
Digital Media
.onion🧅 v2.0
Channel 11
Ecofarm_ssady
Droider
Код Дурова
Типичный программист
Код Дурова
Представляешь,
Код Дурова
Ломающие новости
Код Дурова
Код Дурова
Код Дурова
Код Дурова
Код Дурова
Что-то горит 💀
Представляешь,
Ломающие новости
Представляешь,
Представляешь,
Представляешь,
Ломающие новости
Код Дурова
Представляешь,
Код Дурова
Код Дурова
Telegram Desktop
Код Дурова
ITmozg
Код Дурова
Последние публикации
Удалённые
С упоминаниями
Репосты
lullisTeacher 1 Aug, 08:50
Репост из: Volynkin
🌚 Чертоги разума на коленке

Я активно уже где-то год использую Zettelkasten-подобную систему для того, чтобы создавать заметки по статьям, книгам, которые я изучаю. Считаю ее безумно эффективной и рекомендую всем своим знакомым и друзьям.

Zettelkasten - это когда ты делаешь систему заметок, карточек, каждая из которых является отдельной небольшой мыслью, концепцией, которая обязательно связана с другой карточкой. Получается такой граф карточек с перекрестными ссылками, который выглядит как внешняя нейронка, являющаяся продолжением мозга. Настоящие чертоги разума. Прямо как в Шерлоке.

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

Единственнный минус такой системы - ее нельзя передать другому. Она как-то переплетается с тем, что у тебя в голове, и другой человек не может ее понять. Но для твоего мозга она является прекрасным дополнением.

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

Выглядит вот так:
Читать полностью
lullisTeacher 31 Jul, 10:01
Pegeable

Есть много вариантов того, как сделать слайдер. Можно воспользоваться исключительно средствами CSS, но функционал в таком случае будет ограничен.

Если же нужно сделать быстро и без заморочек, да так чтобы адаптивно, с управлением с клавиатуры и разными плюшками - то рекомендую обратить внимание на Pageable, подключение и настройка для твоего проекта займёт 2-3 минуты.

Ссылка: https://mobius1.github.io/Pageable/

#css #slider
Читать полностью
lullisTeacher 29 Jul, 11:20
ZType

Довольно нехитрая игра, которая позволяет прокачать твой скилл по методу слепого набора.
Принцип прост, есть уровни, с каждым следующим меняется как число слов, как и их сложность (то есть могут быть слова по 2-3 символа, а могут уже и по 10). Необходимо успевать набирать все слова и тем самым волна за волной отбиваться от противников.

За первый заход дошёл до 6 волны, но затягивает!

Ссылка: https://zty.pe/

#game #keyboard
Читать полностью
lullisTeacher 23 Jul, 11:01
Doodle Champion Island Games

В ближайшие недели присоединяйтесь к спортсменке Лаки, которая исследует остров Чемпионов Дудла. Этот мир, наполненный семью спортивными мини-играми, легендарными противниками, десятками смелых побочных квестов и несколькими новыми друзьями. Ее конечная цель победите каждого чемпиона по спорту, чтобы собрать все семь священных свитков, и выполнить дополнительные скрытые испытания на острове Чемпионов в мурлыкающем процессе.

Чтобы попасть в игру нужно зайти на главную страницу Google или же перейти по прямой ссылке: https://www.google.com/doodles/doodle-champion-island-games-begin

P. S. У меня уже 2 свитка, догоняй! 💪

#game
Читать полностью
lullisTeacher 19 Jul, 19:11
Free music

Когда разрабатываешь какой-то проект, иногда возникает необходимость разметить музыку. Но вопрос в том, как не попасть на ограничение правообладателей, то есть использовать Creative commons.

Небольшая подборка сервисов по этому поводу в статье: https://habr.com/ru/company/audiomania/blog/568190/

#music
lullisTeacher 12 Jul, 09:01
Background-clip

Утро доброе, ведь оно начинается с нового и очень красивого CSS-свойства, а именно background-clip

Мы определяем, как цвет фона или фоновое изображение выводятся под границами блока.
Имеются такие значения как:
- border-box
- content-box
- padding-box
- text

Последнее мне показалось самым вкусным и результат можно видеть на картинке, а код... он уже тут: https://codepen.io/harryheman/pen/BaWzLyb

#css
Читать полностью
lullisTeacher 8 Jul, 10:08
CSS Form

Когда происходит работа с формами, стоит учитывать многие параметры, атрибуты и стили.
Например чтобы задать ограничение на количество допустимых символов, стоит писать так

Если хочется сделать поле обязательным для ввода, то

Не забывай обрабатывать ошибки визуально в CSS:
:invalid {
background-color: red;
}
:valid {
background-color: green;
}

Это лишь малая часть, а всё остальное ищи в статье Софии: https://ariarzer.dev/native-css-validation.html

#css
Читать полностью
lullisTeacher 4 Jul, 10:08
Pyautogui

Замечательная библиотека позволяющая взаимодействовать с ПК и автоматизировать рутинную работу.

Вот так можно создать простейший кликер:
import pyautogui
import time
 
def click():
    time.sleep(0.1)    
    pyautogui.click()
 
def main():
    for i in range(20):
        click()
 
main()

Безусловно можно добавить возможность делать скриншоты, перемещать мышку на нужные координаты, управлять событиями клавиатуры и много чего ещё.

Все вкусности тут: https://pyautogui.readthedocs.io/en/latest/quickstart.html

#python
Читать полностью
lullisTeacher 2 Jul, 12:23
Думаю все знают, что я преподаватель и на текущий день моему выпускнику требуется небольшая помощь. Прилагаю его послание:
"Здравствуйте! 👋
Мы небольшая группа школьников, которая делает стартап Aderente. Если кратко, Aderente - это социальная сеть для программистов, дизайнеров и предпринимателей. Сейчас мы проводим опрос целевой аудитории проекта, чтобы лучше понять вас, и создать продукт, который решит ваши проблемы."

Тест тут👇
https://forms.gle/fjtvtG7gBitFHe5d9
Читать полностью
lullisTeacher 30 Jun, 10:08
Offset-path

Обычные анимации, которые могут лишь изменять размер или делать стандартный поворот на градус уже не столь интересны, но что если я расскажу как можно реализовать исключительно средствами CSS анимацию как на видео.
Машинка движется по заранее нарисованной траектории, хмм.. На самом деле вся магия кроется в свойстве offset-path для которого в SVG мы и задаём тот самый путь в виде кривой.

Код проекта разместил по ссылке: https://jsfiddle.net/lullis/ehvz9xu8/

Можно поклацать и посмотреть как всё работает.

#animation #css
Читать полностью
lullisTeacher 21 Jun, 09:01
Pixel Game

Доброе понедельничное утро! Самое время проснуться и немножко размять свои глаза, ведь для этого есть нехитрый сервис, который проверит насколько точно вы можете в pixelPerfect, а если проще... Нужно нарисовать прямоугольник по тем параметрам, которые предлагает система в каждом из раундов, чем меньше погрешность, тем меньше итоговый счёт.

С утра пораньше мои результаты не самые выдающиеся 😁

Попробовать побить рекорд можно тут: https://www.pixact.ly/

#css #design
Читать полностью
lullisTeacher 17 Jun, 10:09
Draftbit

Каждый человек может быть креативным, да пусть в чём-то своём, но... не обязательно быть знатоком кода или дизайна, чтобы сегодня создать своё небольшое приложение как минимум для личных нужд. Любопытный сервис Draftbit в формате no-code позволяет сделать это с комфортом и имеет следующие плюшки:
- До 3 приложений в рамках 1 бесплатного аккаунта
- Можно публиковать как pwa
- Поддержка всех фишек и плюшек визуального программирования
- Экспорт кода и многое другое

Ознакомиться и попробовать можно тут: https://draftbit.com/

#design #mobile
Читать полностью
lullisTeacher 7 Jun, 10:08
Какой твой девайс, вот в чём вопрос...

Не так давно появился черновик стандарта CSS Media Queries Level 4, который рассказывает про интересную возможность выявления устройства пользователя исключительно через CSS.

Небольшой пример:
/* смартфоны, устройства с сенсорным экраном, с которым работают пальцами */
@media (hover: none) and (pointer: coarse) {
     ...
}

/* мышь, тачпад */
@media (hover: hover) and (pointer: fine) {
    ...
}

Нюансы и подробности по теме в данной статье: https://habr.com/ru/company/ruvds/blog/556156/

#css
Читать полностью
lullisTeacher 1 Jun, 20:02
Минутка грусти

Привет! В силу обстоятельств данный канал переходит в формат публикаций по возможности (то есть вместо текущих 5 дней в неделю, публикации будут выходить раз в неделю или чуть реже).

Я всегда открыт предложениям, если кто-то хочет стать соавтором и делиться своими находками - welcome!

P. S. Спасибо всем читающим и неравнодушным 🤗
lullisTeacher 28 May, 10:23
Click or Misclick

Доброе утро! Но таким оно бывает лишь тогда, когда разработчики дизайна того или иного сайта делают всё хорошо, а не пробуждают в тебе желание убивать 😈

Дело в том, что сделать элемент удобным для клика или тапа на сенсорном устройстве, не такая очевидная задача, как может показаться, есть масса нюансов, которые подробно рассматриваются в данной статье: https://tproger.ru/articles/clickable-area/

#design
Читать полностью
lullisTeacher 25 May, 09:14
На какой стороне ты?
Опрос
  • Светлая ☀️
  • Тёмная 🌑
  • По настроению ¯\_(ツ)_/¯
53 голосов
lullisTeacher 25 May, 09:09
Dark Theme

В последнее время всё чаще можно увидеть возможность включить тёмную тему на сайте, но... Как это работает, как сохранять состоянии темы и многие другие вопросы разберём в этой статье: https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/

#design
lullisTeacher 24 May, 20:03
Познакомься с технологией XXI века. Создай AI своими руками.

Приходи на бесплатный онлайн-практикум "Создание искусственного интеллекта и нейросетей" 25, 26, 27 мая в 19:00 МСК

Формат интенсива:
✔️ Домашние задания
✔️ Поддержка кураторов
✔️ Живые онлайн уроки

За 3 дня ты напишешь 8 нейронных сетей:

🤖Классификация молочной продукции по трем классам
🤖Треккинг и классификация пассажиров автобуса
🤖Распознавание возгораний
🤖Классификация отзывов автомобиля Tesla
🤖Определение стоимости квартиры в Москве
🤖Подбор кандидата на должность менеджера по продажам
🤖Трейдинг с помощью нейронных сетей
🤖Сегментация изображений (самолеты, люди)
🤖Распознавание голосовых команд для умного дома

⚠️ Преподаватели - действующие разработчики AI ⬆️  крупнейшего в России и СНГ Университета в сфере обучения искусственному интеллекту

❗ опыт программирования не нужен; опыт Python будет плюсом, для вас специальные Д/З уровня PRO❗

Регистрация по ссылке: https://clck.ru/V2PgW
Читать полностью
lullisTeacher 24 May, 09:01
VS Code расширения

Думаю нет смысла говорить, что данный редактор удобен для самых разных форматов работы, будь то вёрстка, разработка на python или что-то ещё.
Но... столь удобным его делают как раз таки расширения, коих огромное множество, а топ лучших отобрал Savio Martin: https://savio.xyz/34-ultimate-vs-code-extensions-to-increase-productivity

#code
lullisTeacher 21 May, 09:53
Создаём умные тени

Делать тени для элементов на сайте базовыми, с помощью box-shadow уже не так и интересно в 2021, хотя вполне имеет место быть. Но что если, я расскажу вам буквально про 1 свойство, которое позволяет считать цвета изображения и сделать тень как на примере выше... :)

Вот то самое свойство:
filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.50)) blur(20px);

drop-shadow() добавляет тень к изображениям. В отличие от свойства box-shadow во внимание принимаются прозрачные участки в изображении и тень отбрасывается с их учётом.

Подробнее обо всех тонкостях работы с drop-shadow можно почитать в этой статье: https://www.kirupa.com/html5/creating_colorful_smart_shadows.htm

#css
Читать полностью