Devtales Podcast

Az 51. adásban beszéltünk a dokumentáció fontosságáról, a lokális fejlesztői környezet egy parancssoros indításáról, az utility first CSS-ről és a Preact X-ről. Résztvevők: Edu Tibi Róka Tartalom: 00:00:00 Intro 00:00:32 Firefox 00:30:55 Naming conventions 00:36:58 utility-first css 00:47:11 Preact X Naming conventions - https://namingconvention.org/ How to Build Unique, Beautiful Websites with Tailwind CSS - https://www.sitepoint.com/tailwind-unique-beautiful-websites/ Utility-first CSS - You have to try it first! - https://dev.to/mzanggl/utility-first-css-you-have-to-try-it-first-3m85 What's new in Preact X - https://preactjs.com/guide/v10/whats-new/ Cracking the Code of Cicada 3301 - https://www.youtube.com/watch?v=RatbYqc0-jE Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284

Az ötvenedik adásban a Firefox volt fókuszban. Ismét beszéltünk a tesztelésről több szempontból is. Végül a caniuse oldalt érintő változásokat nézegettük meg. Szó volt még a friss storybook-ról, sketch frissítésről. És a jubileumi adás apropóján ismét van játék! Résztvevők: Edu Tibi Róka Peti Tartalom: 00:00:00 Intro 00:00:36 Firefox 00:08:16 Tesztelés 00:30:18 Can I Use + MDN 00:33:33 Sketch 58 00:38:54 Storybook 5.2 Firefox Release Notes - https://www.mozilla.org/en-US/firefox/69.0/releasenotes/ cypress.io - https://www.cypress.io/ sitespeed.io - https://www.sitespeed.io/ Caniuse and MDN compatibility data collaboration - https://hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/ caniemail - https://www.caniemail.com/ Storybook 5.2 - https://medium.com/storybookjs/storybook-5-2-794958b9b111 Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s

A DevTales 49. adásának fő témája az adatbázisok voltak. Emellett beszélgettünk hobbi projektekről, kontraszt arányról és a szoftver energiafogyasztásról. Résztvevők: Edu Gábor Róka Peti Tartalom: 00:00:00 Intro 00:00:32 kontraszt arány 00:03:07 Hobbi projektek 00:19:18 software energiafogyasztás 00:27:43 adatbázisok Contrast Ratio - https://contrast-ratio.com/ How Web Content Can Affect Power Usage - https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Spotify - https://open.spotify.com/show/4fS3YtJknqn1gSKa4HqKAt YouTube - https://www.youtube.com/channel/UC5nbDGKvuSK

A 48. adásban Gábor megosztotta velünk a Java híreket, Tibi az ujjlenyomatlopásról mesélt. Szó volt még arról is, hogy mennyire nehéz saját CSS-in-JS megoldást írni. A végén még beszéltünk a reszponzív képek kiszolgálásának lehetőségeiről is. Résztvevők: Edu Gábor Tibi Tartalom: 00:00:00 Intro 00:04:10 Ujjlenyomatlopás 00:10:15 CSS-in-JS from Scratch 00:25:58 Responsive images Szintet lépett az adatbiztonsági pánik: ujjlenyomatok kerültek a netre - https://index.hu/techtud/2019/08/15/szintet_lepett_az_adatbiztonsagi_panik_ujjlenyomatok_kerultek_a_netre/ Writing A CSS-in-JS Library From Scratch - https://medium.com/@tkh44/writing-a-css-in-js-library-from-scratch-96cd23a017b4 Responsive Images With Nginx on Ubuntu - https://monicalent.com/blog/2019/01/06/responsive-images-with-nginx/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcast

A 47. adásban Róka bemutatta a Binary AST ajánlatot, szó volt emellett az új, Firefox 68 verzióról. Roli pedig beszámolt a Docker 19-hez kapcsolódó újdonságokról és az IT Összefogás Napon szerzett korábbi élményeiről. Résztvevők: Edu Róka Tibi Roli Tartalom: 00:00:00 Intro 00:00:32 Binary AST Proposal 00:07:07 Firefox 68 00:12:32 Docker 19 00:23:20 IT Összefogás Nap New CSS Features in Firefox 68 - https://hacks.mozilla.org/2019/07/new-css-features-in-firefox-68/ Binary AST Proposal Overview - https://github.com/tc39/proposal-binary-ast Amazon Web Services (AWS) haladó tanfolyam magyarul - https://www.udemy.com/course/aws-tanfolyam-magyarul-shiwaforce-amazon-web-services/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Pod

