Как стать автором
Обновить
2
0.1
Отправить сообщение

12 важнейших сайтов для освоения CSS в 2023 году

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров34K

Хотите войти в веб-разработку, но не знаете, с чего начать? Освоение CSS станет отличным стартом и, к счастью для вас, в сети существует огромное количество учебных ресурсов.
Мы провели исследование и собрали 12 наиболее актуальных сайтов, которые помогут вам продвинуться от уровня новичка до профессионала по CSS за кратчайшие сроки.

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

Так что пристегните ремни и приступайте к написанию кода!
Читать дальше →
Всего голосов 45: ↑45 и ↓0+45
Комментарии5

Чёрная плесень

Время на прочтение4 мин
Количество просмотров48K

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

Черная плесень не результат местной Чернобыльской мутации, как кажется вполне вероятным, а была занесена, по‑видимому, воздухом. Это уже известный вид, обитающий на Гималаях высоко в горах, где она питается космическим излучением. Ей понадобилось всего пять лет (вероятнее всего и того меньше) чтобы из Гималаев добраться до Чернобыля и прижиться на новом месте. Что означает, в воздухе постоянно находятся споры таких или аналогичных одноклеточных (плесень оказалась нескольких видов). Из чего следует вывод: на нашей планете существуют организмы способные питаться радиоактивностью и выживать в преимущественно отрицательных температурах.

Читать далее
Всего голосов 101: ↑92 и ↓9+109
Комментарии252

Современный способ глубокого клонирования объектов в JavaScript

Время на прочтение5 мин
Количество просмотров33K

Вы знали, что теперь в JavaScript есть нативный способ делать глубокие копии объектов? Это стало возможным с помощью функции structuredClone, встроенной в среду выполнения JavaScript.

Читать далее
Всего голосов 31: ↑31 и ↓0+31
Комментарии11

Плохие практики разработки, которые до сих пор встречаю в стартапах

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров53K

Привет, я Виктор. Двенадцать лет назад я пришел в веб-студию в Самаре. Так начался мой путь в разработке. У нас не было гита, CI/CD, тестовых стендов и много чего еще. Я видел, как это мешало развитию команды и бизнеса. Приходилось на ощупь собирать грабли, открывать для себя хорошие практики и внедрять их. С тех пор я поработал старшим разработчиком в российском финансовом холдинге и немецком b2b-стартапе. Был тимлидом в фудтех-проекте, СTO в образовательных стартапах для российского и латиноамериканского рынка — и почти везде поначалу натыкался на похожие проблемы. Недавно переехал в Израиль, стал консультировать стартап. И что бы вы думали…

Читать далее 👉
Всего голосов 92: ↑88 и ↓4+102
Комментарии126

Полное понимание асинхронности в браузере

Время на прочтение24 мин
Количество просмотров104K
Про асинхронность JavaScript написано много статей, документации и книг. Но вся информация сильно распределена по интернету, поэтому сложно быстро и полностью разобраться, что к чему, и составить цельную картину в голове. Не хватает одного исчерпывающего гайда. Именно эту потребность я и хочу закрыть своей статьёй.

Читать дальше →
Всего голосов 78: ↑78 и ↓0+78
Комментарии25

Минималистичный YouTube. Расширения для браузера и альтернативные клиенты

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров58K

В эпоху рекламы, консюмеризма и раздутых сайтов приходится принимать специальные меры защиты от лишнего контента, который лезет со всех сторон.

Один из главных «нарушителей» — YouTube. Стоило один раз посмотреть пляжный волейбол на Олимпийских играх — и он уже несколько лет показывает женщин в купальниках на главной странице (пример). Даже неудобно открывать YouTube в присутствии сына…

Непрошеные и неуместные рекомендации видео — общая проблема, на которую часто жалуются. К счастью, их легко заблокировать, как и весь остальной мусор. Можно ходить на серверы YouTube через кастомный фронтенд, через сторонние клиенты или вообще из консоли. Некоторые альтернативные способы просмотра особенно актуальны в свете потенциальной блокировки YouTube на территории РФ.
Читать дальше →
Всего голосов 109: ↑106 и ↓3+127
Комментарии80

Javascript: базовые вопросы и понятия для самых маленьких

Уровень сложностиПростой
Время на прочтение15 мин
Количество просмотров48K

