Shows
Miner Vino[EPUB][PDF] HTML 5: A QuickStudy Laminated Reference Guide BY Robin Nixon on Audiobook New Pagespdf DOWNLOAD HTML 5: A QuickStudy Laminated Reference Guide BY Robin Nixon on Textbook Full Format
Read Online HTML 5: A QuickStudy Laminated Reference Guide is a great book to read and that’s why I recommend reading or downloading ebook HTML 5: A QuickStudy Laminated Reference Guide for free in any format with visit the link button below.
Visit Link Bellow
You Can Download Or Read Free Books
Link To Download => https://softebooks.com/?book=1423246675
Available versions: EPUB, PDF, MOBI, DOC, Kindle, Audiobook, etc.
read (PDF) HTML 5: A Qu...
2026-02-0600 minMiner Vino[EPUB][PDF] HTML 5: A QuickStudy Laminated Reference Guide BY Robin Nixon on Audiobook New Pagespdf DOWNLOAD HTML 5: A QuickStudy Laminated Reference Guide BY Robin Nixon on Textbook Full Format
Read Online HTML 5: A QuickStudy Laminated Reference Guide is a great book to read and that’s why I recommend reading or downloading ebook HTML 5: A QuickStudy Laminated Reference Guide for free in any format with visit the link button below.
Visit Link Bellow
You Can Download Or Read Free Books
Link To Download => https://softebooks.com/?book=1423246675
Available versions: EPUB, PDF, MOBI, DOC, Kindle, Audiobook, etc.
read (PDF) HTML 5: A Qu...
2026-02-0600 minMiner Vino[EPUB][PDF] HTML 5: A QuickStudy Laminated Reference Guide BY Robin Nixon on Audiobook New Pagespdf DOWNLOAD HTML 5: A QuickStudy Laminated Reference Guide BY Robin Nixon on Textbook Full Format
Read Online HTML 5: A QuickStudy Laminated Reference Guide is a great book to read and that’s why I recommend reading or downloading ebook HTML 5: A QuickStudy Laminated Reference Guide for free in any format with visit the link button below.
Visit Link Bellow
You Can Download Or Read Free Books
Link To Download => https://softebooks.com/?book=1423246675
Available versions: EPUB, PDF, MOBI, DOC, Kindle, Audiobook, etc.
read (PDF) HTML 5: A Qu...
2026-02-0600 min
Working DraftRevision 687: Valides HTML, mehr als Liebhaberei?In dieser Revision haben wir Webentwickler, Engineering-Manager und Autor Jens Oliver Meiert (Mastodon / Bluesky / LinkedIn) zu Gast und besprechen, weshalb HTML-Konformität die Basis professioneller Frontend-Arbeit ist, wo Validatoren und Tooling heute klemmen, wie optionales Markup und sinnvolle Minifizierung echte Gewinne bringen – und weshalb sauberes HTML die Voraussetzung bleibt, bevor wir über Semantik, Accessibility und DX diskutieren.
Schaunotizen
[00:01:10] 0 of the Global Top 200 Websites Use Valid HTML
Anlass unseres Gesprächs ist Jens´ alljährlich stattfindende Datenerhebung zu der HTML-Konformität der Top 200 Webseiten. Das Ergebnis ist Jahr für Jahr niederschmetternd. In 2025 schafft es keine der getestete...
2025-11-041h 01
hx-podHtml is actually good and it's getting better with Tony EnnisTony Ennis joins me to talk about how websites can be built with simplicity and power using new html and browser standards.================== EPISODE LINKSTony on X: https://x.com/tonyennisHtml First: https://html-first.comMini JS: https://mini-js.comBase Styles: https://base-styles.comTony's talk at big Sky: https://www.youtube.com/watch?v=aknX6xq8VfgUna at Google IO: https://www.youtube.com/watch?v=VTCIStB6y8s================== CHAPTERS00:00 Intro to Tony00:34 Tony's work at Really Good Software02:17 "My whole thing...
2025-10-021h 19
KodkunskapHTML & CSS del 2 av 8: HTML – Skelettet av en webbsidaKodkunskap är en utbildnings- och fortbildningssida och community för utvecklare. Denna podcast är en del av ett utbildningsmaterial.🏠 https://www.kodkunskap.se💬 https://discord.gg/hZfsnpQMDenna serien handlar om HTML & CSS och detta är avsnittet 2 av 8.---Nu börjar vi bygga! I det här avsnittet får du en praktisk och begriplig introduktion till HTML – språket som ger webbsidor struktur och innehåll. Vi går igenom hur HTML fungerar, hur taggar ser ut, och hur du skriver din första webbsida helt från grunden.Du...
2025-08-2113 min
tranarmenla1980Plantilla Pdf HtmlFile name: Plantilla Pdf Html
Rating: 4.6 / 5 (1577 votes)
Downloads: 2357
========================
Link👉Plantilla Pdf Html
========================
2025-05-1000 min
Webコンサルタント中山陽平の「中小企業を強くするWebマーケティングラジオ」第503回: HTML構造はSEOにほぼ無関係、だがAI時代では重要では？ラウンドナップWebコンサルティングの中山陽平です。 今回はSEOの話として、「HTML構造はランキングにほぼ影響しない」と言われる一方で、AI時代にはむしろ重要性が増すのではないか、という点を整理します。
このPodcast/書き起こしで得られること（要点）
HTMLを正しく書くことが、すぐに順位を押し上げるような話ではありません。
けれども、検索結果の見え方や、AIによる要約・引用のされ方まで含めて考えると、基本のマークアップを整えておく意義はじわじわ増しています。
この回では、HTML構造の扱いについて「誤解されやすいポイント」をほどきながら、どこまでを“最低限”として押さえるべきかをまとめます。
「HTML構造はSEOに無関係」と言われる背景と、本来の意図
ランキング以外で起きる変化（タイトル・スニペット等）との関係
AI時代に向けて、誤解を減らすためのマークアップの考え方
「HTML構造はSEOにほぼ無関係」と言われる理由
SEOの文脈で、HTMLの正しさ（バリデーターで満点かどうか）が話題になることがあります。
20年ほど前から制作をしている方だと、HTMLバリデーターでチェックする習慣があった、という方もいらっしゃると思います。
ここで混ざりやすいのが、「HTMLが正しい＝順位が上がる」という期待です。
実際、HTMLが完全にバリッドだからといって、それだけで何か有利になるわけではないわけです。
ただし、この話を「HTMLは適当に書いてよい」と受け取ってしまうと、少し危ういと思っています。
過去にあった“歪み”が、誤解の出発点になっている
この話の背景として、昔は「H1が重要だ」と言われ続けた時期がありました。
そうすると一部では、何でもかんでもH1でくくる、といった極端なやり方がテクニックとして広がりました。当然構造としてはおかしいですよね、全部見だし１なんて。
こうした“ランキング操作”の発想が広がると、HTMLが本来持つ役割（意味づけ）とは別の目的で、構造そのものが壊れていきます。
その反動として、「SEO目的でHTML構造をいじるのは意味がないから、やめましょう」というメッセージが前に出てきた、という流れだと私は捉えています。 これはコンテンツでも同じで、ランキング操作を目的とした作り方ではなく、ユーザーにとって役に立つものを作るべきだ、という話と地続きです。
結論：バリデーター満点は不要。でも基本の構造は整えたほうがよい
まず結論から言うと、私は「ある程度はきちんと作っておいたほうがよい」という立場です。
ここで言う「きちんと」は、バリデーターで100点を狙う、といった話ではありません。本文はp、見出しは見出し、箇条書きはリスト、といった“最低限の意味づけ”を揃える、という話です。
そして、この「最低限」が効いてくるのは、順位そのものというより、検索結果の見え方や情報の取り出され方です。実際、見出し（h要素）やタイトル（title要素）などを整えると、スニペットやサイトリンクの出方が変わることがあります。つまり、検索エンジンがそこを見ていない、ということはないはずです。
最低限、揃えておきたいマークアップ
「divで全部作っても見た目が整っていればよい」と考えたくなる気持ちは分かります。
ただ、AIによる要約や抽出まで含めて考えるなら、要素の意味が分かる形にしておくほうが安全です。 私が“最低限”として揃えたほうがよいと思うのは、次のあたりです。
文章・見出し・引用の基本
本文はp（段落）で区切り、見出しはh2/h3…の階層でそろえる
箇条書きは、順序付きリスト（ol）／順序なしリスト（ul）を使う
引用はblockquoteを使い、引用であることが分かる形にする
ページの区切りを“意味”で伝える
最近は、メインコンテンツをmainでくくる、ヘッダーはheader、フッターはfooter、サイドはaside、といった“意味のある要素”が揃っています。 このあたりまで整えておくと、「どこが主コンテンツなのか」「どこが補助情報なのか」が伝わりやすくなります。
表組みは、表として伝える
表を表として伝えるなら、thとtdを使い分ける、必要に応じてthead/tbodyなどでまとまりを分ける、といった基本を押さえるのがよいと思います。 表を見た目だけで作ってしまうと、情報の取り違えが起きやすくなります。
AI時代に“誤解されない努力”が必要になる
これから情報量はさらに増えます。AIがページの一部を拾って要約したり、複数ページの情報を組み合わせて文章を作ったりする場面も増えるでしょう。
そのとき、ページの構造が雑だと、AIが「どれが見出しで、どれが注釈で、どれが価格の表なのか」を取り違えやすくなります。
私が特に気になるのは、価格や提供内容など、誤解がそのまま不満につながりやすい情報です。
もしAI生成の部分で、安いプランの価格と上位プランの内容が混ざったような見え方をしてしまったら、ページに来た方は期待と現実の差でがっかりしてしまいます。 その意味で、私たち側も「正しく拾われるための下準備」をしておく必要がある、と感じています。
「HTML構造はランキングに関係ない」の読み取り方
ここでポイントだと思うのは、話の文脈が「HTMLをランキング操作のためにいじるな」という方向にあることです。
さらに、その説明として「もしネット上のサイトが全部同じ構造だったら、すごくつまらないよね」という趣旨の言い方も出てきます。
これは、ヘッダーがあって、その下にメニューがあって、右にサイドバーがあって……といった“レイアウトの型”を、SEOの正解として固定したくない、という話として読むのが自然だと思います。つまり、サイドバーの有無のような大枠の配置で、SEOの良し悪しが決まるわけではない、ということです。
ここから「だから、HTMLは適当に書いてよい」と結論づけるのは、少し飛びすぎではないでしょうか。見出し、段落、リスト、表といった基本の意味づけは、むしろ丁寧にしておいたほうが、取り出しやすさの面で堅いと思います。
CSSはどう考えるか
CSSについては、HTMLほど神経質にならなくてよい、という感覚があります。もちろん、見出しが見出しに見える、本文が本文に見える、といった視覚的な分かりやすさは大切です。
ただ、CSSをきれいに分割して整形する、といった“整え方そのもの”をSEOのために優先する必要は、そこまで高くないと感じています。
現実的な落としどころ：ビジュアルエディターを活用しつつ、ソースを見る習慣を持つ
「面倒だな」と感じる場合は、ビジュアルエディターをきちんと使う、というのも一つの方法です。WordPressなどでも、一定の品質でHTMLを出してくれるケースは多いです。
一方で、貼り付け方によってはpがdivに変わったり、不要な要素が増えたりすることもあるので、完全に任せきりにせず、自分たちのサイトのソースがどうなっているかを時々見る習慣があると安心です。
HTMLは、全部を手で書ける必要はありません。
ただ、最低限の構造が分かるだけでも、制作や運用の判断がしやすくなります。 優先順位が最上位というわけではないのですが、「意識として持っておくと後で助かる」領域だと思います。
まとめ
HTMLがバリデーターで満点だから順位が上がる、という話ではありません。
けれども、段落・見出し・リスト・表といった基本の意味づけを整えておくと、検索結果の見え方や、AIが情報を取り出す場面での誤解を減らしやすくなります。
特に、価格や提供内容のように誤解が致命的になりやすい情報ほど、「正しく伝わる下準備」をしておく価値は高いと感じています。
関連リンク
Search Off the Record Podcast | Google Search Central
2024-01-3024 min
Про код028. ESLint без правил, CSS без препроцессоров и формы без кнопокНовогодняя игра «Код сурка»: отвечайте на вопросы, проходите тренажёры, зарабатывайте баллы и выиграйте профессию!ESLint отказывается от правил форматирования кода. Пора переходить на Prettier? Обсудили паттерн отключения кнопки при отправке форм — не всё так просто и сложней, чем кажется. Обсудили историю миграции с Preact на React: плюсы и минусы. Поговорили про CSS-вложенность и отказ от препроцессоров. Под занавес поговорили про базы данных и узнали почему стоит обратить внимание на SQLite.Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.Ссылки и таймкоды:00:00:25 Код сурка00:01:06 ESLint 8.53 без правил форматирования00:18:25 Не отключайте кнопку00:30:06 Возвращаемся на React00:42:50 CSS-вложенность уже здесь или пора отказываться от препроцессоров00:54:28 Почему мы должны использовать SQLiteУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-12-261h 11
Про код028. ESLint без правил, CSS без препроцессоров и формы без кнопокНовогодняя игра «Код сурка»: отвечайте на вопросы, проходите тренажёры, зарабатывайте баллы и выиграйте профессию!
ESLint отказывается от правил форматирования кода. Пора переходить на Prettier? Обсудили паттерн отключения кнопки при отправке форм — не всё так просто и сложней, чем кажется. Обсудили историю миграции с Preact на React: плюсы и минусы. Поговорили про CSS-вложенность и отказ от препроцессоров. Под занавес поговорили про базы данных и узнали почему стоит обратить внимание на SQLite.
Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.
Ссылки и таймкоды:
00:00:25 Код сурка
00:01:06 ESLint 8.53 без правил форматирования
00:18:25 Не отключайте кнопку
00:30:06 Возвращаемся на React
00:42:50 CSS-вложенность уже здесь или пора отказываться от препроцессоров
00:54:28 Почему мы должны использовать SQLite
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-12-261h 11
Programming Tech Brief By HackerNoonHow to Change Index HTML in Nginx
This story was originally published on HackerNoon at: https://hackernoon.com/how-to-change-index-html-in-nginx.
Learn how to change the index HTML file in Nginx, particularly in Kubernetes using ConfigMap.
Check more stories related to programming at: https://hackernoon.com/c/programming.
You can also check exclusive content about #web-development, #devops, #kubernetes, #nginx, #index-html, #change-index-html, #change-index-html-in-nginx, #nginx-configuration-file, and more.
This story was written by: @benkellydev. Learn more about this writer by checking @benkellydev's about page,
and for more stories, please visit hackernoon.com.
This guide provides an in-depth exploration of changing the index HTML file in...
2023-12-1906 minПро код027. Быстрый Firefox, state of React и отладка в Node.jsОбсудили зачем участвовать в опросе State of React 2023. Подсветили важность процедуры отладки приложений на Node.js и какими инструментами её производить. Разобрали стартовый шаблон для нового приложения на Node.js: зависимости, фреймворк Ts.ED, сценарии и так далее. Посмотрели что там с производительностью Firefox и много всякого другого.Ведущие: Коля Шабалин и Игорь Антонов.Ссылки и таймкоды:00:00:40 State of React 202300:09:46 Приоритет индексации мобильных устройств в Google завершён00:17:24 Шаблон для Node.js с TypeScript00:28:00 Firefox стал быстрее00:35:04 Отладка в Node.js00:45:48 crypto-hash00:48:12 express-slow-down для ExpressУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-11-0950 minПро код027. Быстрый Firefox, state of React и отладка в Node.jsОбсудили зачем участвовать в опросе State of React 2023. Подсветили важность процедуры отладки приложений на Node.js и какими инструментами её производить. Разобрали стартовый шаблон для нового приложения на Node.js: зависимости, фреймворк Ts.ED, сценарии и так далее. Посмотрели что там с производительностью Firefox и много всякого другого.
Ведущие: Коля Шабалин и Игорь Антонов.
Ссылки и таймкоды:
00:00:40 State of React 2023
00:09:46 Приоритет индексации мобильных устройств в Google завершён
00:17:24 Шаблон для Node.js с TypeScript
00:28:00 Firefox стал быстрее
00:35:04 Отладка в Node.js
00:45:48 crypto-hash
00:48:12 express-slow-down для Express
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-11-0950 minПро код026. Привет content-visibility и text-wrap, но прощай Buffer и Next.jsNode.js 20 стала LTS релизом, а в следующий релиз завезли новый полезный флаг для автоматического определения модульной системы. Обсудили новые значения для свойства text-wrap: pretty, balanced и как они помогают улучшить выравнивание абзацев. Поговорили про чек-лист для начинающего React-разработчика и узнали почему пора переезжать с Buffer на Uint8Array. А в конце немного про Next.js.Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.Ссылки и таймкоды:00:00:51 content-visibility в следующем Safari?00:11:48 Автоматическое определение CommonJS и ESM в Node.js00:19:27 text-wrap: pretty00:27:39 Прощай, Node.js Buffer00:35:34 Select element: теперь с разделителями00:40:40 Tao of React — всё самое важное для настоящих разработчиков00:57:02 Why I Won't Use Next.jsУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-11-011h 05Про код026. Привет content-visibility и text-wrap, но прощай Buffer и Next.jsNode.js 20 стала LTS релизом, а в следующий релиз завезли новый полезный флаг для автоматического определения модульной системы. Обсудили новые значения для свойства text-wrap: pretty, balanced и как они помогают улучшить выравнивание абзацев. Поговорили про чек-лист для начинающего React-разработчика и узнали почему пора переезжать с Buffer на Uint8Array. А в конце немного про Next.js.
Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.
Ссылки и таймкоды:
00:00:51 content-visibility в следующем Safari?
00:11:48 Автоматическое определение CommonJS и ESM в Node.js
00:19:27 text-wrap: pretty
00:27:39 Прощай, Node.js Buffer
00:35:34 Select element: теперь с разделителями
00:40:40 Tao of React — всё самое важное для настоящих разработчиков
00:57:02 Why I Won't Use Next.js
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-11-011h 05Про код025. Потрясения Node.js 21, что скрывает CCC и вечная проблема с именованиемОбсудили свежий релиз Node.js. А там стабильные fetch и Web Streams API, экспериментальный WebSocket клиент, важный флаг experimental-default-type и небольшие, но приятные обновления встроенного модуля тестирования. А ещё разобрали базовые принципы оптимизации, напомнили зачем нужен package-lock.json и снова думали как назвать переменные, на этот раз в CSS.Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.Ссылки и таймкоды:00:00:26 Node.js 2100:26:25 The Three C: Concatenate, Compress, Cache00:48:43 Stop using npm install in your CI/CD pipeline00:57:04 Именование переменных в CSSУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-10-231h 08Про код025. Потрясения Node.js 21, что скрывает CCC и вечная проблема с именованиемОбсудили свежий релиз Node.js. А там стабильные fetch и Web Streams API, экспериментальный WebSocket клиент, важный флаг experimental-default-type и небольшие, но приятные обновления встроенного модуля тестирования. А ещё разобрали базовые принципы оптимизации, напомнили зачем нужен package-lock.json и снова думали как назвать переменные, на этот раз в CSS.
Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.
Ссылки и таймкоды:
00:00:26 Node.js 21
00:26:25 The Three C: Concatenate, Compress, Cache
00:48:43 Stop using npm install in your CI/CD pipeline
00:57:04 Именование переменных в CSS
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-10-231h 08Про код024. Смотрим в будущее: Interop 2024, бета версия TypeScript 5.3, анти-паттерны конфигурирования в Node.jsInterop 2024: что это такое, почему важно и как участвовать в голосовании. Разберём улучшения в бета-версии TypeScript 5.3: import attributes, type narrow для switch, оптимизация производительности, более тщательная проверка Symbol.hasInstance и другие полезные новинки. Про Photoshop в браузере и как это поможет разработчикам. В очередной раз обсудим селекторы и разберёмся как :not объединяет несколько селекторов. И это ещё не всё.Ведущие: Коля Шабалин и Игорь Антонов.Ссылки и таймкоды:00:00:52 Будьте готовы к Interop 202400:13:21 Бета-версия TypeScript 5.3, улучшений много00:40:33 Как :not() объединяет несколько селекторов00:48:08 Переменные окружения и анти-паттерны работы с конфигурацией00:57:02 Как Photoshop использует браузерные технологии на пределе возможностей01:11:00 Должны ли ESM модули быть по умолчанию?Учитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-10-161h 16Про код024. Смотрим в будущее: Interop 2024, бета версия TypeScript 5.3, анти-паттерны конфигурирования в Node.jsInterop 2024: что это такое, почему важно и как участвовать в голосовании. Разберём улучшения в бета-версии TypeScript 5.3: import attributes, type narrow для switch, оптимизация производительности, более тщательная проверка Symbol.hasInstance и другие полезные новинки. Про Photoshop в браузере и как это поможет разработчикам. В очередной раз обсудим селекторы и разберёмся как :not объединяет несколько селекторов. И это ещё не всё.
Ведущие: Коля Шабалин и Игорь Антонов.
Ссылки и таймкоды:
00:00:52 Будьте готовы к Interop 2024
00:13:21 Бета-версия TypeScript 5.3, улучшений много
00:40:33 Как :not() объединяет несколько селекторов
00:48:08 Переменные окружения и анти-паттерны работы с конфигурацией
00:57:02 Как Photoshop использует браузерные технологии на пределе возможностей
01:11:00 Должны ли ESM модули быть по умолчанию?
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-10-161h 16Про код023. Новинки Node.js 20.6, масштабирование адаптивных шрифтов, хайп вокруг BunNode.js 20 научилась работать с .env-файлами из коробки, dotenv больше не нужен? К каким проблемам может привести не знание о NODE_ENV, обсуждаем явное и неявное. CSS и адаптивные шрифты: много математики и новые функции. Знакомство с убийцей (нет) Node.js. Обсуждаем первую версию Bun.Ведущие: Коля Шабалин и Игорь Антонов.Ссылки и таймкоды:00:00:58 Встроенная поддержка .env в Node.js 20.600:13:35 Ах этот вредный NODE_ENV или нет?00:24:20 Адаптивный шрифт масштабируется с помощью компонуемых утилит CSS00:40:55 Могут ли символы SVG влиять на производительность в интернете?00:58:42 Bun на хайпеУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-10-091h 25Про код023. Новинки Node.js 20.6, масштабирование адаптивных шрифтов, хайп вокруг BunNode.js 20 научилась работать с .env-файлами из коробки, dotenv больше не нужен? К каким проблемам может привести не знание о NODE_ENV, обсуждаем явное и неявное. CSS и адаптивные шрифты: много математики и новые функции. Знакомство с убийцей (нет) Node.js. Обсуждаем первую версию Bun.
Ведущие: Коля Шабалин и Игорь Антонов.
Ссылки и таймкоды:
00:00:58 Встроенная поддержка .env в Node.js 20.6
00:13:35 Ах этот вредный NODE_ENV или нет?
00:24:20 Адаптивный шрифт масштабируется с помощью компонуемых утилит CSS
00:40:55 Могут ли символы SVG влиять на производительность в интернете?
00:58:42 Bun на хайпе
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-10-091h 25Про код022. Я выкинул из проекта WOFF и вот что случилось, а также узнал как работает every и groupByНа этой неделе мы узнали, что WOFF больше не нужен. Вспомнили как использовать нативный lazy-loading и познакомились с типизацией кастомных свойств. В мире JS удивились от работы every() по спецификации, а также познакомились с новым методом groupBy().Ведущие: Коля Шабалин и Лёша Симоненко.Ссылки и таймкоды:00:00:40 WOFF покинул здание00:09:58 Прекратите ленивую загрузку продуктов и главных изображений00:24:30 Системы безопасного проектирования CSS с помощью @property00:34:23 Почему every() возвращает true для пустых массивов?00:43:56 Object.groupBy() теперь в JavaScriptУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-09-2053 minПро код022. Я выкинул из проекта WOFF и вот что случилось, а также узнал как работает every и groupByНа этой неделе мы узнали, что WOFF больше не нужен. Вспомнили как использовать нативный lazy-loading и познакомились с типизацией кастомных свойств. В мире JS удивились от работы every() по спецификации, а также познакомились с новым методом groupBy().
Ведущие: Коля Шабалин и Лёша Симоненко.
Ссылки и таймкоды:
00:00:40 WOFF покинул здание
00:09:58 Прекратите ленивую загрузку продуктов и главных изображений
00:24:30 Системы безопасного проектирования CSS с помощью @property
00:34:23 Почему every() возвращает true для пустых массивов?
00:43:56 Object.groupBy() теперь в JavaScript
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-09-2053 minПро код021. Алгоритмы сортировки и большая О, зачем нужен @scope и прощай nodemonВ этот раз мы углубимся в разнообразные аспекты программирования. Узнаем, как эффективно сортировать данные, программировать с использованием CSS, и даже познакомимся с альтернативами хорошо известных инструментов. Также расскажем, как использовать JSX вне мира React, поделимся важностью альтернативного текста для изображений и дадим краткий обзор пересмотра библиотеки Lodash.Ведущие: Коля Шабалин и Игорь Антонов.Ссылки и таймкоды:00:01:10 Алгоритмы сортировки00:17:13 Краткое введение в CSS @scope00:31:54 Прощай, nodemon или нет?00:42:21 Прогрессивно улучшенная проверка формы, часть 2: многоуровневое представление в JavaScript00:59:08 JSX без React01:06:04 Зал славы альтернативного текста: чествование хорошо написанных описаний изображений01:10:19 Вам не нужен LodashУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-09-111h 14Про код021. Алгоритмы сортировки и большая О, зачем нужен @scope и прощай nodemonВ этот раз мы углубимся в разнообразные аспекты программирования. Узнаем, как эффективно сортировать данные, программировать с использованием CSS, и даже познакомимся с альтернативами хорошо известных инструментов. Также расскажем, как использовать JSX вне мира React, поделимся важностью альтернативного текста для изображений и дадим краткий обзор пересмотра библиотеки Lodash.
Ведущие: Коля Шабалин и Игорь Антонов.
Ссылки и таймкоды:
00:01:10 Алгоритмы сортировки
00:17:13 Краткое введение в CSS @scope
00:31:54 Прощай, nodemon или нет?
00:42:21 Прогрессивно улучшенная проверка формы, часть 2: многоуровневое представление в JavaScript
00:59:08 JSX без React
01:06:04 Зал славы альтернативного текста: чествование хорошо написанных описаний изображений
01:10:19 Вам не нужен Lodash
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-09-111h 14Про код020. TypeScript + React в документации, что есть в DevTools и как отменить подписку на событиеУзнали как выбирать npm-пакеты с помощью Node.js Toolbox в контексте решаемой задачи. Обсудили возможности DevTools в разных браузерах. Узнали как применять API виртуальной клавиатуры в мобильных браузерах. Разобрали несколько способов как отметить подписку на события в DOM. Порадовались обновлённой документации по React (в неё добавили TypeScript). Подискутировали про Type Alias и Interface в TypeScript. А также узнали как улучшить проверку форм.Ведущие: Коля Шабалин и Игорь Антонов.Ссылки и таймкоды:00:01:02 Node.js Toolbox00:17:23 Могу ли я использовать DevTools00:31:02 API виртуальной клавиатуры00:40:33 You’ve Got Options for Removing Event Listeners00:58:56 React + TypeScript. Обновлена официальная документация по React01:04:21 Type vs Interface: Which Should You Use In 2023?01:14:15 Постепенно улучшенная проверка формы, часть 1: HTML и CSSУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-09-051h 21Про код020. TypeScript + React в документации, что есть в DevTools и как отменить подписку на событиеУзнали как выбирать npm-пакеты с помощью Node.js Toolbox в контексте решаемой задачи. Обсудили возможности DevTools в разных браузерах. Узнали как применять API виртуальной клавиатуры в мобильных браузерах. Разобрали несколько способов как отметить подписку на события в DOM. Порадовались обновлённой документации по React (в неё добавили TypeScript). Подискутировали про Type Alias и Interface в TypeScript. А также узнали как улучшить проверку форм.
Ведущие: Коля Шабалин и Игорь Антонов.
Ссылки и таймкоды:
00:01:02 Node.js Toolbox
00:17:23 Могу ли я использовать DevTools
00:31:02 API виртуальной клавиатуры
00:40:33 You’ve Got Options for Removing Event Listeners
00:58:56 React + TypeScript. Обновлена официальная документация по React
01:04:21 Type vs Interface: Which Should You Use In 2023?
01:14:15 Постепенно улучшенная проверка формы, часть 1: HTML и CSS
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-09-041h 21Про код019. Форматеры объектов, новая Призма и repeat() в гридахОбсудили форматеры в FF 116: зачем они нужны и кто ими пользуется. Вспомнили VanJS — микрофреймворк, который дорос до версии 1.0. Подробно разобрали функцию repeat() для использования в гридах. Устроили ликбез по ORM и разобрали нововведения в Prisma. Поговорили про новую спеку анимаций основанных на прокрутке и это ещё не всё…Ведущие: Коля Шабалин и Игорь Антонов.Ссылки и таймкоды:00:00:25 Пользовательские форматеры объектов в DevTools теперь и в Firefox00:08:51 VanJS дорос до версии 1.000:13:50 Как использовать функцию repeat() гридов00:34:09 Вышла Prisma версии 5.100:52:26 tsup00:58:24 Анимация прокрутки в CSS01:07:06 Бойлерплейты: Hackathon Starter для Node.js, Vite React BoilerplateУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-08-081h 21Про код019. Форматеры объектов, новая Призма и repeat() в гридахОбсудили форматеры в FF 116: зачем они нужны и кто ими пользуется. Вспомнили VanJS — микрофреймворк, который дорос до версии 1.0. Подробно разобрали функцию repeat() для использования в гридах. Устроили ликбез по ORM и разобрали нововведения в Prisma. Поговорили про новую спеку анимаций основанных на прокрутке и это ещё не всё…
Ведущие: Коля Шабалин и Игорь Антонов.
Ссылки и таймкоды:
00:00:25 Пользовательские форматеры объектов в DevTools теперь и в Firefox
00:08:51 VanJS дорос до версии 1.0
00:13:50 Как использовать функцию repeat() гридов
00:34:09 Вышла Prisma версии 5.1
00:52:26 tsup
00:58:24 Анимация прокрутки в CSS
01:07:06 Бойлерплейты: Hackathon Starter для Node.js, Vite React Boilerplate
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-08-081h 21Про код018. Дэн Абрамов ушёл из React, ужасы TypeScript и плохие нейроальтыОбсудили уход Дэна Абрамова из React, книжку по TypeScript с 200+ главами, aspect-ratio нормального разработчика и поспорили насчёт генерации альт-текстов нейросетями.Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.Ссылки и таймкоды:00:00:38 Дэн Абрамов перестаёт заниматься React и меняет место работы00:03:41 Третье издание спецификации PNG было опубликовано как рабочий проект W3C00:14:13 Краткая книга TypeScript00:19:35 5 неудобных истин о TypeScript00:34:26 Как использовать aspect-ratio00:43:45 Проблема с автоматически сгенерированными альтернативными текстами для изображенийУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-08-041h 02Про код018. Дэн Абрамов ушёл из React, ужасы TypeScript и плохие нейроальтыОбсудили уход Дэна Абрамова из React, книжку по TypeScript с 200+ главами, aspect-ratio нормального разработчика и поспорили насчёт генерации альт-текстов нейросетями.
Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.
Ссылки и таймкоды:
00:00:38 Дэн Абрамов перестаёт заниматься React и меняет место работы
00:03:41 Третье издание спецификации PNG было опубликовано как рабочий проект W3C
00:14:13 Краткая книга TypeScript
00:19:35 5 неудобных истин о TypeScript
00:34:26 Как использовать aspect-ratio
00:43:45 Проблема с автоматически сгенерированными альтернативными текстами для изображений
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-08-041h 02Про код017. Проблемы с тегами, новая версия Node.js и обновление @font-faceСамый исторический выпуск за всё время — обсудили историю TypeScript, HTML, XHTML и немного Node.js. А кроме этого обсудили немного новостей о свежих возможностях веба и поговорили о будущем спецификаций.
Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.
Ссылки и таймкоды:
00:00:30 Визуально скрытые элементы единичной ширины
00:05:03 Node 18.17 LTS
00:07:08 Promise.withResolvers
00:17:03 Новый синтаксис @font-face
00:27:27 История TypeScript
00:48:50 Дело против самозакрывющихся тегов
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-07-271h 06Про код017. Проблемы с тегами, новая версия Node.js и обновление @font-faceСамый исторический выпуск за всё время — обсудили историю TypeScript, HTML, XHTML и немного Node.js. А кроме этого обсудили немного новостей о свежих возможностях веба и поговорили о будущем спецификаций.Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.Ссылки и таймкоды:00:00:30 Визуально скрытые элементы единичной ширины00:05:03 Node 18.17 LTS00:07:08 Promise.withResolvers00:17:03 Новый синтаксис @font-face00:27:27 История TypeScript00:48:50 Дело против самозакрывющихся теговУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-07-271h 06Про код016. Обновки для Prettier и Vite, что принёс WCAG 2.2 и как выбрать фреймворкВ этом выпуске обсудим состояние пакетов в NPM. Поворчим о работе с DOM. Узнаем про новые единицы измерения в CSS. Поговорим о новинках Pretier и Vite. Обсудим нововведения WCAG 2.2. Сравним примеры кода различных фреймворках и поговорим про Firefox 115.Ведущие: Коля Шабалин и Игорь Антонов.Ссылки и таймкоды:00:01:00 State Of npm 202300:10:30 Plain Old JavaScript and the DOM00:19:13 Новые единицы измерения области просмотра00:29:43 Prettier 3.0. Hello, ECMAScript Modules00:41:00 Vite 4.400:51:40 WCAG 2.2: Быстрый и упрощенный01:03:20 Component Party Dev01:08:56 ECMAScript 2023 и Firefox 115Учитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-07-241h 10Про код016. Обновки для Prettier и Vite, что принёс WCAG 2.2 и как выбрать фреймворкВ этом выпуске обсудим состояние пакетов в NPM. Поворчим о работе с DOM. Узнаем про новые единицы измерения в CSS. Поговорим о новинках Pretier и Vite. Обсудим нововведения WCAG 2.2. Сравним примеры кода различных фреймворках и поговорим про Firefox 115.
Ведущие: Коля Шабалин и Игорь Антонов.
Ссылки и таймкоды:
00:01:00 State Of npm 2023
00:10:30 Plain Old JavaScript and the DOM
00:19:13 Новые единицы измерения области просмотра
00:29:43 Prettier 3.0. Hello, ECMAScript Modules
00:41:00 Vite 4.4
00:51:40 WCAG 2.2: Быстрый и упрощенный
01:03:20 Component Party Dev
01:08:56 ECMAScript 2023 и Firefox 115
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-07-241h 10Про код015. CommonJS мешает, using уже в Node.js, а атрибут decoding ничего не даётТеперь и в Node.js добавляют поддержку ключевого слова using и другие новинки версии 20.4. А также обсудим чем так вреден CommonJS и почему мы до сих пор не можем перейти на ECMAScript Modules. Попытаемся разобраться что делает атрибут decoding, обсудим новую документацию React.js, посмотрим на инструмент для подбора шрифтов, а закончим всё встроенным в Node.js модулем для тестирования. Поехали!Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.Ссылки и таймкоды:00:00:28 Релиз Node.js 20.4.0 с новым using для TypeScript00:13:23 CommonJS вредит JavaScript00:33:07 Что делает атрибут decoding с изображениями?00:48:04 В документации React.js рекомендации по использованию TypeScript01:00:00 Как проверить кумулятивный сдвиг шрифтов01:06:35 Что ждать и чего не ждать от встроенного в Node.js Test RunnerУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-07-211h 12Про код015. CommonJS мешает, using уже в Node.js, а атрибут decoding ничего не даётТеперь и в Node.js добавляют поддержку ключевого слова using и другие новинки версии 20.4. А также обсудим чем так вреден CommonJS и почему мы до сих пор не можем перейти на ECMAScript Modules. Попытаемся разобраться что делает атрибут decoding, обсудим новую документацию React.js, посмотрим на инструмент для подбора шрифтов, а закончим всё встроенным в Node.js модулем для тестирования. Поехали!
Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.
Ссылки и таймкоды:
00:00:28 Релиз Node.js 20.4.0 с новым using для TypeScript
00:13:23 CommonJS вредит JavaScript
00:33:07 Что делает атрибут decoding с изображениями?
00:48:04 В документации React.js рекомендации по использованию TypeScript
01:00:00 Как проверить кумулятивный сдвиг шрифтов
01:06:35 Что ждать и чего не ждать от встроенного в Node.js Test Runner
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-07-211h 12Про код014. Юбилейный NestJS, using в TypeScript и классный color-mix()В этом выпуске обсудим юбилейный релиз NestJS, разберёмся кому он нужен и в каких случаях не хватает Express.js. Разберёмся с новым ключевым словом using, который сначала заезжает в TypeScript, а потом и в спецификацию JavaScript. Попробуем понять как и где можно использовать функцию color-mix(). А в конце попробуем понять зачем команда React.js пыталась пропатчить Fetch API и чем всё закончилось. Начинаем!Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.Ссылки и таймкоды:00:01:00 Юбилейный NestJS00:23:38 Ключевое слово using в TypeScript 5.200:43:11 Смешиваем цвета в CSS с помощью color-mix()00:53:42 color-mix() и непрозрачность00:54:45 Как использовать оттенки цветов с помощью HSL01:02:13 Зачем патчить Fetch API внутри React.jsУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-07-041h 08Про код014. Юбилейный NestJS, using в TypeScript и классный color-mix()В этом выпуске обсудим юбилейный релиз NestJS, разберёмся кому он нужен и в каких случаях не хватает Express.js. Разберёмся с новым ключевым словом using, который сначала заезжает в TypeScript, а потом и в спецификацию JavaScript. Попробуем понять как и где можно использовать функцию color-mix(). А в конце попробуем понять зачем команда React.js пыталась пропатчить Fetch API и чем всё закончилось. Начинаем!
Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.
Ссылки и таймкоды:
00:01:00 Юбилейный NestJS
00:23:38 Ключевое слово using в TypeScript 5.2
00:43:11 Смешиваем цвета в CSS с помощью color-mix()
00:53:42 color-mix() и непрозрачность
00:54:45 Как использовать оттенки цветов с помощью HSL
01:02:13 Зачем патчить Fetch API внутри React.js
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-07-041h 08Про код013. Гифки всё, Sass всё, поля всё. Или нет?CSS, CSS, CSS, CSS, CSS и гифки.
Ведущие: Коля Шабалин, Лёша Симоненко и Женя Шкляр.
Ссылки и таймкоды:
00:01:12 Стартовал State of CSS
00:06:12 Альтернатива анимированному GIF
00:24:01 Обрезка полей и лучшие практики
00:39:57 Не отказывайтесь от Sass ради CSS
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-06-2753 minПро код013. Гифки всё, Sass всё, поля всё. Или нет?CSS, CSS, CSS, CSS, CSS и гифки.Ведущие: Коля Шабалин, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:01:12 Стартовал State of CSS00:06:12 Альтернатива анимированному GIF00:24:01 Обрезка полей и лучшие практики00:39:57 Не отказывайтесь от Sass ради CSSУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-06-2753 minПро код012. Тупой автофокус, умные контейнейры, ещё один Chrome и опрос StackOverflow 2023В этом выпуске всё, как вы любите — удивляемся нелогичности фронтенда, радуемся логичности фронтенда, до лёгкой хрипотцы спорим про старые редакторы кода (привет, TextMate) и стараемся прогнозировать будущее на основе опроса StackOverflow. А Марк, который монтирует подкаст, сказал «Выпуск вышел замечательный, кстати. Очень забавный.». Пора проверять.
Ведущие: Коля Шабалин, Лёша Симоненко и Женя Шкляр.
Ссылки и таймкоды:
00:00:39 Проблема с автофокусом и что делать с этим делать
00:16:11 Отдельный Chrome для тестирования
00:26:26 Лучшие практики для контейнерных запросов
00:43:20 Результаты опроса разработчиков Stack Overflow за 2023 год
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-06-191h 08Про код012. Тупой автофокус, умные контейнейры, ещё один Chrome и опрос StackOverflow 2023В этом выпуске всё, как вы любите — удивляемся нелогичности фронтенда, радуемся логичности фронтенда, до лёгкой хрипотцы спорим про старые редакторы кода (привет, TextMate) и стараемся прогнозировать будущее на основе опроса StackOverflow. А Марк, который монтирует подкаст, сказал «Выпуск вышел замечательный, кстати. Очень забавный.». Пора проверять.Ведущие: Коля Шабалин, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:00:39 Проблема с автофокусом и что делать с этим делать00:16:11 Отдельный Chrome для тестирования00:26:26 Лучшие практики для контейнерных запросов00:43:20 Результаты опроса разработчиков Stack Overflow за 2023 годУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-06-191h 08Про код011. 20 лет вникуда, ужасы ch и TS 5.1Формулируем «правило технического подкаста» — любой технический подкаст однажды начнёт обсуждать высшее образование для программистов. Мы не стали исключением и обсудили важность высшего образования, устаревшие технологии (которые раньше были хорошими), важность @scope (к которому есть вопросики) и большие вопросики к единицам измерения ch. В общем, всё как всегда.
Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.
Ссылки и таймкоды:
00:01:22 Итоги двадцати лет работы — технический долг и неподдерживаемый код
00:16:59 Введение в @scope в CSS
00:34:41 TypeScript 5.1
00:45:05 Остерегайтесь сдвига макета с помощью единиц измерения ch
00:56:59 React Server Components своими руками
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-06-131h 06Про код011. 20 лет вникуда, ужасы ch и TS 5.1Формулируем «правило технического подкаста» — любой технический подкаст однажды начнёт обсуждать высшее образование для программистов. Мы не стали исключением и обсудили важность высшего образования, устаревшие технологии (которые раньше были хорошими), важность @scope (к которому есть вопросики) и большие вопросики к единицам измерения ch. В общем, всё как всегда.Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:01:22 Итоги двадцати лет работы — технический долг и неподдерживаемый код00:16:59 Введение в @scope в CSS00:34:41 TypeScript 5.100:45:05 Остерегайтесь сдвига макета с помощью единиц измерения ch00:56:59 React Server Components своими рукамиУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-06-131h 06Про код010. Случайности не случайны, а цвета не цветаВ этом выпуске мы во всём сомневались — случайны ли случайности в JavaScript, достаточно ли цветны привычные нам цвета в CSS и считаются ли комментарии комментариями, если в них всего одна строка.
Но все сомнения, конечно, разрешились. Слушайте, чтобы узнать, к чему мы пришли.
Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.
Ссылки и таймкоды:
00:00:30 Отсутствующая библиотека случайностей JavaScript
00:06:07 Две вещи, которые не очень хороши в OKLCH
00:17:15 Какой метод для работы с массивами лучше
00:28:43 Изменения, которые ухудшают производительность и что с этим делать
00:41:00 Почему в CSS нет однострочных комментариев?
00:52:00 Замена для React.js
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-06-071h 05Про код010. Случайности не случайны, а цвета не цветаВ этом выпуске мы во всём сомневались — случайны ли случайности в JavaScript, достаточно ли цветны привычные нам цвета в CSS и считаются ли комментарии комментариями, если в них всего одна строка.Но все сомнения, конечно, разрешились. Слушайте, чтобы узнать, к чему мы пришли.Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:00:30 Отсутствующая библиотека случайностей JavaScript00:06:07 Две вещи, которые не очень хороши в OKLCH00:17:15 Какой метод для работы с массивами лучше00:28:43 Изменения, которые ухудшают производительность и что с этим делать00:41:00 Почему в CSS нет однострочных комментариев?00:52:00 Замена для React.jsУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-06-071h 05Про код009. Быстрый Node.js, адаптация без медиавыражений, вертикальный ритм и практики отличных формСмотрим графики и рефлексируем о производительности Node.js. Разбираемся с лучшими практиками создания хороших форм. Делаем адаптацию без медиавыражений, а вертикальный ритм с помощью новых единиц измерений. В очередной раз убеждаемся: сначала изучаем JavaScript, потом React.
Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.
Ссылки и таймкоды:
00:00:47 State of Node.js Performance 2023
00:17:46 Одиннадцать лучших практик HTML для форм входа и регистрации
00:35:12 Введение в popover API
00:51:33 Адаптивные сетки CSS без медиавыражений
00:59:22 Вертикальный ритм с использованием единиц CSS lh и rlh
01:03:01 Its 2023, Please Stop Using operator && for Conditional Rendering in React
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-05-291h 09Про код009. Быстрый Node.js, адаптация без медиавыражений, вертикальный ритм и практики отличных формСмотрим графики и рефлексируем о производительности Node.js. Разбираемся с лучшими практиками создания хороших форм. Делаем адаптацию без медиавыражений, а вертикальный ритм с помощью новых единиц измерений. В очередной раз убеждаемся: сначала изучаем JavaScript, потом React.Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.Ссылки и таймкоды:00:00:47 State of Node.js Performance 202300:17:46 Одиннадцать лучших практик HTML для форм входа и регистрации00:35:12 Введение в popover API00:51:33 Адаптивные сетки CSS без медиавыражений00:59:22 Вертикальный ритм с использованием единиц CSS lh и rlh01:03:01 Its 2023, Please Stop Using operator && for Conditional Rendering in ReactУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-05-291h 09Про код008. Возвращение jQuery, новинки Google I/O и условный CSSВыпуск, в котором мы словно вернулись в 2009 — обсуждаем новую версию jQuery и все её прелести, новинки с конференции, где все говорили «эйай» и постепенно, но неотвратимо переходим к современности. В ней всё хорошо — условный CSS c :has() и классные интерфейсы в вебе.
Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.
Ссылки и таймкоды:
00:00:37 jQuery 3.7.0
00:13:48 Что нового в CSS и пользовательском интерфейсе: Google I/O 2023 Edition
00:33:15 Условный CSS с :has и :nth-last-child
00:46:07 Типы в JavaScript без TypeScript
00:58:20 Микрофреймворк VanJS
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-05-221h 04Про код008. Возвращение jQuery, новинки Google I/O и условный CSSВыпуск, в котором мы словно вернулись в 2009 — обсуждаем новую версию jQuery и все её прелести, новинки с конференции, где все говорили «эйай» и постепенно, но неотвратимо переходим к современности. В ней всё хорошо — условный CSS c :has() и классные интерфейсы в вебе.Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:00:37 jQuery 3.7.000:13:48 Что нового в CSS и пользовательском интерфейсе: Google I/O 2023 Edition00:33:15 Условный CSS с :has и :nth-last-child00:46:07 Типы в JavaScript без TypeScript00:58:20 Микрофреймворк VanJSУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-05-221h 04Про код007. WebGPU в Chrome 113, борьба с большим DOM и канареечный ReactВ седьмом выпуске подробно разобрали Chrome 113, посчитали, сколько узлов в DOM у Академии, поругались на перекраску полос прокрутки и ужаснулись консольным приложениям на React. Классика!
Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.
Ссылки и таймкоды:
00:00:26 Chrome 113 — что нового?
00:17:01 Большой DOM не всегда к добру
00:35:02 Канареечный React
00:46:57 Почему перекраска полос прокрутки — это плохо
00:54:39 Консольные приложения на React
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-05-191h 02Про код007. WebGPU в Chrome 113, борьба с большим DOM и канареечный ReactВ седьмом выпуске подробно разобрали Chrome 113, посчитали, сколько узлов в DOM у Академии, поругались на перекраску полос прокрутки и ужаснулись консольным приложениям на React. Классика!Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:00:26 Chrome 113 — что нового?00:17:01 Большой DOM не всегда к добру00:35:02 Канареечный React00:46:57 Почему перекраска полос прокрутки — это плохо00:54:39 Консольные приложения на ReactУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-05-191h 02Про код006. Отказ от паролей, апдейт VS Code и менеджер версий Node.jsВ шестом выпуске подкаста «Про код» Коля, Игорь, Лёша и Женя обсудили длинный список обновлений в VS Code, поговорили про любимые темы оформления и поругались из-за C#. Поняли, почему :root — не глобальный и зачем переключаться между версиями Node.js. Бонус-трек — история о том, как Лёша собирал проект с Node.js 0.12 в 2023.
Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.
Ссылки и таймкоды:
00:00:35 Обновки VS Code
00:21:30 Passcode в Гугл-аккаунтах
00:29:35 :root не является глобальным
00:36:51 Медиавыражение update
00:43:45 Менеджер версий Node.js
00:58:28 Памятка по доступным размерам элементов
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-05-081h 06Про код006. Отказ от паролей, апдейт VS Code и менеджер версий Node.jsВ шестом выпуске подкаста «Про код» Коля, Игорь, Лёша и Женя обсудили длинный список обновлений в VS Code, поговорили про любимые темы оформления и поругались из-за C#. Поняли, почему :root — не глобальный и зачем переключаться между версиями Node.js. Бонус-трек — история о том, как Лёша собирал проект с Node.js 0.12 в 2023.Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:00:35 Обновки VS Code00:21:30 Passcode в Гугл-аккаунтах00:29:35 :root не является глобальным00:36:51 Медиавыражение update00:43:45 Менеджер версий Node.js00:58:28 Памятка по доступным размерам элементовУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-05-081h 06Про код005. В книжках о разработке всё не так, Rust заменяет Node.js и новый отладчик в Chrome DevToolsВ пятом выпуске произошло страшное — мы придумали, как заменить Node.js с помощью Rust, поругались на книжки о разработке и старчески побурчали о доисторических текстовых редакторах. В перерывах между этим обсудили новости — например, Chrome 113 и Vite 4.3.
Ведущие: Игорь Антонов, Лёша Симоненко и Женя Шкляр.
Ссылки и таймкоды:
00:00:45 Зачем джуну новый отладчик в Chrome DevTools
00:20:42 Vite 4.3 и немного о судьбе Create React App
00:34:00 Rust быстрее Node.js обрабатывает CSV и другие невероятные открытия
00:46:31 Почему мы ничего не запоминаем из книг о разработке
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-05-041h 01Про код005. В книжках о разработке всё не так, Rust заменяет Node.js и новый отладчик в Chrome DevToolsВ пятом выпуске произошло страшное — мы придумали, как заменить Node.js с помощью Rust, поругались на книжки о разработке и старчески побурчали о доисторических текстовых редакторах. В перерывах между этим обсудили новости — например, Chrome 113 и Vite 4.3.Ведущие: Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:00:45 Зачем джуну новый отладчик в Chrome DevTools00:20:42 Vite 4.3 и немного о судьбе Create React App00:34:00 Rust быстрее Node.js обрабатывает CSV и другие невероятные открытия00:46:31 Почему мы ничего не запоминаем из книг о разработкеУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-05-031h 01Про код004. Наконец-то Node.js 20, новые (и старые) критерии WCAG и почти ничего интересного в TS 5.1В четвёртом выпуске Женя, Коля и Игорь подробно обсудили 20 версию Node.js, обновление TypeScript 5.1, новые критерии доступности во WCAG 2.2 и шпаргалку по безопасности npm. И, кажется, пришли к выводу, что всё превращается в Сишарп.Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.Ссылки и таймкоды:00:00:43 Долгожданная Node.js 2000:21:25 Что нового во WCAG 2.200:42:31 Бетка TypeScript 5.100:51:51 Чем хорош Fetch Priority API01:00:39 Шпаргалка по безопасности в npmУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-04-241h 08Про код004. Наконец-то Node.js 20, новые (и старые) критерии WCAG и почти ничего интересного в TS 5.1В четвёртом выпуске Женя, Коля и Игорь подробно обсудили 20 версию Node.js, обновление TypeScript 5.1, новые критерии доступности во WCAG 2.2 и шпаргалку по безопасности npm. И, кажется, пришли к выводу, что всё превращается в Сишарп.
Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.
Ссылки и таймкоды:
00:00:43 Долгожданная Node.js 20
00:21:25 Что нового во WCAG 2.2
00:42:31 Бетка TypeScript 5.1
00:51:51 Чем хорош Fetch Priority API
01:00:39 Шпаргалка по безопасности в npm
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-04-241h 08
Web RushEpisode 230: Semantic HTMLconst podcast = { episode: 230, title: 'Semantic HTML', topics: [ 'html', 'semantics', 'tags' ], guest: 'na' hosts: [ 'John Papa', 'Craig Shoemaker' ]};Recording date: April 6, 2023John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerBrought to you byAG GridIdeaBladeResources:Deprecated HTML tagsHTML Web docsCraig’s HTML courseThe HTML id attributeThe DIV tagSEO tips for HTMLThe font tagCan I UseXHTMLResponsive Web AppsGoodbye Zen Coding, hello EmmetEmmet toolkitEmmet in VS CodeTimejumps00:31 Welcome back01:51 The meaning of Craig03:00 Do...
2023-04-2047 min
Views on VueVuetensils, HTML, HTML Forms with Austin Gil - VUE 214Austin Gil is a Senior Developer Advocate. He returns to the show alongside Steve to talk about his articles. He starts the show by explaining what Vuetensils is. He also dives into his article, "TIL: You Can Access A User’s Camera with Just HTML". Moreover, they also talk about their perspective on what beginner developers should learn first if they're still starting out in the field. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksMake Beautifully Resilient Apps With Progressive EnhancementHow to Upload Files with HTMLVuetensilsTIL: You Can Access A User...
2023-04-181h 06Про код003. Почта без таблиц, вездесущий ReactКакое прекрасное время наступает — электронная почта без вёрстки таблицами, Реакт как новый Вордпресс, у длинных заголовков не свисают слова, а скринридеры хорошие и читают текст так, как на макете. Волшебно? Волшебно. В новом выпуске подкаста «Про код» разбираем, когда это случится и к чему приведёт веб-разработчиков.
Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.
Ссылки и таймкоды:
00:00:45 Электронная почта без таблицы
00:09:41 Реакт — новый Вордпресс?
00:22:45 Равное количество слов в строках и text-wrap:balance
00:34:00 Отличия глубокого и поверхностного копирования в JS
00:45:30 В вёрстке заголовок стоит под параграфом. В каком порядке их читать?
00:59:13 Почему экспорт по умолчанию плохой
01:05:08 Релиз Node 18.16.0 (LTS)
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-04-171h 11Про код003. Почта без таблиц, вездесущий ReactКакое прекрасное время наступает — электронная почта без вёрстки таблицами, Реакт как новый Вордпресс, у длинных заголовков не свисают слова, а скринридеры хорошие и читают текст так, как на макете. Волшебно? Волшебно. В новом выпуске подкаста «Про код» разбираем, когда это случится и к чему приведёт веб-разработчиков.Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.Ссылки и таймкоды:00:00:45 Электронная почта без таблицы00:09:41 Реакт — новый Вордпресс?00:22:45 Равное количество слов в строках и text-wrap:balance00:34:00 Отличия глубокого и поверхностного копирования в JS00:45:30 В вёрстке заголовок стоит под параграфом. В каком порядке их читать?00:59:13 Почему экспорт по умолчанию плохой01:05:08 Релиз Node 18.16.0 (LTS)Учитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-04-171h 11Про код002. ES2023, React и как include исправит проблемы доступности в FigmaКомитет TC39 уже готов закрепить новинки ES2023. Пора знакомится с последними возможностями JavaScript, TypeScript и картами модулей. А ещё React задумался о переходе от роли библиотеки к фреймворку.
На всех шагах проектирования и создания сайта до сих пор большие проблемы с доступностью, но есть 5 советов и плагин include для Figma, которые помогут это исправить.
Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.
Ссылки и таймкоды:
00:01:00 Кандидат ES2023
00:16:50 О важности новинок, которые можно использовать прямо сейчас
00:28:18 JavaScript import maps
00:35:42 Пять советов для более доступных веб-сайтов
00:50:01 Как eBay создал свой новый инструмент доступности
00:53:01 Как учить React
Учитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-04-101h 04Про код002. ES2023, React и как include исправит проблемы доступности в FigmaКомитет TC39 уже готов закрепить новинки ES2023. Пора знакомится с последними возможностями JavaScript, TypeScript и картами модулей. А ещё React задумался о переходе от роли библиотеки к фреймворку.На всех шагах проектирования и создания сайта до сих пор большие проблемы с доступностью, но есть 5 советов и плагин include для Figma, которые помогут это исправить.Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:01:00 Кандидат ES202300:16:50 О важности новинок, которые можно использовать прямо сейчас00:28:18 JavaScript import maps00:35:42 Пять советов для более доступных веб-сайтов00:50:01 Как eBay создал свой новый инструмент доступности00:53:01 Как учить ReactУчитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-04-101h 04Про код001. Конец фронтенда, одинаковые фреймворки и логические свойстваНейросети плотно внедряются в повседневную работу фронтенд-разработчика. Одни полны скепсиса и говорят, что нейросети захватят интернет, другие уже используют как помошников.
Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.
Ссылки и таймкоды:
00:01:05 Конец фронтенда — действительно конец?
00:14:45 Самые популярные фреймворки node.js на 2023 год
00:25:28 Почему логические свойства не берут верх над всем?
00:37:57 Как поправить цветовой контраст
00:45:58 Новинки TypeScript 5.0
00:58:13 Как :focus-visible в четыре этапа принимает решение отображаться или нет
Учитесь с нами в .html academy → https://htmlacademy.ru
Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog
А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-04-041h 05Про код001. Конец фронтенда, одинаковые фреймворки и логические свойстваНейросети плотно внедряются в повседневную работу фронтенд-разработчика. Одни полны скепсиса и говорят, что нейросети захватят интернет, другие уже используют как помошников.
Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.
Ссылки и таймкоды:
00:01:05 Конец фронтенда — действительно конец?
00:14:45 Самые популярные фреймворки node.js на 2023 год
00:25:28 Почему логические свойства не берут верх над всем?
00:37:57 Как поправить цветовой контраст
00:45:58 Новинки TypeScript 5.0
00:58:13 Как :focus-visible в четыре этапа принимает решение отображаться или нет
Учитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
2023-04-041h 05
Search Engine Journal ShowSpecial Episode: Q&A With Google's Martin Splitt - Semantic HTML, Search and Google Search ConsoleGoogle's very own Martin Splitt joined me on the SEJ Show to share his thoughts and opinions on various technical SEO topics, such as Semantic HTML, Google Search Console, indexing, and client-side rendering. Explore how to leverage these powerful tools to improve your website's SEO. Prefer to watch the video? Register here: http://bit.ly/3YQxzG7 I would say make sure that you are focusing on the content quality and that you are focusing on delivering value to your users. Those have been, will always be, and are the most important things. Everything el...
2023-03-151h 03
Everything Email MarketingWhich Really is Better: Plain Text Email vs HTML? The Answer May Surprise You (Season 2 Episode 46)You may be surprised to learn who comes out the winner in the plain text email vs HTML match. Whether you go plain text email or HTML can impact many things, including deliverability and engagement, which of course are the most important rates for your email campaigns. Digital marketing solutions provider Vendasta actually conducted research on which gets not just better deliverability, but better traction in terms of response when it comes to HTML vs plain text emails, and what they found may seem counter-intuitive. (In case you’re not sure whether the email you are sending is HTML em...
2022-09-2106 min
Люди и кодHTML, CSS и веб-стандарты: возможности, ошибки разработчиков и неизвестные фичиСодержание выпуска:Блок про HTML
— Как появился и как развивался HTML, как со временем менялась его роль в веб-разработке, какие функции добавлялись.
— Что представляет из себя современный HTML, где и для каких задач используется, что он умеет. Есть ли интересные малоизвестные фичи HTML.
— В чём проблемы современного HTML, чего ему не хватает.
— Насколько браузеры поддерживают современный стандарт HTML.
— Какие ошибки в работе с HTML чаще всего совершают новички и опытные разработчики.
— Есть ли конкуренты у HTML. Отношения с XML, YAML, JSON и другими языками разметки. Почему больше ничего не слышно про XHTML.
— Тулинг вокруг HTML: инструменты, препроцессоры и т. п.
— Зачем писать HTML-код вручную в эпоху фреймворков.
Блок про CSS
— Как появился и как развивался CSS, как со временем менялась его роль в веб-разработке, какие функции добавлялись.
— Почему внедрение CSS шло так долго и мучительно? Какую роль в этом сыграл CSS Zen Garden.
— Что представляет из себя современный CSS, где используется и для каких задач, что он умеет. Есть ли интересные малоизвестные фичи CSS.
— В чём проблемы современного CSS, чего ему не хватает.
— Насколько современные браузеры поддерживают стандарт CSS и добавляют ли свои кастомные фичи, которых нет в стандартах.
— Какие ошибки в работе с CSS чаще всего совершают новички и опытные разработчики.
— Есть ли конкуренты у CSS.
— Тулинг вокруг CSS: препроцессоры, фреймворки.
Блок про стандарты
— Когда и почему появилась идея веб-стандартов.
— Войны браузеров — как шли и почему закончились, как получилось сломить ситуацию.
— Закончились ли на самом деле браузерные войны, или они длятся до сих пор, просто в более спокойном режиме.
— Кто занимается веб-стандартами и кто их пишет.
— Какую роль играют веб-стандарты в современном мире и какие веб-стандарты существуют.
— Какие челленджи стоят перед разработчиками стандартов. Получается ли поддерживать актуальность стандартов.
— Как и с какой периодичностью происходит обновление веб-стандартов.
— Кто сильнее — стандарты или браузеры, есть ли между ними какое-то противостояние.
— Какие ошибки в работе со стандартами совершают начинающие и опытные разработчики.
— Есть ли ситуации, когда уместно нарушать стандарты.
Гость: Никита Дубко. Senior Frontend Developer, Google Developer Expert по Web. Пятый голос подкаста «Веб-стандарты» и автор @dev_tip.
Полезные ссылки: — Сообщество «Веб-стандарты». https://t.me/webstandards_ru — Подкаст «Веб-стандарты». https://web-standards.ru/podcast/ — Первая в мире веб-страница Тима Бернерса-Ли. http://info.cern.ch/hypertext/WWW/TheProject.html — Скриншоты первого в мире браузера. https://www.w3.org/MarkUp/tims_editor — Доклад Никиты об особенностях тега . https://www.youtube.com/watch?v=WfzKd16LplI — Организация W3C. https://www.w3.org — Организация WHATWG. https://whatwg.org — Методология БЭМ. https://ru.bem.info/methodology/ — Smashing Magazine — раздел о CSS. https://www.smashingmagazine.com/category/css/ — Образовательные материалы от Google на web.dev. https://web.devГде подписаться на обновления подкаста и наши новые статьи?Сайт медиа: skillbox.ru/media/code
Twitter: twitter.com/ludi_and_code
«ВКонтакте»: vk.com/the_code_group
Telegram: https://t.me/skillbox_media_code
Стартовать в программировании вместе со Skillbox: skillbox.ru/code
2022-08-241h 16
Да как так-то?Как джуну вырасти в мидлаЭто последний выпуск второго сезона! В нём мы поговорили с Денисом Иогансеном, техническим руководителем юнита в Авито, о том, как джниор-разработчку расти в мидла. Обсудили, как оценивают навыки разработчика в Авито, за какой срок джун может стать мидлом, и как понять, что пора переходить на следующий грейд. Ещё в этом выпуске Женя раскрывает страшную тайну и задаёт каверзные вопросы!Профиль Дениса на getmentor — https://getmentor.dev/mentor/iogansen-denis-542Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24Промокод на скидку 10% на все профессиональные курсы: podcast2021
2021-12-1534 minДа как так-то?Что фронтенд-разработчик должен знать про дизайнДолжен ли разработчик разбираться в дизайне? А дизайнер — в коде? Где и как им учиться? Что общего в их работе, и почему возникают конфликты? Эти и другие вопросы обсудили с Юлей Миоцен, продуктовым дизайнером в Яндекс. Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24Промокод на скидку 10% на все профессиональные курсы: podcast2021
2021-12-011h 05Да как так-то?Зачем компании нанимают джунов?В этот выпуск мы позвали Наташу Мизикевич и Настю Беззатееву из HTML Academy, чтобы обсудить, как рынок относится джунам, как мы в Академии помогаем с трудоустройством выпускникам, как с этим связаны акселератор и Центр карьеры. Мы также обсудили, как прокачивать свои навыки самостоятельно, что делать с большим количеством отказов, и как поменялся рынок за время пандемии.Профессия «Фронтенд-разработчик» стартует уже 14 декабря — https://tml.io/xt7cwПромокод, который даст 10% скидку: podcast2021Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/
2021-11-1750 minДа как так-то?Как составить резюме и другие карьерные советыЭтот выпуск мы посвятили очень важной теме: составлению резюме и поиску первой работы. Вместе с Ритой Головко, карьерным консультантом «Эйч», обсудили: как выделиться среди других кандидатов, что стоит указывать в резюме, а что — нет, что не так с российским рекрутментом, и как справиться со стрессом от поиска работы.Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24Промокод на скидку 10% на все профессиональные курсы: podcast2021Промокод «HTMLPODCAST» даст вам скидку 10% на первую консультацию от карьерного сервиса «Эйч»: https://h.budu.jobs/
2021-11-031h 13Да как так-то?История выпускника: с нуля до первой работы за полгодаПоговорили с Андреем Володченко, выпускником наших профессиональных курсов, о том, почему он решил сменить профессию, какие были трудности во время учёбы, какой была его первая работа и как получилось её найти. Андрей также поделился планами на будущее и рассказал, что ему нравится в его работе и как не терять этот интерес.Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24Промокод на скидку 10% на все профессиональные курсы: podcast2021
2021-10-2034 minДа как так-то?Удалёнка: инструкция по выживаниюМожет ли спасти удалёнка от выгорания? Как организовать рабочее место и время? Как синхронизироваться с командой, когда все работают из дома? Эти и другие вопросы обсудили с Евгением Котом, директором по развитию Пражского отделения Wrike, активным спикером и Google Developer Expert.Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24Промокод на скидку 10% на все профессиональные курсы: podcast2021
2021-10-061h 06Да как так-то?Релокация в Берлин: опыт фронтенд-разработчикаНачинаем 2 сезон подкаста «Да как так-то?». В первом выпуске нового сезона мы поговорили с Женей Казаковым. Три года назад он нашёл работу в Берлине и уехал из Санкт-Петербурга. Сейчас он работает фронтенд-разработчиком в компании Arrival. Он рассказал, почему выбрал Германию, как ему удалось найти там работу и перевезти семью, и сколько времени это всё заняло.В середине выпуска ваш ждёт конкурс!Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24Промокод на скидку 10% на все профессиональные курсы: podcast2021
2021-09-2247 minДа как так-то?Где работать джуну: большие vs маленькие компанииПоследний выпуск первого сезона! В нём мы поговорили о том, чем отличается работа в больших и маленьких компаниях, какие у них есть плюсы и минусы, и где лучше начинать карьеру начинающему разработчику. Помогли разобраться в теме Сергей Зубов, фронтенд-разработчик в компании, которая занимается интеграцией своего продукта в чужие бизнесы, и Алёна Сиприкова, веб-разработчица Ozon.(Мы перезалили выпуск из-за проблем со звуком. Если вы не смогли послушать его в первый раз, попробуйте это сделать сейчас)Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24
2021-06-2458 minДа как так-то?Где работать джуну: большие vs маленькие компанииПоследний выпуск первого сезона! В нём мы поговорили о том, чем отличается работа в больших и маленьких компаниях, какие у них есть плюсы и минусы, и где лучше начинать карьеру начинающему разработчику. Помогли разобраться в теме Сергей Зубов, фронтенд-разработчик в компании, которая занимается интеграцией своего продукта в чужие бизнесы, и Алёна Сиприкова, веб-разработчица Ozon.Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24
2021-06-2258 minДа как так-то?Про конференции и сообщество веб-разработчиковВместе с Вадимом Макеевым, ведущим подкаста «Веб-стандарты» и основателем одноимённого сообщества, обсудили, зачем новичкам ходить на конференции, нужны ли стандарты во фронтенде, вернутся ли Web Standards Days, и как сообщество может помочь прокачаться новичку. Ютуб-канал Вадима — https://www.youtube.com/user/pepelsbey, Веб-стандарты — https://web-standards.ru/. Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24
2021-06-0853 minДа как так-то?Зачем нужны наставники?Вместе с Андреем Захарченко, руководителем направления наставников в HTML Academy, обсудили, какую роль играет наставник в обучении, чем отличается от преподавателя, что не должен делать наставник и зачем разработчикам идти в наставники. Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24
2021-05-2547 min
Syntax - Tasty Web Development TreatsThe Surprisingly Exciting World of HTML Elements In this episode of Syntax, Scott and Wes talk about HTML — interesting HTML elements, things you might not know, wish lists for the future, and more! Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax. Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor perf...
2021-05-191h 02
SS Digital MarketingHTML Web Design Services, HTML Website Development Services Looking for an HTML website designer don't worry we are here to help you with our creative HTML web designing team who can make the industry the best design for you with fully customization latest features and also fully SEO friendly. now time to make a call and hire us for HTML website design need 914-600-2606.https://ssdigitalmarketingservices.com/html-website-design-services.phpHTML Web Design Services, HTML Website Development Services, HTML Website Templates
2021-05-1100 min
SS Digital MarketingHTML Web Design Services, HTML Website Development Services Looking for an HTML website designer don't worry we are here to help you with our creative HTML web designing team who can make the industry the best design for you with fully customization latest features and also fully SEO friendly. now time to make a call and hire us for HTML website design need 914-600-2606.https://ssdigitalmarketingservices.com/html-website-design-services.phpHTML Web Design Services, HTML Website Development Services, HTML Website Templates
2021-05-1100 minДа как так-то?История выпускницы: из филолога-япониста во фронтенд на фрилансеОля Вадясова, фронтенд-разработчица на фрилансе и наставница в HTML Academy, а по образованию — филолог-японист. В этом выпуске мы поговорили о том, почему Оля решила пойти во фронтенд, с какими трудностями сталкивалась во время учёбы, что помогало ей сохранить мотивацию и почему выбрала для себя фриланс.Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24
2021-05-1140 minДа как так-то?Софт скиллы для разработчиковС Никитой Дубко, руководителем группы в Яндекс.Поиске и редактором новостей сообщества «Веб-стандарты», обсудили: какие софт скиллы нужны разработчикам, нужно ли писать о них в резюме, помогают ли книги и конференции их развивать, и при чём здесь вообще Тиндер. Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24
2021-04-271h 02Да как так-то?Тимлиды, проектные менеджеры, тестировщики — кто все эти люди?Поговорили с Дашей Владыко, тимлидом в «Лиге А.», о том, кто работает над проектами, зачем нужен менеджер проектов, кто защищает разработчиков от заказчиков, чем занимается тимлид, какими навыками он должен обладать. Подкаст выходит про поддержке HTML Academy.Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/Тренажёры по HTML, CSS, JavaScript и PHP — https://tml.io/hlm24
2021-04-1339 minДа как так-то?Пилот. Нужно ли высшее образование в IT?В этом выпуске мы поговорили о плюсах и минусах высшего образования для разработчика, обсудили, может ли его наличие помочь найти работу, и спросили работающих специалистов, что они думают о необходимости учиться в ВУЗе. Подкаст выходит про поддержке HTML Academy.Наш комьюнити-чат — https://t.me/htmlacademycommИнстаграм HTML Academy — https://instagram.com/htmlacademy/
2021-03-3044 min
airhacks.fm podcast with adam bienHow lit-html happenedAn airhacks.fm conversation with Justin Fagnani (@justinfagnani) about:
creating fireworks animations with Apple IIe,
games were hard to get for Apple IIe,
"hello, world" with Apple Basic,
enjoying the un-productivity and making funk music,
Basic, Turbo Pascal, Turbo C, Java and Python,
starting with Java 0.9 and Applets,
Microsoft introduced JScript (Visual J++) with major incompatibilities to Java,
staring with Python and Django,
Python over Ruby,
studying an algorithm book for two weeks to pass the interview at Google,
using FileMaker,
starting at Google's HR department compensation planning system,
creating the AppMaker during the "free" 20% Google time,
AppMaker was shutdown...
2021-03-291h 10Да как так-то?О чём подкастНа связи HTML Academy и это наш подкаст «Да как так-то?», где ведущие Женя Шкляр и Лёша Симоненко вместе с гостями обсуждают старт карьеры в IT.
2021-03-2200 min
Coders Campus PodcastEP33 – Importing JavaScript into HTML via Script tag
Up to this point we haven't talked about the elephant in the room!
And that's the fact that we've been talking about JavaScript for quite a while now, but we haven't yet discussed how to actually USE JavaScript inside of an HTML page.
Well, no time is better than the present right? Let's talk about JavaScript and HTML.
How to Link HTML and JavaScript Together
As I just mentioned, you've already seen many examples of JavaScript syntax, but we haven't seen the link between an HTML page and the JavaScript code.
2021-01-1617 min
Ninjas del Marketing PodcastFundamentos web: Qué es HTMLHoy hablamos de cómo está construída una página web en su código, hablaremos de qué es HTML. David nos va a contar en qué consiste el HTML y en qué se diferencia del HTML5, entre otras cosas.
Pero antes, vamos a ver algunas noticias:
La semana pasada se iniciaron las charlas sobre WooCommerce, y comenzamos con Diego Nieto, que nos habló sobre cómo optimizar las fichas de producto.En la Meetup Málaga David dará una charla sobre su plugin para Visual Studio Code: +150 snippets, que tiene más de 4.300 instalaciones en el momento de escribir este...
2020-06-241h 01
WordPress Semanal176 | ¿Se puede convertir una plantilla html en un theme de WordPress?En el episodio 176 de Wordpress Semanal te hablo de si es posible convertir una web hecha con html y css en un theme de WordPress.
Escuchar en iTunes Escuchar en iVoox Escuchar en Spotify
Plugin de la semana: añadir shortcodes en los menús
Con el plugin Shortcode in Menus podrás pegar directamente cualquier shortcode en un elemento de menú para que muestre el contenido correspondiente.
¿Se puede pasar una web html a WordPress?
1) De html a WordPress, ¿es posible?
Sí
2) Por qué pasar de html a WordPres...
2019-08-2819 min
The Web Platform Podcast159: lit-html - HTML Templates via JavaScript Template LiteralsThis week we chat with lit-html creator Justin Fagnani. Lit-html is a framework agnostic library that uses new JavaScript features to efficiently render HTML templates. In this episode, you’ll learn what lit-html is in detail and why it was created. We compare the lit-html approach to VDOM in terms of performance and also how it compares to JSX structurally. We also discuss some of the upcoming proposals for standardising HTML template instantiation. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/159-lithtml-html-templates-via-javascript-template-literals Follow The Web Platform podcast on Twi...
2018-04-0400 min
CPA777AF5. DROP COOK HTML S SPAM CPA7777AF5. DROP COOK HTML S SPAM CPA7777
AF5. DROP COOK HTML S SPAM CPA7777
AF5. DROP COOK HTML S SPAM CPA7777
AF5. DROP COOK HTML S SPAM CPA7777
AF5. DROP COOK HTML S SPAM CPA7777
AF5. DROP COOK HTML S SPAM CPA7777
AF5. DROP COOK HTML S SPAM CPA7777
AF5. DROP COOK HTML S SPAM CPA7777
AF5. DROP COOK HTML S SPAM CPA7777
AF5. DROP COOK HTML S SPAM CPA7777
AF5. DROP COOK HTML S SPAM CPA7777
AF5. DROP COOK HTML S SPAM CPA7777
2017-12-2712 minWordPress Semanal80 | Sabes lo necesario de html (para WordPress)?En el episodio 80 de Wordpress Semanal hablaré de por qué es importante que sepas html cuando tienes una página web con WordPress.
Escuchar en iTunes Escuchar en iVoox Escuchar en Spotify
Plugin de la semana: precio de envío basado en el peso
Con el plugin WooCommerce Weight Based Shipping podrás tener un método de envío en WooCommerce que calculará el precio de envío basándose en el peso del producto.
Pero no sólo eso sino que también podrás crear condiciones o reglas en función del destino d...
2017-10-2511 min
Веб-стандарты41. HTML 5.1, async, шрифты, WebAssembly и JS, sticky, SVG, Stack Overflow, тесты и игрушкиВедущиеОльга Алексашенко, Вадим Макеев, Алексей СимоненкоТемы00:00:17 События00:03:08 HTML 5.100:05:40 Async в Firefox00:07:38 Вариативные шрифты00:13:19 Календарик00:20:44 Опасные API00:24:45 WebAssembly00:26:43 Шаблонные литералы00:31:40 Загрузка JS00:38:51 position: sticky00:41:32 Круговой прогресс-бар00:44:40 Опрос Stack Overflow00:50:34 Тесты и игрушкиСобытияВидео с FrontTalksPitercss №7 16 ноябряNodeSchool SPB 19 ноябряWSD в Киеве 26 ноябряMinskCSS 15 декабряReact Amsterdam 21 апреляHTML 5.1XHTML FistHTML 5.1 W3C RecommendationHTML 5.1 ChangesAsync в FirefoxAsync/await support in FirefoxВариативные шрифтыWebKIt: Variable Fonts on the WebКалендарикFirefox: Data/Time pickerHTML 5.1: input type="date"Опасные APIBrowsers remove functionality due to privacyWhat is Do Not Track?WebAssemblyThe WebAssembly Browser Preview has launched!Шаблонные литералыES6 Template Literals, the Handlebars killer?Загрузка JSRFC: Webpack Performance BudgetsAlex Russell: How broken JS-first web development isposition: stickyChrome: Intent to Ship CSS position: stickyКруговой прогресс-барMaking a Doughnut Progress BarОпрос Stack OverflowStack Overflow: Survey Results 2016Тесты и игрушкиJavaScript Guessing
2016-11-0758 min
Aua-uff-Code!Git und HTMLShow Notes und Links
Intro und Begrüßung
Anna hat Hausaufgaben gemacht. Repository bei GitHub erstellen. Pushen und pullen. Das hat sie über Gui geschafft, nicht aber über Kommandozeile, weil sie an der Installation von Git gescheitert ist. (Inzwischen hat sie es geschafft, Git zu installieren). Anna plant, dass sie zum Programmieren lernen nicht MacOS, sondern Linux verwenden wird, da ihr das vertrauter ist.
Installation von Git:
Mac: brew install git
Windows: Installer für Git verwenden
Linux: Ist in den üblichen Paketen enthalten.
Was passiert bei add, merge und commit? Wieso ist commit etwas andere...
2016-04-0600 min