A 46. adásban az optimalizáció kapcsán a webp került fókuszba és a brotli tömörítés. Megnéztük a storybook-ot, és ennek kapcsán a component isolation drive development-et. Szót ejtettünk továbbá a github politikai húzásáról, hogy egyes országokban korlátozták a felhasználóik hozzáférését. Résztvevők: Edu Róka Tibi Tartalom: 00:00:00 Intro 00:00:32 WebP 00:06:10 Gzip és Brotli 00:13:54 Github Ban 00:20:27 Storybook A new image format for the Web - https://developers.google.com/speed/webp/ Using WebP Images - https://css-tricks.com/using-webp-images/ Storybook - https://storybook.js.org/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Sp

A 45. adás témái közt a Googlebot javascript renderelés működése, új css in js jövője, és egy új html proposal (tabs) mellett szó volt egy iphone-os megviccelésről, ami egy komoly biztonsági problémát feszeget. És ismét előkerült az újraírni vs javitani ellentmondás, ezúttal a Slack frissítés kapcsán. Résztvevők: Edu Róka Tartalom: 00:00:00 Intro 00:00:50 iPhone AirDrop 00:05:50 CSS attr() 00:10:32 JS SEO 00:15:12 Tabsection (native tab component) 00:20:40 Slack attr() - https://developer.mozilla.org/en-US/docs/Web/CSS/attr Understand the JavaScript SEO basics - https://developers.google.com/search/docs/guides/javascript-seo-basics [Proposal] New tags tabsection, tablist, tab, tabpanel - https://github.com/whatwg/html/issues/1809 When a rewrite isn’t: rebuilding Slack on the desktop - https://slack.engineering/rebuilding-slack-on-the-desktop-308d6fe94ae4 Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVz

A 44. részben elemeztük a zoom 0-day sebezhetőséget, találtunk egy izgalmas, csak hétfőnként jelentkező webpack bugot, és ismét előkerült Róka kedvenc gumikacsája: miért jó a javascript által betöltött HTML és CSS. Résztvevők: Edu Róka Tibi Tartalom: 00:00:00 Intro 00:00:20 hétfőnként jelentkező Webpack bug 00:16:20 Zoom 0-day sebezhetőség 00:30:36 All In One - All in JS Webpack crushes when tries to print a message about donating in Windows 8.1 - https://github.com/webpack/webpack-cli/issues/962 Serious Zoom security flaw could let websites hijack Mac cameras - https://www.theverge.com/2019/7/8/20687014/zoom-security-flaw-video-conference-websites-hijack-mac-cameras Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id129

A 43. adásban szó volt a HSL szín ábrázolási módról, a font awesome-ról, a GraphQL-ről, és böngészőkről reszponzív fejlesztéshez. Beszéltünk továbbá a csapatmunkáról és az eltérő vélemények kezeléséről. Résztvevők: Edu Róka Tibi HSL() / HSLa() is great for programmatic color control - https://css-tricks.com/hsl-hsla-is-great-for-programmatic-color-control/ Microsoft is teasing Windows 1.0 — yes, from 1985 — for a mystery Stranger Things tie-in - https://www.theverge.com/tldr/2019/7/5/20683448/microsoft-windows-1-0-stranger-things-season-3-upside-down-july-8 China has been secretly installing spyware on some tourists’ Android phones - https://www.theverge.com/2019/7/2/20679053/china-spyware-tourists-android-phones-xinjiang Font Awesome - https://www.theverge.com/2019/7/2/20679053/china-spyware-tourists-android-phones-xinjiang Font Awesome Usage Statistics - https://trends.builtwith.com/widgets/Font-Awesome?fbclid=IwAR3dm6pSenGkUeFt_4cWaNB8bRxN2X0T3dgexIEqfEU_Fvb97H1lb323uPU GraphQL - https://gr

A 42. adásban az agilis fejlesztésről kérdeztük Kovach Antont, a Shiwaforce.com vezérigazgatóját. Szó volt a mai adattárolókról és azok élettartamáról, valamint a javascript minify fejlesztési lehetőségekről. Résztvevők: Edu Róka Tibi Kovach Anton Vue's Darkest Day - https://dev.to/danielelkington/vue-s-darkest-day-3fgh Vue 3.0 RFCS - https://github.com/vuejs/rfcs Nefarious LinkedIn - https://prophitt.me/articles/nefarious-linkedin Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Spotify - https://open.spotify.com/show/4fS3YtJknqn1gSKa4HqKAt YouTube - https://www.youtube.com/channel/UC5nbDGKvuSK9NwOIJOiiwnA RSS - https://devtales.shiwaforce.com/fee

