Есть один очень простой способ, как сделать сайт чуть-чуть лучше, который знает практически любой разработчик мобильных или десктоп приложений, но который не знают веб-разработчики.
Системам рендеринга в браузерах абсолютно безразлично, какого размера будет или может быть содержимое элементов разметки. Никакой проблемы не возникнет из-за того, что изображение прогрузится с задержкой в несколько секунд. Люди привыкли воспринимать веб таким образом: что-то тормознутое и дёрганное, долго загружается и потом показывает много рекламы.
Пример современной веб-страницы от большой компании
В мобильных приложениях всё наоборот. В любом списке абсолютно недопустимо иметь элементы с размером, который нельзя определить за 16 миллисекунд или уже даже за 8 миллисекунд для дисплеев с частотой 60 и 120 герц соответственно. Динамическое изменение размера элемента ломает прокрутку, появляются глитчи и другие паразитные кадры.
То, что недопустимо в обычных приложениях с их системами рендеринга, считается нормальным в браузерах и это плохо. Для того, чтобы сделать веб-страницу немного лучше, достаточно оформлять разметку таким образом, чтобы все элементы находились в тех местах, где должны быть, и не прыгали при погрузке страницы.
У изображений, видео с YouTube и других встраиваемых элементов должно быть указано соотношение сторон или ширина и высота.
В некоторых случаях это невозможно сделать, например, в виджетах от инстаграма или твиттера. Скажите им спасибо, их инженерам всё равно. Вставляйте медиа с их сервисов через скриншоты: так они ещё и не исчезнут, если автор решит их удалить.
В первой заметке я писал про то, что мой блог работает на собственной платформе. Сейчас эта заметка не так актуальна: она написана про другую платформу. Если вы заходили в мой блог раньше, то видели, что здесь был немного другой дизайн. Абсолютно внезапно при обновлении дизайна произошёл новый эксклюзивный движок, который пока есть только у меня.
Что там с Techdoge?
Неудачная попытка с каналом и сайтом Techdoge закончилась тем, что у меня появился ещё один движок для сайтов с контентом. У меня таких уже десяток, но, видимо, этот самый удачный. Я выбросил весь код, который был написан, и сделал простейший сайт с заметками на маркдауне (минималистичный язык разметки).
Пока вёл Techdoge обнаружил, что мне не нужен визуальный редактор, который я разрабатывал очень долго, и он только мешает. Оказалось, что быстрее и продуктивнее накидать заметку прямо в приложении «Заметки» или вообще любом приложении, где есть сохранение из поля ввода, расставить звёздочки с скобочками, чтобы получить форматирование, чем отвлекаться от текста и искать какие-то кнопки. А ещё вырезать и вставить текст в тысячу раз проще, чем передвинуть какие-то блоки на экране.
Когда вернулся к блогу, то решил просто скопировать исходный код Techdoge. Переписал некоторые моменты, переверстал сайт и убрал поддержку Google AMP, который уже мёртв и всех бесит. А сейчас сделал то, что мне нравится – Pepperoni Engine.
Секретная и прибыльная схема моих стартапов
Для форматирования статей используется собственный язык 🍕, который частично раскрыт в этом гайде для комментариев, появились черновики, аккаунты, авторизация через Telegram и собственные комментарии. Про необходимость собственного языка и собственной реализации расскажу как-нибудь потом.
Комментарии
Из всего этого добра вы можете попробовать уже сейчас древовидные комментарии. В отличие от большинства блогов с их системами комментариев, вам не нужно ничего указывать и теперь можно послать меня куда подальше или высказать своё мнение в один клик: поддерживаются анонимные комментарии, как в Ghostly, но без капчи.
Если вы читаете мой блог часто и вам не нужно скрывать свою тайную личность, то можно нажать на замочек в форме комментариев и в один клик создать аккаунт в моём блоге через Telegram. Можно даже поставить собственную фотографию, имя, описание и логин. Чуть позже у описания и логина появится предназначение, не всё сразу.
Я обожаю дискуссии и обсуждения, поэтому бонус от регистрации – уведомления в Telegram про ответы на ваши комментарии. Большинство блогов присылают их в лучшем случае на электронную почту, а здесь всё в реальном времени и привычном окружении. Прикольно, если что-то заживёт своей жизнью в комментариях.
Протестировать то, что получилось, можно под этой заметкой.
Место в интернете
Если вы тоже думаете, что с современной монополией сервисов и социальных сетей что-то не так и хотите своё независимое от Цукерберга место в интернете, то у меня есть для вас невероятное предложение.
Сейчас Pepperoni Engine использует ровно один человек, но вы можете стать следующим пользователем. Эта фишка может появиться в ближайшее время, а может и нет: всё зависит от вашего фидбэка. Я могу только пообещать, что попытаюсь обеспечить быструю поддержку и реализацию ваших хотелок, если они совпадают с моим видением платформы или логично обосновываются.
Для того, чтобы вести блог на условном Wordpress, нужно от 1 до 20 долларов за обычный домен в год и несколько долларов за хостинг в месяц, на реализацию хотелок уйдёт от 50 долларов до бесконечности фрилансерам.
Я предоставлю платформу и попрошу за это всего 3.99$ в месяц. Помогу купить и настроить свой домен, если вы это не умеете, или выдам на word.by.
Вы и ваши читатели получат такие же функции, как и в этом блоге. С этих денег я оплачу сервера, буду поддерживать инфраструктуру, заплачу налоги и на сдачу куплю чизбургер, если повезёт.
Если вам интересно, то напишите мне в Telegram или на почту.
Английский – это такая штука, без которой мир очень сильно сужается до локальных мемов и второсортного контента. В программировании и разработке отсутствие знания языка приводит к профнепригодности: все эти документации и мануалы пишут на английском (иногда на китайском, но не стоит вскрывать эту тему).
Но сейчас хотел рассказать не про ту ерунду, которую втирают в рекламе курсов по английскому, а про небольшое и приятное открытие, которое недавно произошло, и как я к нему пришёл. Я смотрел какой-то получасовой ролик на ютубе на английском, а понял это только тогда, когда его уже досмотрел.
У меня есть несколько советов, которые, походу, работают. Думаю, если попробовать делать так же, то вы тоже на слух начнёте понимать, почему Pumped Up Kicks не такая весёлая песня, и сможете смотреть презентацию Эппла в оригинале.
Есть важное предусловие. До всего этого я уже знал английский на уровне почитать документацию или техническую литературу, но встроенный модуль Speech Recognition выдавал мне просто набор абырвалг-ов. Это хотелось как-то пофиксить.
Перевод слов
Это не имеет прямого отношения к тому, чтобы начать понимать на слух английский, но всё-таки.
На первом курсе в университете был год английского. Преподавательница просила давать определение словам на английском вместо перевода и соответственно пользоваться толковым английским словарём.
Полезность данного совета понимаешь спустя время, а синонимический словарь в голове начинает очень быстро расти. Есть небольшой сайд-эффект в виде «как это на русском красиво звучит, не помню».
Самое прикольное, что это можно начать делать прямо сейчас без напрягов.
Если у вас айфон, то скачайте в настройках толковый словарь. Если заметили незнакомое слово, то лонгтапните на него и нажмите «лук ап» (опять эти мерзкие англицизмы в речи). В айос 15 появился ещё и транслейт, но это на крайний случай.
На андроиде придётся установить стороннее приложение, которое интегрируется в контекстное меню выделения текста. Например, переводчик от Яндекса.
С MacOS всё понятно, в Windows в браузер можно поставить расширения, которые будут по клику показывать перевод или значение слова.
Иногда в определении слова есть непонятные слова. Я хожу по ним, пока не пойму, что это значит, или просто не сдамся, если это какая-то рокетсайнс терминология, которую и на русском не понимаю.
Караоке
Когда слушаете песню на английском, открывайте её текст и синхронно читайте. Самое клевое, если у вас Эппл Мьюзик. Терпимо, если Яндекс. Соболезную, если Спотифай. Думаю с него перейти из-за отсутствия текстов песен (и ещё ущербное качество звука, но про это в другой раз), это какая-то мерзость в конце 2021 года.
Обновлено 20.11.2021: в последнем обновлении Spotify наконец-то появились тексты песен. К сожалению, выделение текста не работает и быстро посмотреть незнакомое слово не получится.
Делайте это пока едете на работу или учебу и обратно. Если не начнёте понимать английский, то точно узнаете, что, например, песню Roses нельзя было крутить по радио.
Кстати, про радио. Как-то услышал радиоведущая озвучивала чарт и представляла песню «Dance Monkey» со словами «песня про танцующих обезьянок снова возглавляет чарт». Не надо так 🙈
Боб Марли, конечно, говорил, что музыка не знает слов и люди всё и так понимают, но, думаю, что это не стоит воспринимать буквально.
Фича с поиском и словарями из предыдущего совета очень помогает.
Фильмы и сериалы 🎥
Просмотр видео на английском вызывает лютейший дискомфорт, который в разы сильнее того, который испытываешь, когда меняешь язык интерфейса в телефоне. Хорошая новость: он тоже проходит. Не так быстро, но проходит.
Раньше смотреть фильмы и сериалы на английском и ещё с субтитрами – это прямо больно-больно. Нужно было идти на торренты, интернеты не очень быстрые, короче, ОДИНИКСБЭЭЭТ ОЗВУЧКА КУБИК В КУБЕ и никакого тебе оригинала. Английская поисковая выдача очень зацензурирована, а мусорных сайтов больше в два раза.
Сейчас всё красиво, заносить доллары за подписки на фильмы и сериалы проще простого:
Эппл ТВ. Внезапно на английском из коробки и субтитры. Посмотрел Servant, See, Mythic Quest, For All Mankind в оригинале. Клёво, если есть время залипать в сериалы.
Кинопоиск HD. Много большого кино, можно выбрать английскую аудиодорожку и всё с субтитрами на двух языках.
IMDb недавно добавил в приложения для iOS и Android просмотр видео. Нужен VPN с американским IP, но сам сервис бесплатный. Много больших фильмов, только английский.
Netflix, HBO и всё остальное, что вы знаете, но я не пробовал. Там тоже, наверное, можно менять звуковые дорожки и включать субтитры.
Я смотрю в комбинации английская аудиодорожка и английские субтитры. В другие комбинации не очень верю.
Кто-то говорит, что этот способ вообще не работает, потому что мозг облегчает себе жизнь и аудио не воспринимает, как и движения губ при разговоре. Как по мне, так всё наоборот: работает сразу визуальная и звуковая память на слова и звуки.
Пока небольшой словарный запас, приходится часто ставить на паузу и смотреть какие-то слова и выражения. Серия из 20 минут легко превращается в 30 и 40, но зато слышишь голос актеров в оригинале, эмоции и вот это всё. Джонни Депп и Ди Каприо в оригинале же!
Ещё можно смотреть YouTube и включать там английские субтитры. Новые видео с нормальным аудио, обычно, с нормальными субтитрами. Смотрите MKBHD вместо Wylsacom.
Книги? Статьи? Что ещё?
Однозначно стоит читать на английском: реддит, твиттер, новости, статьи, современные книги. Это не поможет понимать разговорный в ваших любимых фильмах и сериалах, но это расширяет словарный запас и уменьшают дискомфорт от языка.
Кто-то, конечно, посмеётся с этого всего добра из-за его очевидности, но у меня нет вообще способностей к изучению языков, не считая языков программирования, и я не разговариваю на английском вообще в принципе. Я даже русский язык не знаю, Тимур подтвердит.
С помощью этих простых вещей я начал понимать разговорный английский. Тут главное совсем немного терпения и преодоления самого себя. Ещё важная вещь, которую понял – не ставьте себе временных интервалов, за который вы должны что-то сделать с языком, это всё приходит постепенно. Добавьте английский в свою жизнь и всё станет проще.
Если владеете секретной магией изучения английского, поделитесь в комментариях.
Если лень смотреть минуту, то там про то, что фотографии должны быть в приложении «Фото», а песни в приложении «Музыка», потому что они лучше умеют работать с этими файлами. Finder будет нужен только тем, кто с ним умеет работать.
Примерно к этому и пришли, не считая того, что приложение «Фото» в MacOS работает ужасно и фотографии приходится скидывать с телефона на компьютер через AirDrop, если он не тупит, а если тупит, то через Telegram 😬
Сейчас как-то дико представить, но попробую: достаёшь телефон, открываешь файловый менеджер, заходишь в документы, ищешь папочку «Музыка» и идёшь по пути «Джаз» → «50-70» → «John Coltrane» и наконец-то нажимаешь на «Blue Train», выскакивает всплывающее окно «Через что воспроизвести?». Ой, только не рассказывайте про то, что вы FLAC напираченный с торрентов только так и слушаете.
Кстати, приложение «Файлы» представили вместе с iOS 11 в 2017 году, но получить полноценный доступ к файловой системе можно только с джейлбрейком. Зато к iPad Pro можно даже подключить SSD.
Увидел видео в треде, где обсуждали, что современные школьники не очень понимают, что такое файловая система, папки и файлы.
Раньше веб-версия YouTube позволяла открывать видео в режиме картинка в картинке (Picture in Picture), но сейчас после перехода в этот режим видео мгновенно сворачивается.
Секретная магия заключается в том, что встраиваемые в веб-страницу видео до сих пор можно спокойно сворачивать и даже слушать в фоне.
И даже не нужно платить 6 баксов!
В интернете очень много генераторов кода для YouTube. Вот один из них. Просто вставляйте ссылку на ролик, получайте его встраиваемую версию и код, запускайте видео на полный экран, нажимайте на иконку PiP и кайфуете, пока это не прикрыли. Добавляйте страницу в закладки, чтобы не потерять.
Для того, чтобы слушать видео в фоне до iOS 14 включительно, выведите его в режиме PiP, заблокируйте телефон, разблокируйте и нажмите на плеере Play. Не очень удобно, но бесплатно. В iOS 15 это поведение изменили и видео просто продолжают воспроизводиться даже после блокировки.