Javascript ― язык весьма оригинальный. Его можно любить, ненавидеть и даже бояться, но равнодушным он вас вряд ли оставит. Не знать или не понимать, с чем ты работаешь ― самая частая ошибка, допускаемая современными фронтенд‑разработчиками. Вам бы понравилось, если бы дантист, к которому вы пришли, не понимал, какой он инструмент использует и какие у него особенности работы? Очевидно, что нет. И рано или поздно, если вы действительно хотите стать профессионалами, вы разберётесь во всём, но как сделать так, чтоб это случилось раньше?

В этой статье в блоге ЛАНИТ хотелось бы показать, что о сложных вещах можно и нужно говорить просто.

Читать далее
Всего голосов 94: ↑93 и ↓1+115
Комментарии43

Что такое BitTorrent v2, и что с ним произошло?

Время на прочтение3 мин
Количество просмотров44K

Наверное вы слышали о новом протоколе BitTorrent v2, работа над которым велась с 2008-го года, и наделала шума с выходом второй версии популярной торрент-библиотеки Libtorrent, которой пользуются знакомые вам торрент-клиенты, такие как qBittorrent, Deluge и многие другие. Что такого изящного в новом протоколе и чего нам ждать?

Скачать раздачу по зрительной ссылке
Всего голосов 76: ↑73 и ↓3+94
Комментарии248

Планировщик задач: не замораживаем вкладку при открытии страницы

Время на прочтение21 мин
Количество просмотров5.6K

Современные сайты — это сложные проекты, требующие много времени на обработку JavaScript. А современные пользователи — это требовательные люди, готовые убежать к конкуренту при ощущении «что-то сайт подтормаживает». Такое ощущение у пользователя может вызываться большим Total Blocking Time, когда он подолгу не может взаимодействовать со страницей.

Что в такой ситуации делать? На нашей конференции HolyJS Виктор Хомяков из Яндекса рассказал о том, как там делали инициализацию скриптов на странице поиска более дружественной к человеку и не блокирующей UI. А также о том, как и вам уменьшить TBT, не ухудшая другие показатели.

Доклад понравился зрителям, поэтому теперь для Хабра мы сделали текстовую версию. Далее повествование идёт от лица Виктора.

Читать далее
Всего голосов 19: ↑18 и ↓1+21
Комментарии13

Принципы SOLID на JS, теперь точно простым языком, но не очень коротко

Время на прочтение9 мин
Количество просмотров29K

SOLID — универсальный набор принципов разработки поддерживаемого программного обеспечения. В данной статье я попытался разъяснить свое понимание принципов SOLID в отношении языка JavaScript: особенности реализации, некоторые синтаксические конструкции и, конечно, примеры из жизни. Если вам стало интересно, то прошу под кат.

Читать далее
Всего голосов 14: ↑9 и ↓5+5
Комментарии10

Lighthouse. Руководство по оптимизации сайтов для начинающих

Время на прочтение7 мин
Количество просмотров37K

Быстрые сайты любят и пользователи, и поисковики.

С первыми всё просто: если страница долго грузится, пользователь её закроет и перейдёт на другой сайт. С поисковиками похожая история: скорость загрузки, скорее всего, влияет на ранжирование сайта в поисковой выдаче.

Lighthouse — один из известных инструментов для проверки производительности сайтов. Он тестирует сайт, показывает оценку производительности и даёт конкретные рекомендации: что можно улучшить, чтобы сделать сайт быстрее.

Lighthouse можно запустить тремя способами:

С помощью Node CLI. Для этого установите в свой проект пакет Lighthouse с помощью команды npm install -g lighthouse.

Через расширение для браузера Chrome или Firefox. Установите расширение, затем откройте свой сайт и запустите проверку с помощью кнопки Generate report.

С помощью инструментов разработчика — Chrome DevTools. Чтобы запустить проверку, откройте инструменты разработчика, переключитесь на вкладку Lighthouse и нажмите на кнопку Generate report.

А что ещё?
Всего голосов 12: ↑12 и ↓0+12
Комментарии1

Сейчас вы споете, а я вас запишу нотами и аккордами. Небольшой обзор ScoreCloud Studio

Время на прочтение2 мин
Количество просмотров5.2K

На рынке программ, создающих музыку, появилась платная/упрощенная и бесплатная версия сервиса ScoreCloud Studio. Хочу предложить короткий обзор ее возможностей.

