​​Стилизация участков текста с помощью CSS Custom Highlight API

В этой статье рассказали, как с помощью CSS Custom Highlight API можно стилизовать выделенные диапазоны текста, а также разберу теорию на практическом примере: https://tproger.ru/articles/css-custom-highlight-api

#css

​​«ChatGPT умнее человека»

Тем временем ChatGPT:

​​Как упавший сервер влияет на SEO и что делать, если страница исчезла из выдачи

Вот создали вы сайт, наполнили его контентом и даже оптимизировали страницы под поисковики. Но одним прекрасным (или не очень) утром понимаете, что ночью сервер упал. Насколько критичным бывает такое падение для SEO?

Статья, в которой попытались разобраться в этом вопросе: https://habr.com/ru/companies/selectel/articles/813855/

#seo

​​Мужчины думают только об одном...

​​​​Крышесносные и не очень трюки из мира Kubernetes

Если разработчик добрался до k8s, то уже, считай, не новичок. А если освоил эфемерные контейнеры для дебага в realtime, то и подавно.

Держите годную подборку приёмов, что улучшат ваш кодерский опыт с этой популярной системой оркестрации: https://overcast.blog/7-mind-blowing-kubernetes-hacks-36037e59bb54

#инструменты #kubernetes

​​Когда вернулся на работу после майских:

​Коллеги, пожалуйста, давайте называть языки программирования правильно:

Нужна ли вышка для работы в веб-разработке?

Играет ли роль наличие диплома при устройстве на работу или высшее образование сейчас не так важно для разработчика? Какие «бумажки» действительно сыграют роль на собеседовании, а про какие можно забыть?

Спрашивали ли у вас на собеседовании про ваш вуз? Поделитесь опытом.

#обсуждение

​​Курс по JavaScript для начинающих

Бесплатный 3-часовой годный курс по современному JavaScript от ребят из freeCodeCamp для тех, кто только начинает знакомится с языком: https://www.youtube.com/watch?v=Zi-Q0t4gMC8

#курс

​​Почему 20 лет все говорят, что PHP умирает, а он жив?

Как 20 лет назад говорили, что скоро PHP умрет, так говорят и до сих пор. Тем не менее, на нем по прежнему работает около 75% веб-сайтов в мире. Ни одна альтернативная технология, а их за эти годы было очень много, не добилась даже сравнимой популярности.

Ещё один взгляд на то, почему PHP так живуч: https://tproger.ru/articles/pochemu-20-let-vse-govoryat--chto-php-umiraet--a-on-zhiv-250384

#php

​​Игра «Охота на утку» на CSS

Помните эту легендарную игру на Dendy, где нужно было выстрелить из специального ружья в кинескопный телевизор? Сегодня такую игру может создать практически любой, даже не используя языки программирования.

Автору этой реализации хватило HTML и CSS, обёрнутых препроцессорами: https://tprg.ru/eVuM

#codepen

​Когда присвоил машине z-index: 1000

Indent Rainbow: наконец уровень отступа читается

Как видно на скриншоте, это расширение окрашивает отступы в цвет то оператора, то функции, то переменной, причём двумя способами (проецирующими линиями или подкрашенными прямоугольниками).

Расширение на Visual Studio Marketplace

@prog_tools

Что должен знать начинающий фронтендер?
 
Собрали советы для достижения успеха в профессии от опытного фронтенд-разработчика в одну статью. А также ответили на частые вопросы новичков: от зарплаты и стека до перспектив карьерного роста.

https://tproger.ru/articles/frontend-razrabotka--chem-zanimayutsya-i-skolko-zarabatyvayut-specialisty

#фронтенд #советы

​​И это даже не треть всего кода...

​​​Flexbox Defense — защищаемся башнями и изучаем flexbox

В этой простой игре в стиле Tower Defense вы сможете попрактиковаться в использовании Flexbox CSS. Вас ожидают 12 волн с различными условиями.

Поиграть можно тут:

http://www.flexboxdefense.com/

#css

Когда тебя наняли архитектором детских площадок, но в душе ты тестировщик

#кек

​​Самые популярные вопросы на собеседовании фронтенд-разработчика

Это 55 выпуск видеокаста «Front-end. Вопросы на собеседовании».
В серии видео автор помогает подготовиться к собеседованиям на позицию джуниор и мидл фронтенд-разработчик.

Видеокаст представлять из себя коллекцию технических вопросов, которые можно получить на интервью: https://www.youtube.com/watch?v=PI1X5oFHou8

В этом выпуске:
— Что такое хвостовая рекурсия? Оптимизация рекурсии?
— Что такое и как работает debounce() и throttle() в JavaScript?
— Как в JavaScript работают декораторы? Как они могут быть использованы для модификации поведения классов и методов?
— Как можно создавать пользовательское событие (custom events) в JavaScript?
— Что такое IndexedDB? Как работает IndexedDB?
— Расскажите о методе requestAnimationFrame()?
— Как работают дефолтные параметры в ES6?
— Что такое «BigInt» в ES2020 и для чего он используется?
— Какие нововведения были представлены в ECMAScript 2021 (ES12)?
— Что такое fetch()? Как работает функция fetch()?
— Что такое JSON в JavaScript? Как его можно использовать?
— Что такое и как работает коэффициент сжатия (compression ratio) в контексте веб-разработки?

#собеседование #фронтенд

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

Интересно только, что за валюта такая «lisoin» 

Как думаете, правда или опять не выдуманные истории из жизни для расширения портфолио и саморекламы?

#петпроект

​Годных codepen-проектов вам в ленту: Newton's CSS cradle — Колыбель Ньютона

Проект реализован с помощью SCSS. Исходники: https://codepen.io/amit_sheen/pen/XWMXwvJ

👍 — юзабельно
🗿 — троллейбус_из_буханки_хлеба.jpg

#codepen