A negyvenegyedik adásban a Docker és felhő alapú megoldásokat néztük meg Kovach Antonnal, a ShiwaForce vezérigazgatójával. Résztvevők: Edu Róka Tibi Kovach Anton Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Spotify - https://open.spotify.com/show/4fS3YtJknqn1gSKa4HqKAt YouTube - https://www.youtube.com/channel/UC5nbDGKvuSK9NwOIJOiiwnA RSS - https://devtales.shiwaforce.com/feed/podcast Facebook - https://www.facebook.com/groups/devtales Twitter - https://twitter.com/_devtales Slack - https://devtalespodcast.slack.com Email - devtales@shiwaforce.com

A negyvenedik adásban az aktualitások után a javascript frameworkök új üdvöskéjéről esett szó a svelte.js-ről, valamint webRequset API kivezetésének következményeiről. Résztvevők: Edu Róka Version 8 of Angular — Smaller bundles, CLI APIs, and alignment with the ecosystem - https://blog.angular.io/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27 W3C and the WHATWG signed an agreement to collaborate on a single version of HTML and DOM - https://www.w3.org/blog/news/archives/7753 CSS Grid Generator - https://cssgrid-generator.netlify.com/ Chrome extension manifest v3 proposal - https://github.com/uBlockOrigin/uBlock-issues/issues/338#issuecomment-496009417 Stackoverflow Security Update - https://stackoverflow.blog/2019/05/16/security-update/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu

A 39. adásban kisorsoltuk előző játékunk nyerteseit, és ennek kapcsán a virtual DOM-ról beszélgettünk egy kicsit. Az adatbiztonság, jelszószinkronizálás volt még téma. Valamint a frontend fejlesztéshez szükséges kiegészítő eszközök állítgatására fordított idő és a fejlesztés arányáról elmélkedtünk. Résztvevők: Edu Róka Tibi Github Sponsors - https://github.com/sponsors Resize Observer - https://davidwalsh.name/resize-observer Firefox 67: Dark Mode CSS, WebRender, and more - https://hacks.mozilla.org/2019/05/firefox-67-dark-mode-css-webrender/ Introducing the first Microsoft Edge preview builds for macOS - https://blogs.windows.com/msedgedev/2019/05/20/microsoft-edge-macos-canary-preview/#f0uK6cxukxHXwtiR.97 Privacy Preserving Ad Click Attribution For the Web - https://webkit.org/blog/8943/privacy-preserving-ad-click-attribution-for-the-web/ Understanding the Virtual DOM - https://bitsofco.de/understanding-the-virtual-dom/ React: The Virtual DOM - https://www.codecademy.com/articles/react-virtua

A 38. adásban sok hír es újdonság között beszéltünk a babel.js-ről, és a11y meetup-ról, továbbá a DevTales első születésnapja alkalmából egy játékra invitáljuk a hallgatókat. Részletekért hallgasd meg az adást! Résztvevők: Edu Róka Tibi Whats new in node 12 - https://levelup.gitconnected.com/whats-new-in-node-12-e00111ffb83f The inception bar: a new phishing method - https://jameshfisher.com/2019/04/27/the-inception-bar-a-new-phishing-method/ Github package registry - https://github.com/features/package-registry Puppeteer Firefox - https://www.npmjs.com/package/puppeteer-firefox New google bot - https://webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html?m=1 Accessible react packages - https://reakit.io Dark mode Support in Webkit - https://webkit.org/blog/8840/dark-mode-support-in-webkit/ 12 Tips for More Accessible React Apps - https://www.matuzo.at/blog/12-tips-for-more-accessible-react-apps-slides-react-finland-2019/ Google fonts is adding font display - https://www.zachleat.