UPD1. Если вам нужно бесплатный распознаватель с листа бумаги, то смотрите мою статью.

UPD2. На базе механизма данного продукта проводится публичное бета-тестирование автокомпозитора и автоарранжировщика.

UPD3. Уже минимум год для ОС Windows сделана сборка для распознавания бумажных нот, которую удобно ставить даже неподготовленному пользователю.

Если же вам хочется петь со мной, прошу под кат.

Сейчас спою!
Всего голосов 9: ↑6 и ↓3+5
Комментарии6

Linux на смартфоне: делаем экран погодной станции, используя Termux и Node-RED

Время на прочтение6 мин
Количество просмотров18K

Всем привет!

Сейчас я покажу, как перенести на смартфон проект погодной станции, изначально сделанный под Raspberry Pi. Для этого мы установим программу Termux — эмулятор терминала Linux —, затем поставим на него среду визуального программирования Node-RED и за 5 минут реализуем готовый проект — погодную станцию, то есть экран, выводящий текущую погоду и прогноз. Использовать будем только Free/Open Source- инструменты.

Читать далее
Всего голосов 33: ↑33 и ↓0+33
Комментарии24

Как прошить Xiaomi Redmi 4 Pro (Prime, Premium) на Android 10

Время на прочтение5 мин
Количество просмотров46K
Если Вы изредка прошиваете свой телефон, или вообще никогда не делали этого, но при этом желаете вдохнуть в старую, но вполне рабочую «лошадку» Xiaomi Redmi 4 Prime/Pro/Premium новую жизнь, то эта статья Вам поможет.

По данной инструкции автор статьи перепрошил свой телефон Xiaomi Redmi 4 Prime с оригинальной (заводской) прошивки (MIUI10, Android 6) на кастомную, то есть выпущенную не разработчиком телефона, но построенную уже на Android 10. Да, да, Android 10. И это для телефона, выпущенного ещё в 2016 году.

В статье приведен один из самых простых (но далеко не единственных) способов прошивки телефона. Для получения лучшего результата, рекомендуется сохранить все данные с телефона и полностью очистить память телефона во время прошивки (пункт 3.2). Конечно, можно и не делать этого. Но разработчики кастомных прошивок и опытные пользователи рекомендуют делать полную очистку, чтобы минимизировать возможные баги после такой установки.
Читать дальше →
Всего голосов 10: ↑2 и ↓8-4
Комментарии8

Установка универсальной прошивки OpenIPC на примере IP камеры с процессором HI3516DV100 и сенсором OV4689

Время на прочтение18 мин
Количество просмотров72K

Наш мир кишит камерами видеонаблюдения, и большинство из нас сами добровольно окружают себя этими устройствами. Камерами, которые имеют как случайные дыры в безопасности, так и намеренно внедренные компоненты которые отстукивают своему хозяину. Одни производители стараются по максимуму предвидеть и решить проблемы, другие же делают вид, что и проблем особо нет, если камера показывает изображение. Но если начать приглядываться, то лишь требование ActiveX и Internet Explorer для пользования камерой в XXI веке это нечто из пучин ада.

Решают проблемы производители каждый по своему. Как вариант, через облако, через своё приложение Android с приватными протоколами. Но через несколько лет после продажи облачной камеры, бесплатное облако вполне может стать платным, приложение обрастает рекламой до безобразия. А если проект производителя не зашел, то прописанные в ней сервера отключаются и ваша камера, возможно даже с отличным оборудованием внутри, становится бесполезным кирпичём, потому как способов использования больше нет.

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

Дальше рассказываю на какие камеры какими способами и зачем можно установить систему OpenIPC на примерах.

Читать далее
Всего голосов 42: ↑42 и ↓0+42
Комментарии14

Выход из плоскости. Тактильная графика и закоулки интеллекта

Время на прочтение8 мин
Количество просмотров3K

Уже очень давно я писал на Хабре статью о кипу – узелковом письме древних инков. В этой статье я упоминал, что Луи Брайлю удалось создать шрифт для слепых из-за стечения обстоятельств: Луи не был слеп от рождения, а утратил зрение, поранив себе глаз грязным шорным ножом, с которым неосторожно играл в отцовской мастерской. Вскоре из-за распространившейся инфекции Луи ослеп и на второй глаз, после чего попал в приют знаменитого педагога Валентина Гаюи, который уже не первым бился над разработкой шрифта для слепых. Но зрячий Гаюи не пошел дальше изготовления рельефных слепков латиницы, а слепой Брайль, представлявший, тем не менее, что такое «видеть», и что такое «текст», предложил принципиально иной шрифт, благодаря которому вошел в историю.

Впоследствии я задумывался, а возможны ли (и каким образом создаются) научные визуализации для слепых и слабовидящих. В своё время мне довелось перевести замечательную книгу «История науки в знаменитых изображениях» (в оригинале «Cosmic Imagery») – своеобразную энциклопедию, посвящённую иллюстративной, наглядной составляющей науки и культуры. Множество глав этой книги посвящено точным наукам, и она не оставляет сомнений, что без картинок и схем многие вещи слишком абстрактны и невообразимы для человека. Именно поэтому я собирался вернуться к данной теме и рассказать, какие «брайлевские» наработки сейчас существуют для имитации научной графики для незрячих.

Читать далее
Всего голосов 13: ↑12 и ↓1+20
Комментарии6

Увидеть незримое и почувствовать неосязаемое. На что еще способен электронный микроскоп?

Время на прочтение11 мин
Количество просмотров9.6K


Ни для кого не секрет, что существуют вещи и организмы настолько маленькие, что увидеть их невооруженным глазом просто невозможно. Однако за последние сто лет наука шагнула далеко вперед. И теперь мы можем не только посмотреть на инфузорию, но и увидеть собственными глазами атомы, и даже, буквально, пощупать рельеф микроструктуры кристаллов. А все благодаря электронной микроскопии… Давайте разберемся, как такое возможно. 
Читать дальше →
Всего голосов 37: ↑33 и ↓4+39
Комментарии29

Проектируем процессор постапокалипсиса с помощью openSource

Время на прочтение12 мин
Количество просмотров21K

Проектируемый компьютер на сверхминиатюрных электронных лампах хоть и является радиационно-стойким, однако работает на электричестве. Кроме того, восстановить в сжатые сроки производство электронных ламп в условиях постапокалипсиса будет довольно сложной задачей. На руинах цивилизации гораздо проще организовать массовое производство логических элементов, работающих на эффекте прилипания струи воздуха к стенке — при этом сам элемент можно лепить хоть из глины! И мало того, что для создания потока воздуха не обязательно использовать электричество — теоретически такой процессор сможет работать на энергии ударной волны ядерного взрыва! Но обо всём по порядку. Для тех, кто следит за проектом DekatronPC — не пугайтесь, ему ничего не угрожает.

В прошлый раз в статье «Пневмоника и влажные мечты стимпанка» я уже рассказывал о струйных логических элементах и поделился мыслями о том, что в принципе на этой технологии можно собрать полноценное вычислительное устройство.
Читать дальше →
Всего голосов 156: ↑156 и ↓0+156
Комментарии70

Немного о WebEngine — low-code IDE для разработки современных веб-приложений

Время на прочтение9 мин
Количество просмотров7.4K

Много лет назад, смотря на крутейшие авторские посты, где творили самую настоящую техно-магию, я твердо решил - больше не писать до тех пор, пока не смогу сделать что-то такое, чем смогу гордиться. К этой статье-анонсу я шел почти 10 лет.

С огромной гордостью, хочу анонсировать WebEngine - IDE и набор технологий для создания современных сайтов на React, а в дальнейшем Angular, Vue, тем для WordPress, приложений на Electron и многое другое.

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

td;lr
Всего голосов 15: ↑15 и ↓0+15
Комментарии26

Голос атомных ядер: собираем магнитно-резонансный магнитометр

Время на прочтение18 мин
Количество просмотров19K
image

Пора уже поближе познакомиться с квантовой физикой на практике! Сегодня я расскажу вам об истории открытия эффекта ядерного магнитного резонанса, но в отличие от классических учебников полных зубодробительного матана мы обратим наш разрушительный для когеренции взгляд на экспериментальную составляющую. С полученными знаниями вы сможете в духе старого доброго DIY собрать несложный прибор, который позволит вживую послушать сигналы ядер атомов водорода а также измерить величину магнитного поля нашей планеты.
Поехали!
Всего голосов 150: ↑150 и ↓0+150
Комментарии68

Информация

В рейтинге
3 200-й
Зарегистрирован
Активность