Кто знает как убрать все плюсы/минусы на странице одним кликом?
Наверняка же есть умельцы, подскажите плз.
Наверняка же есть умельцы, подскажите плз.
Посмотрел недавно несколько видео с участием Деми Мурыча, разработчика, которого, при всей его эксцентричности и совсем небольшой известности, почему-то регулярно зовут на интервью/подкасты другие более популярные лидеры мнений в сфере IT. Зовут его, как я понял, из-за его глубоких познаний в Javascript, HTML5, SEO и других направлениях. В большинстве этих продолжительных видео-бесед, всё, что он делает - это разносит разработчиков и индустрию за то, что никто не читает спецификацию, и, собственно, рассказывает про эту самую спецификацию.
В одном из таких видео он рассказывал на примерах, как правильно пользоваться семантикой HTML5 и о том, как поисковики "читают" ваш сайт. Вот 2 его утверждения, которые показались интересными лично мне:
В попытки Google научиться читать динамически генерируемую (с помощью JS) разметку не верит, и что его неверие опирается на реальные тесты, проводимые им самим и другими уважаемыми разработчиками.
В семантическую вёрстку, соответствующую стандарту HTML5, не умеет сегодня практически никто.
Мне стало интересно, действительно ли в вебе так плохо с семантикой, и я открыл в devtools браузера код страниц Мвидео, DNS и Эльдорадо. К моему удивлению, там действительно всё было очень далеко от идеала. Да, не div-hell, но ничего и близко похожего на адекватную семантическую вёрстку я там не увидел. Ни тегов section или article, ни атрибутов itemprop/itemtype и т.д. Если интересно - проверьте сами.
Помимо этих трёх китов, я пооткрывал разметку страниц интернет магазинов поменьше (не только с электроникой). Никаких качественных отличий.
В одном из видео, Мурыч показывал построенные им самим интернет-магазины, размещённые в вебе с целью тестирования различных SEO-гипотез, и хвастался тем, что, благодаря грамотному подбору тегов (и не только), товары из его "мёртвых" сайтов иногда попадают в секцию "товары" поисковой выдачи Google, хотя его интернет магазин даже не является витриной реального бизнеса.
Я решил проверить, действительно ли так легко обогнать всех в SEО, просто подразобравшись в спецификации HTML5. Понятно, что в перегретых нишах и гео удачу я пытать не буду. Но какой-нибудь тематический региональный портал запилить - почему бы и нет.
В планах построить около 3-х тематических порталов со статьями определённой тематики. Тематики пока не подобрал. Скорее всего дам посетителям возможность создавать статьи, продвигать свои товары и услуги. Но последнее скорее для практики и относительной "полноценности" проектов, основная цель - увидеть воочию, что какая-нибудь из статей одного из порталов попала на 1-ю страницу Google по какому-нибудь не слишком специфичному запросу.
На данный момент я выбираю технологию, которую буду использовать. За плечами опыт с React, нативной вёрсткой и WordPress. Но ни один из 3х вариантов не подходит:
WordPress отпадает, потому что нет желания разбираться в PHP (до этого работал в нём только в визуальных редакторах + css). Я знаю, что для него есть куча SEO-плагинов, но не верю, что они справятся лучше человека, проверяющего каждый тег.
React не подходит из-за динамической генерации разметки, плохо сказывающейся на SEO.
HTML+JS. Писать в свободное от работы время проект даже средней сложности без какого-либо фреймворка/шаблонизатора у меня не хватит времени и сил.
Какой фреймворк выбрать? Пока в претендентах Next.js и SvelteKit из-за SSR и привычной мне, как React-разработчику, реактивности и state-management-у. Но я новичок в SEO-ориентированной разработке и не знаю, на какие особенности технологии важнее всего обращать внимание. Имеют ли Next и Svelte какие-то явные и давно известные SEO-специалистам недостатки? Может всё-таки стоит присмотреться к WordPress или Laravel? Подойдут ли для моих целей html-шаблонизаторы?
Спасибо всем прочитавшим до конца и особенно тем, кто поделится советом/мнением. <3
я школьник не ругайте спер сильно
В этом ролике я провел эксперимент сменил свой стэк технологий. Поменял акцент с бэка на фронт,пересел с html`а на react,и научился базовым анимациям,также я перешел с бутстрапа на tailwindcss.
В конце сентября 2023 пришло письмо о проведении хакатона и я решил в нём поучаствовать. Хакатон немного нестандартный, не два-три дня как обычно проводят, а аж целых 2 недели. Начало было 4 октября, а окончание 18. На момент написания поста результатов еще никаких нет кроме того что игра опубликована.
Зарегистрировался и осталось подождать начала, о котором я благополучно забыл. Вечером 7 октября внезапно вспомнил про него, а уже прошло 3 дня с начала, и решил всё таки поучаствовать несмотря ни на что.
Команда за это время не подобралась, да и я особо не старался, поэтому пришлось участвовать в соло команде. Выбрал трек "Игры" и начал.
Идея
Тут проблем особо не было, у меня в заметках накопилось порядка 40 с лишним идей игр, бери любую и делай. Не все они уже актуальны и продуманы, некоторые записаны просто одной фразой.
Выбор пал на игру про нанороботов, но в процессе идея трансформировалась в игру про обычных роботов, которые очнулись в постапокалиптическом мире и им нужно понять кто они такие и зачем были созданы.
Роботов можно назначать работать в постройки. Постройки приносят ресурся или производят опять же роботов. У роботов есть параметр редкости и каждый созданный робот случайным образом создается из списка доступных типов роботов.
Новые типы роботов можно получить с открытием новых построек, в квестах и с помощью изучения технологий в "Исследовательском центре им. Бэббиджа" :)
В какой-то момент роботы узнают что их создали человеки, а никого из них нет, то они решают восстановить условия для жизни и собственно само человечество.
Что по технологиям?
Несколько раз пробовал пользоваться ECS паттерном и библиотеками в Unity, но всё никак не мог привыкнуть. Давненько смотрел доклады и помнил что это очень удобно для разработки игр. Сейчас был хороший повод использовать этот подход. Немного погуглив библиотеки для JavaScript, а было решено писать на нём, решил остановиться на Ape ECS.
Быстренько скопипастил систему сборки из Immortal Knight и начал изучать Ape ECS. На удивление в этот раз как-то всё было более понятно и стало получаться. Без ошибок не обошлось, пытался использовать паттерн не по назначению, превращяя ECS в EC, но вовремя одумался и всё получилось более-менее неплохо.
Для UI решил оставить React из Immortal Knight, т.к. к Phaser еще не до конца привык, быстрее было сделать на обычных div'ах и CSS.
Один из ранних скриншотов интерфейса
Графика
Этот пункт заслуживает отдельного описания. Так как я участвовал один то пришлось быть и разработчиком, и сценарий писать, и дизайн рисовать.
А ведь сейчас как раз такой расцвет генеративных моделей изображений. Самым простым способом было взять Stable Diffusion XL 1.0 с Pixel Art XL. Интерфейсом послужил ComfyUI.
В итоге получились вот такие изображения:
Роботы всех видов и размеров, а так же здания
Из этих небольших кусочков была составлена игровая карта со зданиями, а так же иконки роботов, ресурсов и технологий. Всего было сгенерированно чуть более 600 изображений.
Процесс
Основной игровой процесс был написан примерно за четыре дня. Остальное уже дописывалось по мере необходимости.
Важной частью, и одновременно самой долгой, для меня оказалось придумывать сценарий и реализовывать его в виде квестов и технологий для изучения. В итоге в игре получилось 20 квестов и 20 технологий.
Ну и куда же без небольших приколов в игре? У всех роботов интересные названия, местами в описаниях зданий или технологий есть отсылки. Например "Лаборатория GPT-9000" или "Шахтёр BTC-25". Можете сами поискать.
Что дальше?
Так как какое-то время был запрет на рекламу игры то пишу здесь только сейчас, а пока жду результатов, делаю мелкие фиксы и смотрю на графики. Есть идея игры продолжения в похожем сеттинге, но с другой графикой.
Поиграть в Age of Robots можно на Яндекс Играх https://yandex.ru/games/app/262827
Kombai
Достаточно сбросить дизайн в Kombai и получить готовый код ✅
Разработчики могут бесплатно использовать Kombai во время предварительных исследований
➕ Неограниченное количество загрузок дизайна
➕ Неограниченное количество загрузок кода
➕ React и HTML + CSS
➕ Tailwind CSS и MUI Base (для компонентов форм)
➖ Но обменяться файлами дизайна с третьми лицами не получится 🤷🏻♀️
Для доступа к расширенному функционалу, а именно, - интеграция и настройка, пользовательские переменные CSS и миксины, библиотеки пользовательских компонентов, вывод кода в соответствии с технологическим стеком и премиум поддержка, - необходимо связываться с разработчиками Kombai
Больше полезных сервисов для работы и учебы в моем телеграмм канале (ссылка в описании профиля), там я рассказываю, как можно использовать нейросети для бизнеса
Источник: IT-Комедия: Улётные Приколы
Всем привет. Примерно пол года назад тут на пикабу выкладывали видео(или в комментарии кто-то выкладывал), почему сайты которые содержат только html без стилей круты, типа более удобочитаемые и быстрее грузятся. Видео на английском, но с субтитрами. Еще и задавали риторический вопрос в стиле "Что же вам еще надо?". Помогите найти видео, никак не могу найти... :(