A 37. adásban a webfejlesztésben tettenérhető mezőgazdasági párhuzam volt téma: DOM elemek dugdosása. Ezután az UI és UX kapcsolata és különválasztásáról beszélgettünk, és egy konkrét esettanulmánnyal folytattuk accessibility sorozatunkat. Résztvevők: Edu Róka Tibi Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Spotify - https://open.spotify.com/show/4fS3YtJknqn1gSKa4HqKAt YouTube - https://www.youtube.com/channel/UC5nbDGKvuSK9NwOIJOiiwnA RSS - https://devtales.shiwaforce.com/feed/podcast Facebook - https://www.facebook.com/groups/devtales Twitter - https://twitter.com/_devtales Slack - https://devtalespodcast.slack.com Email - devtales@shiwaforc

A harminchatodik adásban ismét elővettük a nagy misztikumot: a SEO témakört, ezúttal konkrét teszttel, valamint Kora Andrással beszélgettünk a nemrégiben megjelent "Coders" című könyvről. Résztvevők: Edu Róka Kora András Stop limiting your open source library’s potential - https://changelog.com/posts/stop-limiting-your-open-source-librarys-potential Coders by Clive Thompson - https://www.penguinrandomhouse.com/books/539883/coders-by-clive-thompson/9780735220560/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Spotify - https://open.spotify.com/show/4fS3YtJknqn1gSKa4HqKAt YouTube - https://www.youtube.com/channel/UC5nbDGKvuSK9NwOIJOiiwnA RSS - https

A harmincötödik adásban a rövid hírek után két fő témánk volt: az első az ebben a hónapban éppen futó IT Összefogás kezdeményezés kapcsán ismét elővettük a weboldalak akadálymentesítésének kérdéseit. Ezután pedig a Dockerről, mint lokális fejlesztői környezetről beszélgettünk. Résztvevők: Edu Róka Tibi Roli CSSBattle - https://cssbattle.dev/ Introducing the Node.js Enterprise Focus Group - https://medium.com/@nodejs/introducing-the-node-js-enterprise-focus-group-312ff9f49aaa What to expect in the new Microsoft Edge Insider Channels - https://blogs.windows.com/msedgedev/2019/04/08/microsoft-edge-preview-channel-details/#sApAsjE1LcbJuGL0.97 Native image lazy-loading for the web! - https://addyosmani.com/blog/lazy-loading/ Why Web Accessibility Is Important and How You Can Accomplish It - https://medium.com/fbdevclagos/why-web-accessibility-is-important-and-how-you-can-accomplish-it-4f59fda7859c Why You Need to Care About Web Accessibility - https://www.energycircle.com/blog/why-you-need-care-abo

A 34. adásban a graphql hiedelmeket elemeztük tapasztalati alapon. Az aktuális óraátállítási mizériának pár éven belül vége lehet az EU-ban, de ezt vajon hogyan kell leprogramozni? És sok más aktuálisan érekes apróság. Edu Róka Tibi Peti GrapQL - https://graphql.org/ How Technology is Hijacking Your Mind — from a Magician and Google Design Ethicist - https://medium.com/thrive-global/how-technology-hijacks-peoples-minds-from-a-magician-and-google-s-design-ethicist-56d62ef5edf3 Alibaba is saját java-t ad ki. Mennyire bízunk meg a binarisokban? - https://github.com/alibaba/dragonwell8 Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Spotify - https://op

A mai adásban a Google temető bővítéséről beszélgettünk elsőként. Elemeztük a React és az Angular cseréjét, és az Apple saját frameworkjét. Szó esett a jövőbeni web gyorsításról is. Résztvevők: Edu Róka Tibi Peti Elérhetőségek Facebook - DevTalesPodcast Twitter - @_devtales Slack - devtalespodcast.slack.com devtales@shiwaforce.com

A harmincharmadik adásban betekintettünk a F1 istállók site-jainak F1 versenyébe. Momentjs pro és contra mellett a beépitett rendszerfontok és browserpiac is kielemzésre került. Végül, de nem utolsó sorban - hallgatói kérésre - szó esett az internationalization problémakörről is. Résztvevők: Edu Róka Tibi System Font Stack - https://css-tricks.com/snippets/css/system-font-stack/ Why you shouldn't use Moment.js - https://inventi.studio/en/blog/why-you-shouldnt-use-moment-js Who has the fastest website in F1? - https://jakearchibald.com/2019/f1-perf/ TC39 Finalizes the Feature Set for ECMAScript 2019 - https://www.infoq.com/news/2019/03/ES2019-feature-set-released Chrome Lite Pages - https://blog.chromium.org/2019/03/chrome-lite-pages-for-faster-leaner.html Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast