Shows
ShopTalk667: Jen Simmons on Declarative Web Push, Form Control Styling, & MoreShow DescriptionJen Simmons stops by to talk about new CSS and Safari features like Form Control Styling, Declarative Web Push, Typography, contrast-color(), and more.
Listen on Website →GuestsJen SimmonsGuest's Main URL • Guest's SocialSafari & WebKit Evangelist. Member of the CSS Working Group. Webmaster since 1996.
Links
webkit.org
Safari Release Notes
WCAG 2.0
contrast-color() function
APCA Color Contrast Tool
Color.js Release
Lea Verou’s page on color contrast
Declarative Web Push
Web Push for Web Apps on iOS and iPadOS
CSS Fo...2025-06-021h 07
Syntax - Tasty Web Development Treats891: Light and Dark Mode Light mode? Dark mode? Scott and Wes break down the best ways to implement theme switching in CSS, from prefers-color-scheme to manual overrides. Plus, tips on handling shadows, icons, and the dreaded flash of dark mode! Show Notes 00:00 Welcome to Syntax! 01:05 Brought to you by Sentry.io. 02:06 Light and dark mode, things to consider. 02:31 Light and dark mode from scratch. drop-in.css. 04:41 Calculations vs assigned color. 05:32 color-mix and relative color. 08:15 Foreground and background variables. –tint-or-shade: color-mix(in oklab, var(–fg), transparent 95%); –tint-or-shade-harder: color-mix(in oklab, var(–fg), transparent 90%); 09:13 Setting color scheme. 12:38 light-dark function in CSS. 15:48 Manually setting dark mode...2025-04-0727 min
VerticAI NewshoundFrontend morning brief - 2025-03-25Episode Summary: In today's episode of the Vertica Frontend Update Podcast, we explore a significant vulnerability in the Next.js framework, highlighting the urgent need for security patches. We also discuss the strategic use of proxies in web scraping to avoid legal pitfalls and bans, and introduce the new JavaScript tool 'style-observer' for dynamic CSS monitoring.Key Stories: 1. Critical Next.js Vulnerability Raises Alarm Over Bypassed Security Checks A critical flaw in the Next.js framework, CVE-2025-29927, has alarmed the tech community with a CVSS score of 9.1. This vulnerability allows attackers to bypass security checks, granting potential unauthorized access...2025-03-2503 minVerticAI NewshoundFrontend morning brief - 2025-03-14Episode Summary: In this episode, we navigate the world of web deployment, focusing on the powerful combination of Next.js applications on AWS EC2. Our journey explores performance, availability, and security for web applications. We also dive into JavaScript’s asynchronous programming, a crucial skill for developers, and introduce an innovative tool, the Style-observer, redefining dynamic frontend development. Finally, we examine how digital technology is transforming art experiences, bringing new life to classical paintings.Key Stories:1. **A Modern Guide to Deploying Next.js on AWS EC2** A comprehensive guide to deploying Next.js applications on AWS EC2, focusing on setting up...2025-03-1403 minVerticAI NewshoundFrontend morning brief - 2025-02-14Episode Summary: In this episode of Vertica’s Frontend Update podcast, we unpack the significance of the Liskov Substitution Principle (LSP) in React development, emphasizing its role in crafting dependable and scalable component hierarchies. We also explore usability testing methods, dynamic scroll-driven animations, and real-time CSS monitoring tools, each offering unique contributions to enhancing web experiences.Main Story:Liskov Substitution Principle in React: Building Reliable Component Hierarchies- The Liskov Substitution Principle, part of the SOLID principles, is critical for maintaining predictability and reusability in React components.- LSP stresses that subclass components should not break the functionality of their predecessors, cr...2025-02-1404 minVerticAI NewshoundFrontend morning brief - 2025-02-13Episode Summary:In this episode of Vertica's Frontend Update, we explore the latest advancements in dynamic styling with a deep dive into the powerful new tool, style-observer, which enables real-time CSS change detection. We also discuss the significance of Time to First Byte (TTFB) in web performance optimization and explore strategic insights for utilizing AWS Cloud Development Kit (CDK) for efficient infrastructure management.Key Stories:1. **Style-Observer: Revolutionizing Real-Time CSS Change Detection** Style-observer, developed by Lea Verou and Dmitry Sharabin, introduces a method to efficiently monitor CSS property changes in real-time, addressing long-standing challenges in synchronizing JavaScript with dynamic visual shifts...2025-02-1304 min
Podcast AwesomeNerd Show and Tell: Meet Lea VerouIt’s finally happening! In this episode of Podcast Awesome, we sit down with Lea Verou to talk about all things usability, web standards, and her journey into tech. From childhood tinkering with imaginary product ads to shaping the future of CSS and web development, Lea has done ... a lot!You’ll hear about her work at MIT, her time on the W3C TAG, and what led her to join Font Awesome as Product Lead. Plus, we get into the finer points of her experience as a hardcore food blogger, and why Greek food just doesn’t do i...2025-02-0445 min
Podcast Awesome2024 Wrap-Up: Growth, Legends, and a Kitty Cat SagaIt’s that time of year again! In this episode of Podcast Awesome, we’re reflecting on all the things that went down at Font Awesome in 2024. From expanding the Awesomeverse with Web Awesome and Eleventy to major product updates like the full release of Duotone Icons and shiny new branding, we cover it all.You’ll hear about the Web Awesome Kickstarter campaign (success!), the arrival of industry legends Lea Verou and Zach Leatherman, and the behind-the-scenes Font Awesome updates that made 2024 one for the books. As they say. Oh, and don’t miss Jory’s epic tale...2025-01-2134 min
Kari EllisDownload PDF CSS Secrets: Better Solutions to Everyday Web Design Problems By Lea Verou (Author) Full Episodehttps://yuandipro.firebaseapp.com/?GASS=B0131MQ1NS . Click This Link To Access CSS Secrets: Better Solutions to Everyday Web Design Problems by Lea Verou (Author) Book Supports all formats, Such as: EPUB, PDF , AZW3, MOBI, IBA, & RTF Book Title: CSS Secrets: Better Solutions to Everyday Web Design Problems Book Author: Lea Verou (Author) Book Rating: 9+ ratings Powered by Firstory Hosting2024-10-2500 min
Cora BoyerOnline Read Ebook CSS Secrets: Better Solutions to Everyday Web Design Problems By Lea Verou (Author) Full Episodehttps://yuandipro.firebaseapp.com/?GASS=B0131MQ1NS . Click This Link To Access CSS Secrets: Better Solutions to Everyday Web Design Problems by Lea Verou (Author) Book Supports all formats, Such as: EPUB, PDF , AZW3, MOBI, IBA, & RTF Book Title: CSS Secrets: Better Solutions to Everyday Web Design Problems Book Author: Lea Verou (Author) Book Rating: 9+ ratings Powered by Firstory Hosting2024-10-1400 min
The CSS Podcast082: What's new in color & color functionsIn this episode Una and Adam provide a color update, covering changes to the specs and new functions. Links RCS calc() tool → https://goo.gle/4cRRJHt Apple Annie CSS Color Modules and Changes, Part I → https://goo.gle/3xtTr2A Lea verou article on RCS for contrast → https://goo.gle/3L3x5YF Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 Adam Argyle (co-host) Twitter | Instagram | YouTube@GoogleChrome CSS DevRel; @CSSWG; Vis...2024-06-2718 min
Changelog Master FeedWhat's new in CSS land (JS Party #302)Una Kravets, developer advocate at Google & web platform ambassador, joins Amal & Nick to take them CSS to school as they start this podcast in CSS kindergarten and end it with a Level-Up CSS Diploma. (LUCD?)
We explore all the amazing features which have recently landed in CSS — enabling super-charged user experiences with no JavaScript. Don’t forgot to check out all the epic links & demos in the show notes — and hold on to your butts, kids, this one is a ride!
Leave us a comment
Changelog++ members support our work, get closer to the me...2023-11-241h 14JS Party: JavaScript, CSS, Web DevelopmentWhat's new in CSS landUna Kravets, web platform ambassador & lead of the Google Chrome UI Developer Relations Team, joins Amal & Nick to take them CSS to school as they start this podcast in CSS kindergarten and end it with a Level-Up CSS Diploma. (LUCD?)
We explore all the amazing features which have recently landed in CSS — enabling super-charged user experiences with no JavaScript. Don’t forgot to check out all the epic links & demos in the show notes — and hold on to your butts, kids, this one is a ride!
Join the discussionChangelog++ members support our work...2023-11-241h 14
Working DraftRevision 576: QwikIn dieser Episode diskutieren Vanessa und Stefan mit ihrem Gast Bernhard Mayr (Twitter) über das Thema Qwik.
Fronteers Konferenz
Schepp lädt Euch ein, die von ihm mit-organisierte und nicht gewinnorientierte Fronteers Konferenz am 21. und 22. September im niederländischen Utrecht zu besuchen.Es kommen Andy Bell, Lea Verou, Zach Leatherman, Sara Vieira, Laura Kalbag und viele mehr und die Talks behandeln keinerlei aktuelle Frameworks, sondern betrachten jeweils bestimmte Aspekte der Web Plattform oder des Web Craftings. Es geht um neue Color Spaces, Web Components, Performance, Accessibility, Privacy, 3D und sogar LEDs :)
Ein Ticket für...2023-07-051h 37
The F-WordWhat the W3C TAG is, how standards are made, and why gray is darker than darkgray01:44 Lea’s hats in 19.3 seconds11:16 What is the W3C TAG24:05 CSSWG, TC39, and others33:36 WHATWG, W3C, and WebDX46:19 Family, SVG, and named colorsHostsLea VerouBruce LawsonVadim MakeevLea’s hats in 19.3 secondsLea on MastodonLea on TwitterLea’s blogWhat is the W3C TAGW3C TAGCSSWG, TC39, and othersCSSWGTC39WHATWG, W3C, and WebDXWHATWGWebDX Community GroupFamily, SVG, and named colorsChris LilleyColor.js2023-07-0456 minWorking DraftRevision 574: Glücksrad (Applet, Headings, Slots, SVGs, Spellcheck, Screen-API,
Border-Images, Indexed DB)Schepp, Hans, und Peter ließen mal wieder das Glücksrad kreisen!
Fronteers Konferenz
Schepp lädt Euch ein, die von ihm mit-organisierte und nicht gewinnorientierte Fronteers Konferenz am 21. und 22. September im niederländischen Utrecht zu besuchen.Es kommen Andy Bell, Lea Verou, Zach Leatherman, Sara Vieira, Laura Kalbag und viele mehr und die Talks behandeln keinerlei aktuelle Frameworks, sondern betrachten jeweils bestimmte Aspekte der Web Plattform oder des Web Craftings. Es geht um neue Color Spaces, Web Components, Performance, Accessibility, Privacy, 3D und sogar LEDs :)
Ein Ticket für die zwei Tage liegt...2023-06-211h 04Working DraftRevision 568: 100 Days Of More Or Less Modern CSSAnlässlich des Abschlusses seiner Blogpost-Serie „100 Days Of More Or Less Modern CSS„, luden wir Manuel Matuzović, Frontend-Entwickler und Accessibility-Experte aus Graz (Web / Mastodon), in unseren Podcast ein, um zunächst über seine Motivation zu dieser Serie und schließlich auch über die spannendsten seiner gewonnenen Erkenntnisse in Sachen CSS zu sprechen. Manuel war zuvor schon einmal zum Thema HTML-Crafting bei uns zu Gast.
Unser Sponsor
Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die Decke gehen, deine Seite...2023-05-091h 33
CodePen Radio353: With Louis HoebregtsLouis Hoebregts (aka Mamboleoo) has been creating wonderfully creative Pens on CodePen for many years. His early work, as we learn on this episode, was inspired by the CSS trickery of Lea Verou! He rotates his tools between HTML and CSS, SVG, and canvas, but tends to have an aspect of motion and the unexpected. Some of the most popular Pens have an aspect of education to them as well. Here's a list of Louis' Pens he chose to talk about, covering some of his history here, each of which is symbolic of a personal era and often unlocking...2022-02-0200 min
The Virtual Coffee PodcastTodd Libby - Making the web equal and accessible We're welcoming Todd Libby to give us an intro to accessibility and what it means to make the web equal. Todd, a professional web developer, designer, and accessibility advocate for 22 years, provides a plethora of resources that can help everyone to get started and talks about how to advocate for accessibility and equality on projects. Show Notes:toddl.dev@toddlibby on TwitterThings/People mentioned in the episode:Making A Strong Case for Accessibility by Todd LibbyFront Page ExpressDesigning with Web StandardsWeb Content Accessibility Guidelines (WCAG)Cass FarisChris DeMars2021-10-1252 min
DevTales Podcast103: Github AI codecompletition, JS Temporal date, Vue petite, Size of npmMesterséges intelligencia által vezérelt kódkiegészítés, Új javascriptes adattipus, és a teljes aktuális npm repo mérete mellett érdekességek és újdonságok várnak Benneteket ismét.
Résztvevők:
Edu
Róka
Tibi
Tartalom:
00:00:00 Intro
00:01:02 Github Copilot
00:08:53 JS Temporal
00:16:51 Petite Vue
00:22:16 CSS Quiz
00:28:14 Links VS Buttons
00:33:36 NPM
Github Copilot
Github Copilot - https://copilot.github.com
JS Temporal
Temporal: getting started with JavaScript’s new date time API - https://2ality.com/2021/06/temporal-api.html
Petite-Vue
Petite-Vue - https://github.com/vuejs/petite-vue2021-07-1340 min
ToolsdayEp 127 - Book ClubEp 127 - Book ClubResourcesDon’t Make Me ThinkYou Don’t Know JavaScript by Kyle SimpsonCSS Secrets by Lea VerouResilient Web Design by Jeremy KeithBadass: Making Users AwesomeOriginals: How Non-conformists Move the worldSolve for HappyDecoding the Technical Interview by Emma BostianGhost in the WiresTalking with StrangersFlowers for AlgernonHitchhiker’s Guide to the GalaxyBroken Earth Trilogy by N.K. JemisonReady Player OneEmpire from the Ashes by David WeberDark Matter by Blake CrouchDresden FilesDuneThe First Fifteen Lives of Harry AugustSnowcrashArt of Racing in the RainRed RisingWildInto Thin AirNeuromancerDo Android’s Dream of SheepSapiensSponsors: VoyageVoyage...2021-04-0744 min
CSSSRNext.js 10.1, Socket.io 4, апрельские security-релизы Node.js, анонс Deno Company, Sublime Text 4Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8
Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-160/
Content Security Policy — https://web.dev/strict-csp/
Производительность сайтов команд Формулы-1, часть 4 — https://jakearchibald.com/2021/f1-perf-part-4/
Производительность сайтов команд Формулы-1, часть 5 — https://jakearchibald.com/2021/f1-perf-part-5/
Текст на изображениях — https://ishadeed.com/article/handling-text-over-image-css/
Темная тема за 5 минут — https://lea.verou.me/2021/03/inverted-lightness-variables/
Инструменты для анализа CSS — https://www.smashingmagazine.com/2021/03/css-auditing-tools/
Апрельские security-релизы Node.js — https://nodejs.org/en/blog/vulnerability/april-2021-security-releases/
Node.js 15.13.0 — https://nodejs.org/en/blog/release/v15.13.0/
Next.js 10.1 — https://nextjs.org/blog/next-10-1
Socket.io 4 — https://ably.com/blog/whats-new-in-socketio-4
Sublime Text 4 — https://gist.github.com/jfcherng/7bf4103ea486d1f67b7970e846b3a619
Видеообзор Sublime Text 4 — https://vimeo.com/529550701
Laravel 8.34 — https://laravel-news.com/laravel-8-34-0
nginx 1.19.9 — http://nginx.org/en/CHANGES
njs 0.5.3 — http://nginx.org/en/docs/njs/changes.html#njs0.5.3
Анонс Deno Company — https://deno...2021-04-0204 minНовости 512Next.js 10.1, Socket.io 4, апрельские security-релизы Node.js, анонс Deno Company, Sublime Text 4Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8
Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-160/
Content Security Policy — https://web.dev/strict-csp/
Производительность сайтов команд Формулы-1, часть 4 — https://jakearchibald.com/2021/f1-perf-part-4/
Производительность сайтов команд Формулы-1, часть 5 — https://jakearchibald.com/2021/f1-perf-part-5/
Текст на изображениях — https://ishadeed.com/article/handling-text-over-image-css/
Темная тема за 5 минут — https://lea.verou.me/2021/03/inverted-lightness-variables/
Инструменты для анализа CSS — https://www.smashingmagazine.com/2021/03/css-auditing-tools/
Апрельские security-релизы Node.js — https://nodejs.org/en/blog/vulnerability/april-2021-security-releases/
Node.js 15.13.0 — https://nodejs.org/en/blog/release/v15.13.0/
Next.js 10.1 — https://nextjs.org/blog/next-10-1
Socket.io 4 — https://ably.com/blog/whats-new-in-socketio-4
Sublime Text 4 — https://gist.github.com/jfcherng/7bf4103ea486d1f67b7970e846b3a619
Видеообзор Sublime Text 4 — https://vimeo.com/529550701
Laravel 8.34 — https://laravel-news.com/laravel-8-34-0
nginx 1.19.9 — http://nginx.org/en/CHANGES
njs 0.5.3 — http://nginx.org/en/docs/njs/changes.html#njs0.5.3
Анонс Deno Company — https://deno...2021-04-0204 minWorking DraftRevision 468: CSS in JSAnders als ursprünglich geplant geht es in dieser Revision nicht mit dem vergangene Woche angekündigten Thema weiter. Unseren Hauptakteur, Peter, hatte es nämlich gesundheitlich dahingerafft, so dass Hans und Schepp sich auf ein alternatives Thema verlegen mussten. Angeregt durch eine konkrete Situation aus dem Job landeten wir bei „CSS in JS“.
Schaunotizen
[00:00:30] CSS in JS
Ausgehend von der Frage, was man denn heutzutage am Besten für eine CSS-in-JS-Lösung anwendet, also ob JSS, CSS Modules oder doch eher Styled Components arbeiten wir uns nach und nach durch den gesamten CSS-Technologiepark durch. Wir reden übe...2021-03-1655 minCSSSRНе бандлом единым, CSS-in-JS в DevTools, туториал по Rollup, тени, псевдоэлементы ::before и ::afterФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8
Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-153/
Метрики производительности JS кроме размера бандла — https://nolanlawson.com/2021/02/23/javascript-performance-beyond-bundle-size/
Туториал по Rollup — https://www.sitepoint.com/rollup-javascript-bundler-introduction/
Таски в JS — https://www.youtube.com/watch?v=8eHInw9_U8k
::before и ::after — https://codersblock.com/blog/diving-into-the-before-and-after-pseudo-elements/
Поддержка CSS-in-JS в Chrome DevTools — https://developers.google.com/web/updates/2021/02/css-in-js
Тени — https://css-tricks.com/getting-deep-into-shadows/
Эмуляция перегрузки функций в JavaScript — https://lea.verou.me/2021/02/mass-function-overloading-why-and-how/
GDPR 2021 — https://www.smashingmagazine.com/2021/03/state-gdpr-2021-cookie-consent-designers-developers/
Safari Technology Preview 121 — https://webkit.org/blog/11555/release-notes-for-safari-technology-preview-121/
CakePHP 4.2.4 — https://github.com/cakephp/cakephp/releases/tag/4.2.4
Laravel 8.29.0 — https://laravel-news.com/laravel-8-29-0
OnionShare 2.3 — https://blog.torproject.org/new-release-onionshare-23
GitHub Transparency Report 2020 — https://github.blog/2021-02-25-2020-transparency-report/
Изменения в релизах промежуточных LTS-версий Ubuntu — https://lists.ubuntu.com/archives/ubuntu-devel-a...2021-03-0306 minНовости 512Не бандлом единым, CSS-in-JS в DevTools, туториал по Rollup, тени, псевдоэлементы ::before и ::afterФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8
Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-153/
Метрики производительности JS кроме размера бандла — https://nolanlawson.com/2021/02/23/javascript-performance-beyond-bundle-size/
Туториал по Rollup — https://www.sitepoint.com/rollup-javascript-bundler-introduction/
Таски в JS — https://www.youtube.com/watch?v=8eHInw9_U8k
::before и ::after — https://codersblock.com/blog/diving-into-the-before-and-after-pseudo-elements/
Поддержка CSS-in-JS в Chrome DevTools — https://developers.google.com/web/updates/2021/02/css-in-js
Тени — https://css-tricks.com/getting-deep-into-shadows/
Эмуляция перегрузки функций в JavaScript — https://lea.verou.me/2021/02/mass-function-overloading-why-and-how/
GDPR 2021 — https://www.smashingmagazine.com/2021/03/state-gdpr-2021-cookie-consent-designers-developers/
Safari Technology Preview 121 — https://webkit.org/blog/11555/release-notes-for-safari-technology-preview-121/
CakePHP 4.2.4 — https://github.com/cakephp/cakephp/releases/tag/4.2.4
Laravel 8.29.0 — https://laravel-news.com/laravel-8-29-0
OnionShare 2.3 — https://blog.torproject.org/new-release-onionshare-23
GitHub Transparency Report 2020 — https://github.blog/2021-02-25-2020-transparency-report/
Изменения в релизах промежуточных LTS-версий Ubuntu — https://lists.ubuntu.com/archives/ubuntu-devel-a...2021-03-0306 min
Preceptos DigitalesEpisodio 41: Entrevista con Ignacio VillanuevaDespués de muchos meses de inactividad, estamos de vuelta con el Podcast y, en este episodio tuve el agrado de conversar con Ignacio Villanueva, quien es host del Podcast WeCodeSign, uno de los pocos podcasts de diseño y desarrollo web en español que existen por ahora.
Ignacio me comentó, antes de grabar, que el se había iniciado en el tema web hace bastante tiempo, pero que por circunstancias de la vida dejó este fascinante mundo de lado y lo volvió a retomar hace un par de años, y eso nos llevó al tema del...2021-02-071h 18
Frontend GreatnessFolder Structure with Sergey BekharskySergey Bekharsky, the founder of "HTML Shit" and a Senior JavaScript developer from Supermetrics joins A-P Koponen on the Frontend Greatness podcast to talk about "Folder Structure"
---
Video version: https://www.youtube.com/watch?v=v7dsfjXD7Dw
---
Episode Notes
Social
- Sergey's Twitter account: https://twitter.com/bekharsky
- Sergey's "HTML Shit" Telegram (in Russian): https://t.me/htmlshit
- A-P's Twitter: https://twitter.com/apkoponen
Show Notes
- "React Folder Structure in 5 Steps" by Robin...2020-12-2842 min
Message à caractère informatique#22 - Les Agrafes Rouillées Peuvent Elles Faire Des Étincelles ?
Toutes les notes sont disponibles sur https://www.clever-cloud.com/fr/podcast/episode22
Avec par ordre d’apparition : @ldoguin @urcadox @hsablonniere @juuduu
Timeout du serveur OCSP d’Apple https://twitter.com/breard_r/status/1327162082563940352?s=21
Agrafage OCSP https://fr.wikipedia.org/wiki/Agrafage_OCSP
Le Spam c’est mal https://framablog.org/2020/11/13/i-dont-want-any-spam/
Announcing InfluxDb IOx https://www.influxdata.com/blog/announcing-influxdb-iox/
Databricks launches sql analytics https://techcrunch.com/2020/11/12/databricks-launches-sql-analytics-builds-itself-a-lake-house/?tpcc=ECTW2020
CNAME Cloaking and Bounce Tracking Defense https://webkit.org/blog/11338/cname-cloaking-and-bounce-tracking-defense/
=> Episod...2020-11-131h 18
Message à caractère informatique#18 - Les Pions Du Monopoly Sont Rouillés
Toutes les notes sont disponibles sur https://www.clever-cloud.com/fr/podcast/episode18
Avec par ordre d’apparition : @ldoguin @judu @urcadox @geal
Edito de Gilles Babinet https://twitter.com/babgi/status/1315517172601491456
Rapport Antitrust : le Congrès souhaite démanteler les GAFA https://siecledigital.fr/2020/10/08/antitrust-demanteler-gafa/
Antitrust : Google pourrait être forcé de revendre Chrome https://siecledigital.fr/2020/10/12/google-antitrust-revente-chrome/
Drama Hacktoberfest https://joel.net/how-one-guy-ruined-hacktoberfest2020-drama
Playbook Ansible Fretlink https://github.com/fretlink/ansible-clever
Nouveau Shell Couchbase basé sur nushell http://couchbase.sh/
Serde-Query : décoder avec...2020-10-141h 07
Message à caractère informatique#17 - Tu T’es Vue Quand T’as Écrit Du TypeScript ?
Toutes les notes sont disponibles sur https://www.clever-cloud.com/fr/podcast/episode17
Avec par ordre d’apparition : @ldoguin @blackyoup @hsablonniere @cedric_exbrayat
The failed promise of Web Components
https://lea.verou.me/2020/09/the-failed-promise-of-web-components/
https://genericcomponents.netlify.app/
https://github.com/ing-bank/lion/
https://shoelace.style/
No, Web Components didn’t promise you the world and a free donut. https://medium.com/@PaulHMason_20058/no-web-components-didnt-promise-you-the-world-and-a-free-donut-9a31d3062e3d
YouTube met fin au crowdsourcing de sous-titre https://arstechnica.com/gadgets/2020/09/youtube-celebrates-deaf-awareness-week-by-killing-crowd-sourced-captions/
Le talk...2020-09-301h 25
Новости 512Firefox 81, новый JSX Transform, критика Web Components, оптимизация CDN, V8 8.6, Hacktoberfest 2020Форма обратной связи: https://forms.gle/xU3PqXf3yD8T3Mz27
Новый JSX Transform - https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html
Выбор и оптимизация CDN - https://web.dev/content-delivery-networks/
Асинхронные версии методов объекта Atomics - https://v8.dev/features/atomics
Оптимизация Mercado Libre - https://web.dev/how-mercadolibre-optimized-web-vitals/
Критика Web Components - https://lea.verou.me/2020/09/the-failed-promise-of-web-components/ | https://css-live.ru/javascript/nesbyvshiesya-nadezhdy-veb-komponentov.html
Разработка вкладки Issues в Chrome DevTools - https://developers.google.com/web/updates/2020/09/issues-tab
Firefox 81.0 - https://www.mozilla.org/en-US/firefox/81.0/releasenotes/
Tor Browser 10.0 - https://blog.torproject.org/new-release-tor-browser-100
V8 8.6 - https://v8.dev/blog/v8-release-86
NodeJS 14.12.0 - https://nodejs.org/en/blog/release/v14.12.0/
Laravel 8.6.0 - https://laravel-news.com/laravel-8-6-02020-09-2905 minCSSSRFirefox 81, новый JSX Transform, критика Web Components, оптимизация CDN, V8 8.6, Hacktoberfest 2020Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27
Новый JSX Transform - https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html
Выбор и оптимизация CDN - https://web.dev/content-delivery-networks/
Асинхронные версии методов объекта Atomics - https://v8.dev/features/atomics
Оптимизация Mercado Libre - https://web.dev/how-mercadolibre-optimized-web-vitals/
Критика Web Components - https://lea.verou.me/2020/09/the-failed-promise-of-web-components/ | https://css-live.ru/javascript/nesbyvshiesya-nadezhdy-veb-komponentov.html
Разработка вкладки Issues в Chrome DevTools - https://developers.google.com/web/updates/2020/09/issues-tab
Firefox 81.0 - https://www.mozilla.org/en-US/firefox/81.0/releasenotes/
Tor Browser 10.0 - https://blog.torproject.org/new-release-tor-browser-100
V8 8.6 - https://v8.dev/blog/v8-release-86
NodeJS 14.12.0 - https://nodejs.org/en/blog/release/v14.12.0/
Laravel 8.6.0 - https://laravel-news.com/laravel-8-6-0
Релизы Angular - https://github.com/angular/angular/releases/tag/10.1.3 | https://github.com...2020-09-2905 minНовости 512Firefox 81, новый JSX Transform, критика Web Components, оптимизация CDN, V8 8.6, Hacktoberfest 2020Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27
Новый JSX Transform - https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html
Выбор и оптимизация CDN - https://web.dev/content-delivery-networks/
Асинхронные версии методов объекта Atomics - https://v8.dev/features/atomics
Оптимизация Mercado Libre - https://web.dev/how-mercadolibre-optimized-web-vitals/
Критика Web Components - https://lea.verou.me/2020/09/the-failed-promise-of-web-components/ | https://css-live.ru/javascript/nesbyvshiesya-nadezhdy-veb-komponentov.html
Разработка вкладки Issues в Chrome DevTools - https://developers.google.com/web/updates/2020/09/issues-tab
Firefox 81.0 - https://www.mozilla.org/en-US/firefox/81.0/releasenotes/
Tor Browser 10.0 - https://blog.torproject.org/new-release-tor-browser-100
V8 8.6 - https://v8.dev/blog/v8-release-86
NodeJS 14.12.0 - https://nodejs.org/en/blog/release/v14.12.0/
Laravel 8.6.0 - https://laravel-news.com/laravel-8-6-0
Релизы Angular - https://github.com/angular/angular/releases/tag/10.1.3 | https://github.com...2020-09-2905 minНовости 512Security-релизы NodeJS, Ruby 3, разбор AVIF, JIT-компилятор Erlang, Web Skills, Laravel 8Форма обратной связи: https://forms.gle/xU3PqXf3yD8T3Mz27
Переезд Badoo на TS — https://habr.com/en/company/badoo/blog/518246/
Подробный разбор AVIF — https://jakearchibald.com/2020/avif-has-landed/
CSS-свойство perspective — https://css-tricks.com/how-css-perspective-works/
Программное управление Lighthouse — https://www.smashingmagazine.com/2020/09/introduction-running-lighthouse-programmatically/
Статья от Эвана Ю на Github — https://github.com/readme/evan-you
Parsel: парсер CSS-селекторов — https://lea.verou.me/2020/09/parsel-a-tiny-permissive-css-selector-parser/
Тестирование с Jest и Enzyme — https://www.youtube.com/playlist?list=PLNkWIWHIRwMFPcbK0AJVBYyNveXmMZhMS
Web Skills — https://andreasbm.github.io/web-skills/
Security-релизы NodeJS и NodeJS 14.10.1 — https://nodejs.org/en/blog/vulnerability/september-2020-security-releases/ | https://nodejs.org/en/blog/release/v14.10.1/
Deno 1.4 — https://deno.land/posts/v1.4
Safari Technology Preview 113 — https://webkit.org/blog/11294/release-notes-for-safari-technology-preview-113/
https://laravel-news.com...2020-09-1504 minНовости 512Security-релизы NodeJS, Ruby 3, разбор AVIF, JIT-компилятор Erlang, Web Skills, Laravel 8Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27
Переезд Badoo на TS — https://habr.com/en/company/badoo/blog/518246/
Подробный разбор AVIF — https://jakearchibald.com/2020/avif-has-landed/
CSS-свойство perspective — https://css-tricks.com/how-css-perspective-works/
Программное управление Lighthouse — https://www.smashingmagazine.com/2020/09/introduction-running-lighthouse-programmatically/
Статья от Эвана Ю на Github — https://github.com/readme/evan-you
Parsel: парсер CSS-селекторов — https://lea.verou.me/2020/09/parsel-a-tiny-permissive-css-selector-parser/
Тестирование с Jest и Enzyme — https://www.youtube.com/playlist?list=PLNkWIWHIRwMFPcbK0AJVBYyNveXmMZhMS
Web Skills — https://andreasbm.github.io/web-skills/
Security-релизы NodeJS и NodeJS 14.10.1 — https://nodejs.org/en/blog/vulnerability/september-2020-security-releases/ | https://nodejs.org/en/blog/release/v14.10.1/
Deno 1.4 — https://deno.land/posts/v1.4
Safari Technology Preview 113 — https://webkit.org/blog/11294/release-notes-for-safari-technology-preview-113/
Laravel 8 — https://laravel-news.com/laravel8
Angular 10.1.1 и Angular 11.0.0 next-1 — https://github.com/angular/angular/releases/tag/10.1.1 | https://github.com/angular/angular/releases/tag/11...2020-09-1504 minCSSSRSecurity-релизы NodeJS, Ruby 3, разбор AVIF, JIT-компилятор Erlang, Web Skills, Laravel 8Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27
Переезд Badoo на TS — https://habr.com/en/company/badoo/blog/518246/
Подробный разбор AVIF — https://jakearchibald.com/2020/avif-has-landed/
CSS-свойство perspective — https://css-tricks.com/how-css-perspective-works/
Программное управление Lighthouse — https://www.smashingmagazine.com/2020/09/introduction-running-lighthouse-programmatically/
Статья от Эвана Ю на Github — https://github.com/readme/evan-you
Parsel: парсер CSS-селекторов — https://lea.verou.me/2020/09/parsel-a-tiny-permissive-css-selector-parser/
Тестирование с Jest и Enzyme — https://www.youtube.com/playlist?list=PLNkWIWHIRwMFPcbK0AJVBYyNveXmMZhMS
Web Skills — https://andreasbm.github.io/web-skills/
Security-релизы NodeJS и NodeJS 14.10.1 — https://nodejs.org/en/blog/vulnerability/september-2020-security-releases/ | https://nodejs.org/en/blog/release/v14.10.1/
Deno 1.4 — https://deno.land/posts/v1.4
Safari Technology Preview 113 — https://webkit.org/blog/11294/release-notes-for-safari-technology-preview-113/
Laravel 8 — https://laravel-news.com/laravel8
Angular 10.1.1 и Angular 11.0.0 next-1 — https://github.com/angular/angular/releases/tag/10.1.1 | https://github.com/angular/angular/releases/tag/11...2020-09-1504 min
DevTales Podcast069: Adobe XD, Bootstrap 5, ES2020, ESLintA 69. adásban a következő szexi témáink voltak: bootstrap 5, chrome tabcsoportok, Adobe XD, ES2020 és ezzel kapcsolatosan az ESLint legújabb kiadása. Hallgassatok minket, mert érdemes!
Résztvevők:
Edu
Róka
Tartalom:
00:00:00 Intro
00:00:45 Adobe XD
00:04:12 Bootstrap 5
00:09:23 Chrome Tabs
00:14:40 ES2020
June 2020 Release of Adobe XD: Design Tokens, Stacks, Scroll Groups, and More - https://theblog.adobe.com/xd-june-2020-scroll-groups-stacks-more/?ref=prototyprio
10 New JavaScript Features in ES2020 That You Should Know - https://www.freecodecamp.org/news/javascript-new-features-es2020/
ESLint 7.0, 7.1, 7.2 Releases Improve Developer Experience and ES2020 Support - https://www.infoq.com/news/2020/06/eslint-7-release/
A journey in...2020-06-2930 min
«Суровый веб» — тот самый подкаст от uwebdesign[#229] uwebdesign возвращается к WordPress темамSmartkit — лучшая тема-комбайн для WordPress.
Виджеты в iOS 14, новая супер тема для WordPress, празднуем 20 лет рунета, узнаем про CSS4 цвета от Lea Verou, а также рассуждаем про PlayStation 5. ПАГНАААААЛЕЕЕЕ!!!11
Прешоу к этому выпуску: Прешоу #229.
Спасибо всем за поддержку!
Тему к следующему выпуску предлагайте здесь: reddit.com/r/uwebdesign.
Пробуйте супер хостинг SmartApe. Теперь и с NVMe SSD!↓
Темы подкаста
iOS 14 и виджеты.
Stackoverflow выкатил темную тему.
20 лет рунета.
Илон Маск раскрыл предназначение камеры над зеркалом заднего вида в Tesla Model 3.
LCH colors in CSS: what, why, and how.
Логотипы консолей.
Сооснователь сети DNS Дмитрий Алексеев предложил раздать деньги россиянам вместо финансовой помощи бизнесу.
Марк Церни дал Digital Foundry большое интервью о спецификациях PlayStation 5. Главное.
Спасибо всем за внимание, дай вам Бог на эти коротенькие семь дней!2020-05-222h 41
uwebdesignuwebdesign возвращается к WordPress темам — Суровый веб #229Smartkit — лучшая тема-комбайн для WordPress. Виджеты в iOS 14, новая супер тема для WordPress, празднуем 20 лет рунета, узнаем про CSS4 цвета от Lea Verou, а также рассуждаем про PlayStation 5. ПАГНАААААЛЕЕЕЕ!!!11 Прешоу к этому выпуску: Прешоу #229. Спасибо всем за поддержку! Тему к следующему выпуску предлагайте здесь: reddit.com/r/uwebdesign. Темы подкаста iOS 14 и […]
Сообщение uwebdesign возвращается к WordPress темам — Суровый веб #229 появились сначала на uwebdesign.2020-05-2200 minВидео • uwebdesignuwebdesign возвращается к WordPress темам — Суровый веб #229Smartkit — лучшая тема-комбайн для WordPress. Виджеты в iOS 14, новая супер тема для WordPress, празднуем 20 лет рунета, узнаем про CSS4 цвета от Lea Verou, а также рассуждаем про PlayStation 5. ПАГНАААААЛЕЕЕЕ!!!11 Прешоу к этому выпуску: Прешоу #229. Спасибо всем за поддержку! Тему к следующему выпуску предлагайте здесь: reddit.com/r/uwebdesign. Темы подкаста iOS 14 и […]
Сообщение uwebdesign возвращается к WordPress темам — Суровый веб #229 появились сначала на uwebdesign.2020-05-2200 minПодкасты • uwebdesign[#229] uwebdesign возвращается к WordPress темамSmartkit — лучшая тема-комбайн для WordPress. Виджеты в iOS 14, новая супер тема для WordPress, празднуем 20 лет рунета, узнаем про CSS4 цвета от Lea Verou, а также рассуждаем про PlayStation 5. ПАГНАААААЛЕЕЕЕ!!!11 Прешоу к этому выпуску: Прешоу #229. Спасибо всем за поддержку! Тему к следующему выпуску предлагайте здесь: reddit.com/r/uwebdesign. Темы подкаста iOS 14 и […]
Сообщение uwebdesign возвращается к WordPress темам — Суровый веб #229 появились сначала на uwebdesign.2020-05-2200 minThe CSS PodcastColor Part 2 - PerceptionExplore perceptual, human-centered, color in this episode as we review latest specs, latest syntaxes, theories and strategies for color on the web in 2020. Links: Spec CSS color level-4 → https://goo.gle/3cFCaDr Draft Spec CSS color level-5 → https://goo.gle/3cL4CUF How Color Gamut & Display Technology Can Affect Your Content → https://goo.gle/3eIH5p3 WICG Contrast Ratio → https://goo.gle/2XWxZyZ Lea Verou LCH color picker→ https://goo.gle/2VvVopn Webkit Working on Color Level 4 → https://goo.gle/353yf0D 2020-04-2221 minНовости 512PostCSS 8.0, Chrome 81, Firefox 75, курс по веб-безопасности, Windows для веба, изучаем TypeSciptWeb Animations API in Safari 13.1 — https://webkit.org/blog/10266/web-animations-in-safari-13-1/
LCH colors — http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/
WebSocketStream experiment — https://web.dev/websocketstream/
Сборник DOM-анипуляций на чистом JS — https://htmldom.dev/
Стенфордский курс по веб-безопасности — https://web.stanford.edu/class/cs253/
Изучаем TypeScript — https://www.youtube.com/playlist?list=PLu6MFGxDdilhKzUePH96oqhedQXROTNmg
Настраиваем Windows для веб-разработки — https://zellwk.com/blog/windows-wsl/
PostCSS 8.0 — https://evilmartians.com/chronicles/postcss-8-is-coming-here-is-what-it-brings
Safari Technology Preview 104 — https://webkit.org/blog/10264/release-notes-for-safari-technology-preview-104/
Google Chrome 81 — https://chromereleases.googleblog.com/2020/04/stable-channel-update-for-desktop_7.html | https://developers.google.com/web/updates/2020/04/nic81
Mozilla Firefox 75 — https://hacks.mozilla.org/2020/04/firefox-75-ambitions-for-april/
Firefox Preview for Anfroid 4.2 — https://www.soeren-hentzschel.at/firefox-android/fenix-firefox-preview-4-2
Релизы NodeJS 10.20.0 и 12.16.2 — https://nodejs.org/en/blog/release/v10.20.0/ | https://n...2020-04-1206 minCSSSRPostCSS 8.0, Chrome 81, Firefox 75, курс по веб-безопасности, Windows для веба, изучаем TypeSciptWeb Animations API in Safari 13.1 — https://webkit.org/blog/10266/web-animations-in-safari-13-1/
LCH colors — http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/
WebSocketStream experiment — https://web.dev/websocketstream/
Сборник DOM-анипуляций на чистом JS — https://htmldom.dev/
Стенфордский курс по веб-безопасности — https://web.stanford.edu/class/cs253/
Изучаем TypeScript — https://www.youtube.com/playlist?list=PLu6MFGxDdilhKzUePH96oqhedQXROTNmg
Настраиваем Windows для веб-разработки — https://zellwk.com/blog/windows-wsl/
PostCSS 8.0 — https://evilmartians.com/chronicles/postcss-8-is-coming-here-is-what-it-brings
Safari Technology Preview 104 — https://webkit.org/blog/10264/release-notes-for-safari-technology-preview-104/
Google Chrome 81 — https://chromereleases.googleblog.com/2020/04/stable-channel-update-for-desktop_7.html | https://developers.google.com/web/updates/2020/04/nic81
Mozilla Firefox 75 — https://hacks.mozilla.org/2020/04/firefox-75-ambitions-for-april/
Firefox Preview for Anfroid 4.2 — https://www.soeren-hentzschel.at/firefox-android/fenix-firefox-preview-4-2
Релизы NodeJS 10.20.0 и 12.16.2 — https://nodejs.org/en/blog/release/v10.20.0/ | https://n...2020-04-1206 min
Wo wir sind ist vorne.#BADA55 #C55 #C01025Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Zugriff auf 50% mehr Farben auf eurer Website, mit diesem einfachen Trick! Die Farben deiner Website sehen flach und verwaschen aus? Das muss nicht sein! (/clickbait). Wir sprechen über Farben im Browser: Hexadezimal, RGBA, HSL und den neuen LCH Farbraum, der den Browsern in Zukunft die Welt der HDR-Displays erschließen soll. Dazu outet sich Constantin als Windows 3.1-Nutzer und Moritz gibt sein erstes Solo-Blockflötenkonzert.
Begrüßung – [00:00:55]
DerBauer.de
Retro Moritz – [00:06:21]
CSS Naked Day
IsItCapslockD...2020-04-121h 33Toolsday96. Inspiration96. Inspiration
People to Follow
Anoosha Syed
Alice Lee
Rogie
Sarah Drasner
Sailor HQ
Lea Verou
Sara Soueidan
David Piano
Ryan Florence
Tim Holman
Websites to Checkout
Grid Critters
CSS Grid Experiments by Olivia Ng
David Khourshid Codepen Collection
Use Animations
Position unstuck by Danny Vinter
Today's Sponsors
Sentry
Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. Yo...2019-06-0100 min
Syntax - Tasty Web Development TreatsCSS the 😎😎😎 Cool PartsIn this episode Wes and Scott talk about the cool parts of CSS! From filters to variables, here are some cool (and amazing) things you can do with CSS in 2019. Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sent...2019-05-2258 min
Syntax - Tasty Web Development TreatsCSS the 😎😎😎 Cool PartsIn this episode Wes and Scott talk about the cool parts of CSS! From filters to variables, here are some cool (and amazing) things you can do with CSS in 2019. Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by...2019-05-2258 min
Talking DrupalTalking Drupal #165 - What's hot with Jason?In episode 165 we re-unite with former co-host Jason Pamental to talk about front end development. www.talkingdrupal.com/165 Agenda CSS Grid Variable Fonts Firefox Dev Tools CSS Custom Properties & Calculations Resources Rachel Andrew’s Jen Simmons’ Layout Land YouTube channel Microsoft Variable Font Demo Site Axis-Praxis.org V-Fonts My Codepen Demos Variable Font and Future of Web Design Presentation Typography demo Lea Verou - talk on CSS variables Mozilla grid inspector docs Hosts...2018-04-0251 min
Talking DrupalTalking Drupal #165 - What's hot with Jason?In episode 165 we re-unite with former co-host Jason Pamental to talk about front end development. www.talkingdrupal.com/165 Agenda CSS Grid Variable Fonts Firefox Dev Tools CSS Custom Properties & Calculations Resources Rachel Andrew’s Jen Simmons’ Layout Land YouTube channel Microsoft Variable Font Demo Site Axis-Praxis.org V-Fonts My Codepen Demos Variable Font and Future of Web Design Presentation Typography demo Lea Verou - talk on CSS variables Mozilla grid inspector docs Hosts...2018-04-0251 min
RRR FMByte Into IT - 9 August 2017Byte Into IT has Vanessa and Dan in the studio to fill you in on all of the news in technology this week. Our first guest this week is R&D lead at Veneziano Coffee Craig Simon, speaking about his role and what it involves. We followed this with an interview with Laura Summers and Lea Verou from MIT, who are building an O/S framework to allow people to program their own apps without learning Javascript.2017-08-2547 min
Byte Into ITByte Into IT - 9 August 2017Byte Into IT has Vanessa and Dan in the studio to fill you in on all of the news in technology this week.Our first guest this week is R&D lead at Veneziano Coffee Craig Simon, speaking about his role and what it involves.We followed this with an interview with Laura Summers and Lea Verou from MIT, who are building an O/S framework to allow people to program their own apps without learning Javascript.2017-08-0947 min
CTRL+CLICK CASTResponsive RetrofitsMore people are visiting the web on mobile than they do desktop today! Responsive retrofitting can be a cost-effective way to go beyond a desktop-only experience ASAP. Emily and Lea break down the importance of mobile-friendly sites and different ways you can tackle mobile-friendly projects based on client budget and priorities. We share front-end techniques and other processes that help prioritize audience and client goals, regardless of what device they use to access their site.
< Download MP3 > <...2017-03-021h 07
Веб-стандарты44. Браузеры, мультиколонки, раскладки, SVG, доступность, методологии, формы, шрифты, HTMLВедущиеОльга Алексашенко, Вадим Макеев, Алексей СимоненкоТемы00:00:14 События00:04:07 Новости Firefox00:14:04 Веб-компоненты в WebKit00:16:34 Мультиколонки00:20:32 Системы раскладки00:31:12 SVG-паттерны00:34:30 Нюансы доступности00:38:45 Методологии CSS00:50:11 Улучшение формы00:51:42 Шоу «Стандарт»00:53:42 Фолбэки к шрифтам00:57:25 HTML на стероидах01:03:17 Подкаст жив!СобытияWSD в Киеве прошёл 26 ноябряKrasnodar Dev Days 10 декабряFrontDays №4 в Тольятти 17 декабряЯ.Субботник в Москве 10 декабряHolyJS в Москве 11 декабряhi@pitercss.com для докладов на pitercssПриём докладов на CodeFestПриём докладов на React AmsterdamНовости FirefoxMozilla: Intent to implement Payment Request APIFirefox: New Responsive Design ModeВеб-компоненты в WebKitWebKit: Introducing Custom ElementsМультиколонкиLea Verou: inline-block prevents fragmentation in multi-column containersСистемы раскладкиГрид, флексбокс и выравнивание блоковShould I try to use the IE implementation of CSS Grid Layout?SVG-паттерныSVG-паттерныНюансы доступностиThe Accessibility Difference Between aria-hidden and role="presentation"Changing the Reading Order of a Page with aria-flowtoМетодологии CSSHoly Grail LayoutWhen to use which CSS methodologyУлучшение формыУлучшение формы комментариевШоу «Стандарт»The Standard E02: Fit to PageФолбэки к шрифтамFont style matcherHTML на стероидахAMP, Instant Articles, Instant ViewПодкаст жив!Пятиминутка ReactВеб-стандарты в iTunes2016-11-291h 05
Donau Tech Radio - DTRCSS RefactoringIn dieser Episode dürfen Tom und André nach einer langen Durststrecke endlich wieder einen Gast begrüßen. Wie es der Zufall will, ist es der gleiche Gast der auch bei der ersten 3er Episode im Hause war: Stefan Baumgartner. Dieses Mal geht es somit wieder um das Thema JS/CSS, ein Fokus wird jedoch auch auf CSS Refactoring, Standards und Patterns gelegt.
Wir wünschen gute Unterhaltung!
Shownotes
Studio-Link
Yeti Mikrofon
Folge 56 DTR.fm
Stefan Baumgartner
Rux It
Podcast: Working Draft
Stahlstadt JS
Gulp.js
Lea Verou
CSS Secrets
Webpack
Browserify
Klemens Gordon: WebPac...2016-07-071h 14
JavaScript Air016 jsAir - JavaScript Frameworks: Vue.js with Taylor Otwell and Evan You
JavaScript Frameworks: Vue.js with Taylor Otwell and Evan You
Description:
Vue.js is a JavaScript Framework for building reactive components for modern web interfaces. It allows you to write your JS, HTML, and CSS in a single file, has powerful data bindings, focuses on composability, is small, and is insanely fast. Join us with the author for this show!
Show sponsors:Egghead.io - Bite-sized web development video training
Frontend Masters - Expert front-end training
{Track:js} - JavaScript Error Monitoring
Wallaby.js - Realtime code coverage
Codecov.io - Code coverage done right
Fluent - Web...2016-03-311h 01Working DraftRevision 241: WebGLDiesmal konnten wir wieder einen Gast bei uns begrüßen, und zwar Kai Niklas. Kai beschäftigt sich seit einiger Zeit mit OpenGL und seinem Abkömmling WebGL, programmiert 3D-Anwendungen und tourt als Trainer für OpenGL durch Deutschland. Und so verwundert es kaum, dass wir mit ihm zusammen das Thema „WebGL“ erkunden.
Schaunotizen
[00:01:54] WebGL
Im Laufe unseres Gesprächs fielen diverse Stichworte und Links, die Ihr nachfolgend findet:
Die Khronos Group spezifiziert OpenGL und WebGL
OpenCL und WebCL, analog zu OpenGL und WebGL die „Compute Languages“ zum Berechnen von Dingen
WebGL Browsersupport
Anwendungsfälle: Virtuelle Musee...2015-11-0847 min
JavaScript Jabber177 JSJ UI Validation with Oren Rubin02:43 - Oren Rubin IntroductionTwitter GitHubLinkedInTESTIM.IO 05:43 - TestingUnit TestingEnd-to-end TestingAcceptance TestingFunctional TestingPerformance Testing18:18 - Page Object(s)Locators27:10 - Protractor & SeleniumZombie32:06 - Checking UI (Screenshots)37:04 - End-to-end > Full Coverage?40:03 - When should you start testing?42:21 - Cucumber 45:39 - DebuggingPicks Paul Ford: 10 Timeframes (Jamison) Kishi Bashi - “In Fantasia” (Jamison) Matt Zabriskie (Jamison) http-backend-proxy (Aimee) repl.it (Aimee) React.js Training with Michael Jackson and Ryan Florence (Joe) React Rally (Joe) AngularConnect (Joe) ng-conf (Joe) Ruby Remote Conf Videos (Chuck) Angular Remote Conf (Chuck) 15 Minute Podcast Listener chat with Charles Wood...2015-09-1659 minWorking DraftRevision 216: Working Draft considered harmfulStefan, Schepp und Peter regen sich über das Thema der Woche auf und beenden die Sendung mit ein paar interessanten Links.
Schaunotizen
[00:00:09] jQuery considered harmful
Lea Verou liefert einen der weniger guten Anti-jQuery-Artikel der letzten Monate ab. Weil sie sich vor Wrapper-Elementen und Technologie-Lockdown fürchtet, schlägt sie vor auf jQuery zu verzichten. Dass jQuery zahllose Browserbugs (nicht nur im IE) repariert und durch seine API und seine Plugins Webentwicklern das Leben sehr viel einfacher machen kann, wird übersehen – auch wenn es um jQuery-Alternativen wie Zepto und Shoestring geht. Nur in Ausnahmefällen können wir uns v...2015-05-0146 min
Technovert175 - sobre Aperture y SafariHoy toco dos temas: por un lado el anuncio de Apple de que el próximo año dejará de actualizar Aperture para los profesionales de la fotografía y le cede el lugar a Adobe con su Lightroom. Doy mi punto de vista al respecto. Por otro lado, en una entrevista que le hacen a Lea Verou, vocero de W3C, en el sitio de tecnología de Genbeta (http://feedly.com/e/p5o-xS5z), le preguntan su opinión en cuanto a los navegadores actuales y cuáles cree que sea mejor y comento su respuesta, en la cual...2014-06-3021 min
Technovert175 - sobre Aperture y SafariHoy toco dos temas: por un lado el anuncio de Apple de que el próximo año dejará de actualizar Aperture para los profesionales de la fotografía y le cede el lugar a Adobe con su Lightroom. Doy mi punto de vista al respecto. Por otro lado, en una entrevista que le hacen a Lea Verou, vocero de W3C, en el sitio de tecnología de Genbeta (http://feedly.com/e/p5o-xS5z), le preguntan su opinión en cuanto a los navegadores actuales y cuáles cree que sea mejor y comento su respuesta, en la c...2014-06-3021 minDonau Tech Radio - DTRKod.ioDiese Episode widmet sich (beinahe) ausschließlich der Kod.io 2014. Die Kod.io ist eine Entwicklerkonferenz die zum ersten Mal in Linz stattfand. Das DTR-Team war mit dabei und so besprechen Tom und André die besuchten Voträge und gehen auf das Drumherum der Konferenz ein.
Kod.io
Kod.io 2014
Speakerdeck
Lea Verou
What the Color?
Angular JS
D3.js Gallery
Highcharts.js
Travis CI
Travis CI Running Builds
Rails Girls
He-Man (WP)
Castle Grayskull (WP)
RubyMotion
Apps in RubyMotion
Mike Adolphs
Docker.io
Bootcamp (WP)
pCells
Artemis pCell (Spiegel Online)
Git
The...2014-03-071h 31
Donau Tech Radio - DTRDTR018 Kod.ioDiese Episode widmet sich (beinahe) ausschließlich der Kod.io 2014. Die Kod.io ist eine Entwicklerkonferenz die zum ersten Mal in Linz stattfand. Das DTR-Team war mit dabei und so besprechen Tom und André die besuchten Voträge und gehen auf das Drumherum der Konferenz ein.
Kod.io
Kod.io 2014
Speakerdeck
Lea Verou
What the Color?
Angular JS
D3.js Gallery
Highcharts.js
Travis CI
Travis CI Running Builds
Rails Girls
He-Man (WP)
Castle Grayskull (WP)
RubyMotion
Apps in RubyMotion
Mike Adolphs
Docker.io
Bootcamp (WP)
pCells
Artemis pCell (Spiegel Online)
Git
The Git Parabel2014-03-071h 31Working DraftRevision 151: Myth, statische Seiten, LinksKurz vor Weihnachten plauderten Rodney und Peter über den neuesten CSS-Präprozessor (den niemand benutzen sollte) und statische Webseiten.
Schaunotizen
[00:00:24] Myth
Myth ist ein CSS-Präprozessor, der sich als CSS-Polyfill verkauft, dabei aber den Verkaufs-Part wesentlich besser macht als den Polyfill-Part. Rodney macht eins der Probleme darin aus, dass man nicht mehr erkennen kann, ob CSS/Myth-Code vom Browser oder vom Präprozessor verarbeitet wird. Das ist besonders problematisch, da Myth z.B. Variablen nur in der Syntax dem Standard nachempfindet und nicht die Kaskade berücksichtigt (siehe auch). Das wiederum verhindert, dass man die richtigen CSS-V...2013-12-3048 min
The Big Web ShowEpisode 94: Lea VerouLea Verou (@LeaVerou) and Jeffrey Zeldman (@zeldman) discuss the creative process behind her CSS Secrets series and the book of the same name she is writing for O’Reilly; loving JavaScript and math; Lea’s professional path, beginning with coding Visual Basic at age twelve; using CSS to layout a print book about CSS; creating popular Open Source projects like Dabblet, Prism, and CSS3 Test; the case for progressive enhancement; earning a living doing your own thing; leaving her job at the W3C (announced today); and much more.
Links for this episode:http://lea.verou.me2013-07-1149 minWorking DraftRevision 93: Farbkontraste und die volle Responsive Dröhnung!Diese Woche luden der Schepp, Kahlil und Hans Christoph Zillgens ein, sprachen über Responsive Design und befragten ihn zu seinem neuen Buch.
Außerdem könnt ihr sein Buch auch gewinnen! Mehr zu unserem Gewinnspiel weiter unten…
[00:00:55] News
Shadow DOM
Shadow DOM ist nun ein Working Draft. Woop!
CSS Exclusions in Chrome Canary
CSS Exclusions sind nun teilweise als experimentelles Feature im Chrome Canary verfügbar.
Schaunotizen
[00:01:42] Lea Verou’s neues Tool Contrast Ratio
Contrast Ratio kalkuliert, ob der Kontrast zweier Farben dem WCAG 2.0 Standard zur Barrierearmut entspricht. Wir diskutieren darüber, ob man das T...2012-10-261h 40Working DraftRevision 83: ECMAScript 6, @supports, WebRTCMit dem seltenen Überraschungsgast Peter starten Rodney und Hans in eine neue Revision voller Spiel, Spaß und Abenteuer!
[00:00:10] News
MySQL 5.6.6 ist da
Mit memcached an Bord!
Schaunotizen
[00:00:40] Neue Syntax in ECMAScript 6
Die nächste Version von JavaScript wird allerlei neue Syntax einführen, wovon Nicholas C. Zakas ein großer Teil ganz und gar nicht gefällt. Rodney und Peter stimmen in diesem Chor voller Inbrunst ein. Fat Arrows machen, wenn überhaupt, nur in CoffeeScript Sinn, Quasi Literals könnten auch einfache Library-Funktionen sein und überhaupt hätten wir nichts gegen etwas mehr Zurückhaltung b...2012-08-1052 min
Giant Robots Smashing Into Other Giant Robots2: Design with a sip of BourbonBen Orenstein is joined this week by Phil LaPier, the creator of Bourbon and a designer at thoughtbot. Ben and Phil discuss the design process, fundamentals of visual design, common design errors, and how to be a better designer (even if you're a developer), and how to work with designers as a developer. They also answer some audience questions about design: How to handle feedback from clients, and HAML vs. HTML.
Bourbon
Dribbble
Dan Cederholm - Dribbble
Lea Verou - Twitter
Benjamin De Cock - Twitter
Jason Santa Maria - Twitter
Trent Walton
Adobe Fireworks
Bourbon
Sass
Bourbon...2012-06-2335 minWorking DraftRevision 52: Android 4.0, Webvideo & CoffeeScriptNach seiner Endjahres-Ochsentour, endlich mal wieder eine Revision mit Peter. Außerdem dabei Kahlil und Schepp. Hierüber reden wir:
Schaunotizen
[00:00:11] Dabblet
Ein JSFiddle für CSS, mit GitHub-Gist-Anbindung, von Lea Verou
[00:10:55] Auto-saving CSS And JavaScript Changes Locally From The Chrome Developer Tools
Eine Chrome-Erweiterung und eine lokale Node.js-Instanz machen es zusammen möglich, JS- und CSS-Änderungen, die man in den Chrome DevTools vornimmt, sofort lokal und dauerhaft ins Projekt zu übernehmen.
[00:17:46] Android—Ice Cream Sandwich: The HTML5 Developer Scorecard
Die Sencha Labs haben den Fähigkeiten des neuen Android-Browsers auf den Zahn gefühlt. Er is...2011-12-231h 01Working DraftRevision 45: H.264 in JS, jQuery Standards Team & OccupyHTML5!Frostig war es draußen, und Vollmond womöglich auch, als sich Schepp mit Marc Hinse, aka @MadeMyDay, und Hans Reinl, aka @drublic und Frontendentwickler aus Freiburg, ans virtuelle Kaminfeuer setzte und mit ihnen zusammen die Woche revuepassieren ließ.
Schaunotizen
[00:00:50] Broadway: An H.264 Decoder in JavaScript Running at 30fps
Endlich hat jemand mit Emscripten einen H.264-Polyfill gebaut, und zwar auf Basis des quelloffenen Android C++ H.264-Decoders. Läuft derzeit nur in Firefox mit aktivierter Type Inference, aber es ist ein Schritt in die richtige Richtung! Auf GitHub liegt das Projekt, ein Video davon in Akti...2011-11-031h 16Working DraftRevision 40: ZerskypedDiese Revision war der gruseligste Aufnahmetrip seit Podcast-Gedenken: Erst streikten bei unserem ersten Gast Rodney Rehm aka @rodneyrehm reihum alle Aufnahmegeräte, dann zerhackte uns das verf$%%/§%?!te Skype nach 45 Minuten Aufnahme auf einmal so den Ton, dass wir vom anderen rein gar nichts mehr verstanden und die Aufnahme abbrechen mussten. Die brachten wir am Folgetag mit weniger massiven Problemen zu Ende. Dass von den daraus resultierenden Störgeräuschen und Pausen nix mehr zu hören ist, haben wir der geduldigen Puzzlearbeit unseres zweiten Gastes, Frederic Hemberger aka @fhemberger zu verdanken. Großes Danke dafür!
Schauno...2011-09-161h 40
Web Directions PodcastLea Verou - Mastering CSS3 gradientsWith most browsers adding increasing support, and the simplicity of providing fallbacks for those that don’t, CSS3 gradients are something we can start to use right now. They benefit our users with faster websites and ourselves with more time in our hands to spend in other things, since they are easy to create, edit and update. A very powerful feature that can also be utilized for a surprising number of design effects, even ones that don’t resemble gradients at all. In this talk, Lea will explore CSS3 gradients in great depth and it’s almost guaranteed that no matter...2011-08-0700 min