Podcasts about queryselector

Web scraping 101! Dive into the world of web scraping with Scott and Wes as they explore everything from tooling setup and navigating protected routes to effective data management. In this Tasty Treat episode, you'll gain invaluable insights and techniques to scrape (almost) any website with ease. Show Notes 00:00 Welcome to Syntax! 03:13 Brought to you by Sentry.io. 05:00 What is scraping? Socialblade. 08:01 Examples of past scrapers. Canadian Tire. 10:06 Cloud app downloader. 16:13 Other use cases. 16:58 Scraping 101. 17:28 Client Side. 19:08 Private API. Proxyman. 22:40 Server rendered. 23:27 Initial state. 24:57 What format is the data in? Google Puppeteer Extension. 27:08 Working with the DOM. 27:12 Linkedom npm package. 29:02 querySelector everything. 31:28 How to find the elements without classes. 34:08 Use XPath selectors for select by word. 34:53 Make them as flexible as you can. Classes change! 35:10 AI is good at this! 36:26 File downloading. 38:20 Working with protected routes. Proxyman. 40:41 Programatically retrieve authentication keys because they are short-lived. Fetch Cookie. 43:20 Deal-breakers. Mechanical Turk. 44:58 What happened with Amazon? Uniqlo Self-Checkout 46:42 Wes' portable refrigerator utopia. 47:25 Sick Picks & Shameless Plugs. Sick Picks Scott: KeyboardCleanTool. Wes: Yabai. Shameless Plugs Scott: Syntax on YouTube Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

L'indipendenza tecnologica e l'anonimato nella lettura non sono cosi' lontani come possiamo immaginare.Anzi.Il feed rss e' il modo per seguire tutte le fonti che contano.Mettete questo bookmarklet nei preferti del browser. ecco il codice:javascript:(function()%7Bjavascript%3A(function() %7Bvar rssLink %3D document.querySelector('link%5Btype%3D"application%2Frss%2Bxml"%5D')%3Bif (rssLink) %7Balert('RSS feed found%3A ' %2B rssLink.href)%3B%7D else %7Balert('No RSS feed found on this page.')%3B%7D%7D)()%7D)()(ci faremo una puntata sopra)

In today's episode, I talk about what the Lean Web actually is. Links The Lean Web Club - https://leanwebclub.com Element.querySelector() - https://vanillajstoolkit.com/reference/selectors/document-queryselector/ The classList API - https://gomakethings.com/how-to-add-and-remove-classes-with-vanilla-js/ The fetch() method - https://gomakethings.com/the-javascript-fetch-method/ details and summary - https://gomakethings.com/creating-a-progressively-enhanced-accordion-with-the-details-and-summary-elements-and-11-lines-of-javascript/ Transcript →

In this Hasty Treat, Scott and Wes talk through the differences between modals, popups, popovers, lightboxes, and dialog boxes. Show Notes 00:31 Welcome 02:25 What's popping up? 02:59 What's a modal? 08:33 Pop overs and lightboxes 10:41 Explicit dismiss and light dismiss 11:30 Inert property inert 16:30 Backdrop pseudo element Dialog with animation 19:26 Dialog 28:12:11 Making accessibility easier const showButton = document.getElementById('showDialog'); const favDialog = document.getElementById('favDialog'); const outputBox = document.querySelector('output'); const selectEl = favDialog.querySelector('select'); const confirmBtn = favDialog.querySelector('#confirmBtn'); // "Show the dialog" button opens the modally showButton.addEventListener('click', () => { favDialog.showModal(); }); // "Favorite animal" input sets the value of the submit button selectEl.addEventListener('change', (e) => { confirmBtn.value = selectEl.value; }); // "Confirm" button of form triggers "close" on dialog because of [method="dialog"] favDialog.addEventListener('close', () => { outputBox.value = `ReturnValue: ${favDialog.returnValue}.`; }); Tweet us your tasty treats Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets

In this Hasty Treat, Scott and Wes talk about the new Browser CSS Page Transitions API proposal and what features it opens up for developers on the web. 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. LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax. Show Notes WICG Shared Element Transitions 00:21 Welcome 01:33 Sponsor: Prismic 02:43 Sponsor: LogRocket 04:18 Browser animations on the web vs native apps 06:15 What is the targeted use case for it? 06:56 Shared Element to Root Transitions 11:14 Entry and Exit 17:33 How to enable this in Chrome Example Code Shared Element Transition history Sarah Drasner's demo async function doTransition() { let transition = document.createDocumentTransition(); // Specify offered elements. The tag below is used to refer // to the generated pseudo elemends in script/CSS. document.querySelector(".old-message").style.pageTransitionTag = "message"; // The start() call triggers an async operation to capture // snapshots for the offered elements, await transition.start(async () => { // This callback is invoked by the browser when the capture // finishes and the DOM can be switched to the new state. // No frames are rendered until this callback returns. // Asynchronously load the new page. await coolFramework.changeTheDOMToPageB(); // Clear the old message if that element is still in the page document.querySelector(".old-message").style.pageTransitionTag = ""; // Set new message as the shared element 'message' document.querySelector(".new-message").style.pageTransitionTag = "message"; // Set up animations using WA-API on the next frame. requestAnimationFrame(() => { document.documentElement.animate(keyframes, { ...animationOptions, pseudoElement: "::page-transition-container(message)", }); }); // Note that when this callback finishes, the animations will start with the tagged elements. }); } Tweet us your tasty treats Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets

In this Hasty Treat, Scott and Wes talk about some Javascript one liners that speed up your coding experience in one line. Sponsor - Linode Whether you're working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode's Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started. Sponsor - Sentry If you want to know what's happening with your code, track errors and monitor performance with Sentry. Sentry's Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up. Show Notes 00:24:12 Welcome 01:24:11 Sponsor: Linode 02:11:02 Sponsor: Sentry 03:54:18 Twitter ask for One Liners 04:24:05 Math random const getPsuedoID =() => Math.floor(Math.random() * 1e15); 05:43:09 Random color Paul Irish random color '#'+Math.floor(Math.random()*16777215).toString(16); 06:41:06 Console.log as an object. console.log({ dog, person }); VS Marketplace Link 08:29:17 Edit anything document.designMode = "on" 10:15:15 Temporal date export const today = Temporal.Now.plainDateISO(); 11:44:05 Console(log) const myFunc = (age) ⇒ console.log(age) || updateAge() 13:26:13 Remove a prop const { propToRemove, ...rest } = obj; 15:29:01 PHP style debugging preElement.innerText ={JSON.stringify(val, '', ' ')}` 16:31:00 First and Last Destructure var {0: first, length, [length - 1]: last} = [1,2,3]; 17:34:17 Speed up audio video document.querySelector('audio, video').playbackRate = 2 Overcast 19:44:15 Sleep function let sleep = (time = 0) => new Promise(r => setTimeout(r, time)) 20:26:00 If statements on one line If (!thing) return 'something' Tweet us your tasty treats Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets

In this episode of Syntax, Scott and Wes continue their discussion of TypeScript Fundamentals with a deeper diver into more advanced use cases. Deque - Sponsor Deque’s axe DevTools makes accessibility testing easy and doesn’t require special expertise. Find and fix issues while you code. Get started with a free trial of axe DevTools Pro at deque.com/syntax. No credit card needed. LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax. Mux - Sponsor Mux Video is an API-first platform that makes it easy for any developer to build beautiful video. Powered by data and designed by video experts, your video will work perfectly on every device, every time. Mux Video handles storage, encoding, and delivery so you can focus on building your product. Live streaming is just as easy and Mux will scale with you as you grow, whether you’re serving a few dozen streams or a few million. Visit mux.com/syntax. Show Notes Deep end stuff 03:30 - any vs unknown 06:20 - never https://twitter.com/Igorbdsq/status/1351681019196436482 09:14 - .d.ts Definition files Usually for existing libraries that don’t have types Can be generated or hand-written Also really handy for pure JS projects, you still get good autocomplete because of these 13:25 - Type generation Can be generated from GraphQL, or Schemas, or from JSON Output 17:20 - TypeScript generics (variables) Kind of like functions, they return something different based on what you pass it makeFood makeFood This function makes food and shares lots of the same functionality between making a pizza and sandwich If the only thing that differs is the type returned, we can use generics You often see this as a single char T It can be anything Promise is a generic querySelector uses generics 21:48 - Promises / Async + Await Functions now return a Promise type, but with a generic Promise Promise Promise, Request, Request stringified added headers 29:48 - Type assertion (type casting) Type assertion is when you want to tell TypeScript “Hey I know better than you”. Two ways: as keyword (most popular) someValue as HTMLParagraphElement Tagged before someValue 34:14 - TypeScript without TypeScript (JSDoc / TSDoc) Really nice! You can also add comments / descriptions https://github.com/developit/redaxios/blob/master/src/index.js 40:08 - Interfaces vs Types Interfaces have better perf https://twitter.com/wesbos/status/1362418379919937545 https://blog.logrocket.com/types-vs-interfaces-in-typescript/ What do you default to? How we write TypeScript 44:27 - Interface or Types Scott - Types Wes - Interfaces 44:50 - any vs unknown Scott - any Wes - unknown / any 46:52 - Any (No Implicit or Implicit Allowed) Scott - No implicit any Wes - No implicit any 48:31 - Return types (Implicit or Explicit) Scott - Explicit always Wes - Not always 50:49 - Compile (TSC, Strip TS) Scott - Strip Wes - Both 52:38 - Type Assertion (as or ) Scott - as Wes - as 53:09 - Arrays (Dog[] or Array) Scott - Dog[] Wes - Dog[] 54:02 - Assert or Generic (if both work) querySelector(’.thing’) as HTMLVideoElement; or querySelector(’.thing’); Scott - querySelector(’.thing’); Wes - querySelector(’.thing’); Links Syntax 324: TypeScript Fundamentals Syntax 327: Hasty Treat - TypeScript Compilers and Build Tools Axios VS Code Syntax 310: Serverless, Deno and TypeScript with Brian Leroux Cloudinary Notion ××× SIIIIICK ××× PIIIICKS ××× Scott: Powerowl 16 Battery Recharger Wes: Fairywill Pro P11 Shameless Plugs Scott: Level 2 Node Authentication - Sign up for the year and save 25%! Wes: Beginner Javascript - Use the coupon code ‘Syntax’ for $10 off! Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

In this Hasty Treat, Scott and Wes talk about the PS5 bot debacle, and how they would do it differently! LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax. Show Notes 03:12 - Scott’s strategy Go to Reddit and refresh until someone posts a link and then GO GO GO Don’t buy on sites that allow simple bots to work TBH I don’t know how to code this type of bot and would prob end up accidentally buying a ton of stuff 05:06 - Wes’ strategy https://mcbroken.com/ You need a way to find out of there is stock Find out of there is an API endpoint you can hit (inspect element) If there is not, you’ll need to scrape the site. Fetch(url). text() Regex Cheerio Puppeteer (slower, easier to run) Save any data that you want in a database. Text-based database is great. Lowdb SQLite DynamoDB (if doing serverless) Re-run the scrape every N mins When there IS a match you can: Send a text message - Twilio Send an email - Postmark Try to fill out the form and submit it yourself document.querySelector() 11:35 - Things that get in the way Blocked IP Use a VPN Captcha or Cloudflare Run it on your local computer Use Puppeteer to get all cookies and headers Links https://twitter.com/bahamagician/status/1329430249151533066 stocktrack.ca Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

Welcome to Iteration, a weekly podcast about programming, development, and design.This week — javascript frameworksWhat is a JavaScript Framework? How would you explain it?John:Concept of a framework, is essentially a collection of best practices and starting points.When you build a fence, you could literally cut down trees and make boards, make nails out of raw ironAt Lowe's the other day, they had pre-assembled fence sections. This is what a framework is.Some frameworks offer really prescriptive and complex components, others offer really basic ones. (2x4's vs pre-built fence sections)in JS — It's basically a pre-existing library and collection of JavaScript code you can use to do other things with.JP: wrappers around document.querySelector + some sort of state managementPrograming is all about abstractions —Shared abstractionsFramework vs LibraryLine is blurry here, example: JQuerry, lodash underscore are closer to libraries. These are more collections of useful utilities and functions. Frameworks are more comprehensive. Offer a more end to end solution for back end, front end or both.JP JavaScript Ecosystem is Frustratinghttps://www.zdnet.com/article/another-one-line-npm-package-breaks-the-javascript-ecosystem/This one line change in an npm package broke deploys for one of my sitesThe 4 most Popular Frameworks (in order of creation date)There are SO MANY JS frameworks, feels like new ones every day. JQuery:The "Original Gangster". Oldest and biggest project, not the most modern, still heavily used worldwide. Not really a "Framework" with modern JavaScript, it's not really needed, especially if you use one of these other frameworks, it's definitely not needed in my opinion.Github Stars: 53kInitial Release: 2006From JP: https://mootools.net/AngularGithub Stars: 60kInitial Release: 2010John: It's been years since I've worked in an angular project. It was a previous version of Angular, but it was close to writing HTML, using Vue reminds me of Angular at it's best.JP: Never bothered to touch it! I don't have any opinions on itReactGithub Stars: 148kInitial Release 2013John: I've written a good chunk of react native and react. I've never fallen in love. It's a lot of boiler plate, I don't like JSX and the whole thing just doesn't work the way my brain works. A lot of my projects are perfectly fine with simpler server rendered pages. So I generally don't work in it.JP: On the other hand, I love writing React - I guess as much as any Rails developer can love writing JavaScript. That's right, I said it, I'm a Rails developer.Vue.jsGithub Stars: 164kInitial Release 2014John: I really like Vue because you can just extend existing HTML elements. Handles the data binding and event handling for you. It's lightweight and be brought into all kinds of back ends. Really great for "sprinkles". Don't need a whole SPA but some drag and drop would be good here, or this chat interface needs live reloading.JP: Currently learning Vue and it breaks my brain a little. Let me tell you why...honorable mentionsMeteor / Ember / BackboneFrameworks of Frameworks:Next js — New up and coming —  BlitzGatsbtySails JSLast MentionStimulus (Mostly for Rails)Initial release 2019John uses heavily, it's like a lightweight Vue customized for Rails.Tips for Using a JS FrameworkJP: Learn Vanila JavaScript firstJohn: Go all inJP's Pickhttps://www.instagram.com/archipics.ig/John's PickGetting back to Basics Beginner JavaScript (Wes Bos Course)I'm halfway through a Beginner JavaScript course, 80% of it is really really easy, the other 20% is such good missing pieces.DestructingMethods in JS ObjectsUnderstanding Hoisting

The Tabadlab COVID-19 Data Tracker includes national trends for COVID-19 testing, cases of infection, and fatalities, and an all-inclusive COVID-19 Heat Map. All data visualised in this Data Tracker has been taken from official government sources on a weekly basis (updated every Monday mid-day).  This chart, which will be updated every week, shows the daily number of tests carried out in Pakistan as the virus has progressed since March. From 471 tests in the second week of March to 291,447 tests in early May, the government continues to increase its testing capabilities as the pandemic takes its toll on the country. The data is taken from the Government of Pakistan’s COVID-19 Dashboard. (Last updated: May 17, 2020) !function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}(); While the testing capability has increased, the number of cases are on an alarming rise. From 20 cases in the second week of March to 30,941 cases in early May, the numbers continue to increase. This chart, which will be updated every week, uses the data from the Government of Pakistan’s COVID-19 Dashboard to monitor the number of daily cases to understand the national trends over time (see below). (Last updated: May 17, 2020) !function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}(); Coronavirus can be lethal. In order to figure out the death rate and its variation across the country, this chart, which will be updated every week, uses the data from the Government of Pakistan’s COVID-19 Dashboard to monitor the number of daily deaths from coronavirus. This daily breakdown of deaths will help understand the national trends over time (see below), and come up with actionable data-driven measures to lower the number. (Last updated: May 17, 2020) !function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}(); COVID-19 Heat Map !function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}(); !function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}(); National trends !function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}(); !function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}(); !function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}(); !function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}(); !function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}(); Sources Testing data: Test Statistics http://covid.gov.pk/stats/pakistan Testing Labs + Capacity https://www.nih.org.pk/wp-content/uploads/2020/04/Testing-Capacity-Functional-Labs-COVID19-V1.1.pdf Worldwide Statistics https://ourworldindata.org/grapher/full-list-total-tests-for-covid-19 https://ourworldindata.org/grapher/full-list-covid-19-tests-per-day Sources for health statistics: Ventilators Procured http://www.ndma.gov.pk/Supply.php Testing Labs + Capacity https://www.nih.org.pk/wp-content/uploads/2020/04/Testing-Capacity-Functional-Labs-COVID19-V1.1.pdf Quarantine capacity https://www.thenews.com.pk/print/638487-statistics-about-corona-fighting-tools-in-pakistan-and-around-world Existing ventilators https://nation.com.pk/06-Apr-2020/over-3800-ventilators-available-in-country-chairman-ndma

I browser e JavaScript ora includono funzionalità che rendono JQuery obsoleto, ma ci troviamo ancora a doverlo includere nei nostri progetti.Possibile che un framework come Bootstrap debba dipendere ancora da JQuery?Fortunatamente nascono framework che non dipendono ha alcun framework JavaScript, e vi parlerò di Bulma

An airhacks.fm conversation with Ben Farell (@bfarrellforever) about: copying and pasting game programming logic from magazines into a TI 994a, the ugly purple people picker, accidentally buying Java books, boring C++ without visual elements, dangerous assembly classes, Macromedia Director in 1996, developing with Flash, suddenly in 2010 Flash lost its popularity, writing casual games for kids, a thick book about LiveScript, JavaScript is just Java with a bit script, Java was great and the visual stuff was boring, writing code in key frames, Adobe Flex, Adobe Flex Builder, typesafe ActionScript, GreenSock, GreenSock started with Flash, the book about WebComponents, plain vanilla, no thrills, JavaScript, developing applications without a framework, potential migrations, stable React, JavaScript becomes more and more similar to Java, CSS 3 without less or Sass, plain lit-html and hyperhtml as fallback, template literals vs. lit-html, partial rendering with lit-html, no virtual DOM, possible security issues with plain template literals, lit-html and event binding, lit-html vs. custom attributes for wiring, separating templates and business logic with modules, bad experiences as Java developer with maintaining multiple files, CSS extensions with houdini, a standard for hooking into browser's CSS processing, is there no more need for frameworks?, frameworks as hindrance, the Vaadin Router webcomponent, building a navigation component, the magic under the hoot comes with good intentions, building fusion reactors for CRUD, using custom elements for application structuring, the reflection best practice, shadow DOM is supported on all browsers, shadow DOM is problematic with CSS design systems, Constructible Style Sheets to the rescue, start without Shadow DOM, then introduce it on demand, customizing styles with CSS properties, using IDs without Shadow DOM is hard, ShadowDOM with querySelector, Adobe Project Aero, browsersync in development mode, obsolete build systems, bunding with rollupjs and babel plugin for legacy browser support, pikapkg - the anti-bundler, 2005 EMMY for Sesame Street Games Channel, cheating with annoying Elmo, WebComponents in Action (discount code: podairhacks19): a book about making WebComponents without a framework, outdated Polymer, VR and AR with WebComponents, a-frame, Occulus Quest and Tiltbrush, Ben Farell on twitter: @bfarrellforever Also checkout: http://webcomponents.training, http://effectiveweb.training or visit http://airhacks.com

Jess & Brandon model a “how-to-talk-about-sex” conversation in response to a listener's question — they share their unprepared responses on the spot. They also weigh in on spicing up date night, watching web-cam models, sex clubs, sleeping after sex & how long to wait before having sex with a new partner. Please find a rough summary of the podcast below. We are working on providing full transcripts for all podcasts. Welcome to the SexWithDrJess Podcast. I'm Jessica O'Reilly, your friendly neighbourhood sexologist and I'm here with my better half, Brandon Ware. Today, we'll be answering listener questions about sex and relationships. Before we get started, I'd like to thank Desire Resorts for their support and remind you that we'll be facilitating workshops at both properties in Mexico on October 24-25, 2018. More details can be found here. Question: I listened to your podcast on sex clubs and we've talked about going, but I'm just not there yet. I'm fine with watching porn, but the idea of real live people freaks me out. My girlfriend really wants to go and you always say to take baby steps, so is there something we can try in the meantime until I'm ready? Just talk about going and play around with the idea. Go to dinner and drive by a club without going in — make out in the car instead. Or talk about all the naughty things you'll do at a club while having sex at home — with no pressure to follow through in real life. Not everyone likes sex clubs and you certainly don't have to visit one if you're not into it. Another option… Sign into an adult webcam room featuring another couple. This may be a little risque, but more couples are joining in on the fun from the safety of their own bedrooms. Webcam models perform live and you can even make requests if you'd like. The couples I've met who visit webcams (often for special occasions) say that they like the spontaneity and the fact that they're not overproduced like porn. If you're considering this option, talk to your partner ahead of time to discuss your concerns and desires. Some questions you might want to address: 1. If we do this together, does it mean we can do it alone? Set boundaries and agree on what is acceptable within the confines of your relationship. Don't worry about what others (including experts) have to say. You decide what is dis/allowed in your own relationship as a team. 2. Are we willing to interact (chat) with the models or just watch? 3. Are you nervous about the experience? What makes you nervous? What can your partner do to assuage your concerns? 4. If you feel uncomfortable at any point, how will you address this? Will you close the computer? Take a break? Use a sign to communicate your discomfort? 5. If you're using a pay site (many offer free access), what spending limit do you want to set? Be honest about your desires and boundaries. You are not a prude if you're not into adult webcams. You don't have to do everything to have a happy relationship and satisfying sex life. Question: I saw your story about UberEats as date night and I voted yes on both accounts and I'm wondering what you and Brandon do for date night cuz you look so happy together. (function(v,i,d,e,o){v[o]=v[o]||{}; v[o].add = v[o].add || function V(a){ (v[o].d=v[o].d||[]).push(a);}; if(!v[o].l) { v[o].l=1*new Date(); a=i.createElement(d), m=i.getElementsByTagName(d)[0]; a.async=1; a.src=e; m.parentNode.insertBefore(a,m);} })(window,document,"script","https://cdn-gce.vdocipher.com/playerAssets/1.5.0/vdo.js","vdo"); vdo.add({ otp: "20160313versUSE3236InlD1gWgLzfonvoh5I4gX7g9PS8Z3Q2fwTNMigbE94u3s", playbackInfo: "eyJ2aWRlb0lkIjoiMjYxODQxNTNmYjIyNGRkMmE1NTEzZDE5MzczMzZjMWQifQ==", theme: "9ae8bbe8dd964ddc9bdb932cca1cb59a", container: document.querySelector( "#vdovoh5I4gX7g" ), }); Question: I saw your post on Instagram about having intense conversations. Can you give me some examples of questions I can ask my...

Jess & Brandon model a “how-to-talk-about-sex” conversation in response to a listener’s question — they share their unprepared responses on the spot. They also weigh in on spicing up date night, watching web-cam models, sex clubs, sleeping after sex & how long to wait before having sex with a new partner. Please find a rough summary of the podcast below. We are working on providing full transcripts for all podcasts. Welcome to the SexWithDrJess Podcast. I’m Jessica O’Reilly, your friendly neighbourhood sexologist and I’m here with my better half, Brandon Ware. Today, we’ll be answering listener questions about sex and relationships. Before we get started, I’d like to thank Desire Resorts for their support and remind you that we’ll be facilitating workshops at both properties in Mexico on October 24-25, 2018. More details can be found here. Question: I listened to your podcast on sex clubs and we’ve talked about going, but I’m just not there yet. I’m fine with watching porn, but the idea of real live people freaks me out. My girlfriend really wants to go and you always say to take baby steps, so is there something we can try in the meantime until I’m ready? Just talk about going and play around with the idea. Go to dinner and drive by a club without going in — make out in the car instead. Or talk about all the naughty things you’ll do at a club while having sex at home — with no pressure to follow through in real life. Not everyone likes sex clubs and you certainly don’t have to visit one if you’re not into it. Another option… Sign into an adult webcam room featuring another couple. This may be a little risque, but more couples are joining in on the fun from the safety of their own bedrooms. Webcam models perform live and you can even make requests if you’d like. The couples I’ve met who visit webcams (often for special occasions) say that they like the spontaneity and the fact that they’re not overproduced like porn. If you’re considering this option, talk to your partner ahead of time to discuss your concerns and desires. Some questions you might want to address: 1. If we do this together, does it mean we can do it alone? Set boundaries and agree on what is acceptable within the confines of your relationship. Don’t worry about what others (including experts) have to say. You decide what is dis/allowed in your own relationship as a team. 2. Are we willing to interact (chat) with the models or just watch? 3. Are you nervous about the experience? What makes you nervous? What can your partner do to assuage your concerns? 4. If you feel uncomfortable at any point, how will you address this? Will you close the computer? Take a break? Use a sign to communicate your discomfort? 5. If you’re using a pay site (many offer free access), what spending limit do you want to set? Be honest about your desires and boundaries. You are not a prude if you’re not into adult webcams. You don’t have to do everything to have a happy relationship and satisfying sex life. Question: I saw your story about UberEats as date night and I voted yes on both accounts and I’m wondering what you and Brandon do for date night cuz you look so happy together. (function(v,i,d,e,o){v[o]=v[o]||{}; v[o].add = v[o].add || function V(a){ (v[o].d=v[o].d||[]).push(a);}; if(!v[o].l) { v[o].l=1*new Date(); a=i.createElement(d), m=i.getElementsByTagName(d)[0]; a.async=1; a.src=e; m.parentNode.insertBefore(a,m);} })(window,document,"script","https://cdn-gce.vdocipher.com/playerAssets/1.5.0/vdo.js","vdo"); vdo.add({ otp: "20160313versUSE3236InlD1gWgLzfonvoh5I4gX7g9PS8Z3Q2fwTNMigbE94u3s", playbackInfo: "eyJ2aWRlb0lkIjoiMjYxODQxNTNmYjIyNGRkMmE1NTEzZDE5MzczMzZjMWQifQ==", theme: "9ae8bbe8dd964ddc9bdb932cca1cb59a", container: document.querySelector( "#vdovoh5I4gX7g" ), }); Question: I saw your post on Instagram about having intense conversations. Can you give me some examples of questions I can ask my...

Jess and Brandon team up to answer listener questions about anal sex, discrepancies in desire, how to get your partner to talk about fantasies and more. They share personal insights and open up about some of their sexual experiences (even if Brandon doesn’t seem to remember all of them!). Jess and Brandon take to Instagram Stories to answer some additional questions, check it out below! This podcast is brought to you by Desire Resorts. (function(v,i,d,e,o){v[o]=v[o]||{}; v[o].add = v[o].add || function V(a){ (v[o].d=v[o].d||[]).push(a);}; if(!v[o].l) { v[o].l=1*new Date(); a=i.createElement(d), m=i.getElementsByTagName(d)[0]; a.async=1; a.src=e; m.parentNode.insertBefore(a,m);} })(window,document,"script","https://cdn-gce.vdocipher.com/playerAssets/1.5.0/vdo.js","vdo"); vdo.add({ otp: "20160313versUSE323BX8fEvv3XzNvfcbrx7xkATA93MIAbleOLQTMdIIfBAJ0ju", playbackInfo: "eyJ2aWRlb0lkIjoiZjVjOTNlN2FmYTdkNDBjNTlkYzQ0ZThkYjcwNjQwYmIifQ==", theme: "9ae8bbe8dd964ddc9bdb932cca1cb59a", container: document.querySelector( "#vdobrx7xkATA9" ), }); This podcast is brought to you by Desire Resorts.

Jess and Brandon team up to answer listener questions about anal sex, discrepancies in desire, how to get your partner to talk about fantasies and more. They share personal insights and open up about some of their sexual experiences (even if Brandon doesn't seem to remember all of them!). Jess and Brandon take to Instagram Stories to answer some additional questions, check it out below! This podcast is brought to you by Desire Resorts. (function(v,i,d,e,o){v[o]=v[o]||{}; v[o].add = v[o].add || function V(a){ (v[o].d=v[o].d||[]).push(a);}; if(!v[o].l) { v[o].l=1*new Date(); a=i.createElement(d), m=i.getElementsByTagName(d)[0]; a.async=1; a.src=e; m.parentNode.insertBefore(a,m);} })(window,document,"script","https://cdn-gce.vdocipher.com/playerAssets/1.5.0/vdo.js","vdo"); vdo.add({ otp: "20160313versUSE323BX8fEvv3XzNvfcbrx7xkATA93MIAbleOLQTMdIIfBAJ0ju", playbackInfo: "eyJ2aWRlb0lkIjoiZjVjOTNlN2FmYTdkNDBjNTlkYzQ0ZThkYjcwNjQwYmIifQ==", theme: "9ae8bbe8dd964ddc9bdb932cca1cb59a", container: document.querySelector( "#vdobrx7xkATA9" ), }); This podcast is brought to you by Desire Resorts.

Does a more humane hospital make a safer hospital? That’s a question Johns Hopkins is grappling with — and Dr. Peter Pronovost believes the answer is yes. Dr. Pronovost is a critical care physician at Johns Hopkins Hospital. He’s known best for innovating an approach to patient safety a decade ago with something really simple: checklists. Preventable death rates at hospitals are high. Infections from central lines, the catheters inserted into major veins to let doctors administer drugs and draw blood more easily, are estimated to account for more than 60,000 deaths per year — about as many as breast and prostate cancer deaths combined. Dr. Pronovost created a checklist of five simple precautions to follow — such as washing hands, draping the patient in a sterile sheet — and brought the infections rate down to almost zero. Now, Dr. Pronovost wants to tackle all preventable risks in the hospital, such as ventilator-related infections, blood clots, and delirium. Johns Hopkins is calling this experiment Project Emerge. For the past year and a half, doctors and nurses in an intensive care unit at the hospital have been using a tablet app that automatically runs a patient’s medical records through different electronic checklists — and then flags any risk. The goal is to make it impossible to miss a dangerous mistake. Project Emerge does something else too — it makes humane care a top priority. The system flags “disrespect of a patient” or a “mismatch of goals” for a patient’s care. Johns Hopkins is testing the theory that safety and empathy go hand in hand — and whether they can engineer more humane care in the hospital.   //

Bishop Gwendolyn Phillips Coates is on a mission. She’s a preacher in a small church in South Los Angeles, and she’s made it her job to get her congregation prepared for one thing: death. Bishop Coates has lost two husbands and both parents, so she knows first hand how important it is to tell your loved ones what you want at the end of your life. “Having the conversation is not a death sentence, having a conversation is one of the greatest gifts that you can give to someone,” she says. But getting people to think ahead about end of life care is a tall order. Especially in the African American community, where a history of exploitation by the medical establishment lingers, such as the infamous Tuskegee Syphilis Experiment started in the 1930s. Far fewer African American patients get hospice care or have advance directives than white patients. “The distrust of the medical profession means that I’m not sure that my doctor always has my best interests at heart,” Coates says. And that distrust, she says, makes people push for every last treatment. “I’ve seen people who have had absolutely excruciating, horrible deaths, who have died on dialysis machines, who have died in so much pain.”  Bishop Coates is convinced that talking about the inevitable from the pulpit can help ease that suffering. And that, she thinks, can make living better too.   //

When Rose* was growing up, she knew something wasn’t quite right about how she heard the world. She says it felt like she was isolated by an invisible wall. But when she got typical hearing tests at an audiologist’s office? She aced them, every time. Rose’s problem was particularly bad in noisy places. “It doesn’t take much,” she says. “It could be five computers in a room and a bunch of shuffling around — you lose me at that point.” It took Rose years, and plenty of doctors’ visits, to figure out what was happening. And when she did find out, it was thanks to the persistence of Professor Nina Kraus. Kraus runs an auditory neuroscience laboratory at Northwestern University. For decades, Kraus has been conducting research on Rose and other patients like her to learn just how vital our brains are to understanding sound. And she discovered how hearing difficulties can be a marker for all types of neurological issues — autism, dyslexia, learning delays — that have nothing to do with our ears. *not her real name How our brain translates sound can have a profound impact on how we understand the world around us. Find out more here.    //

It’s not a coincidence that we decided to tackle listening right before a big holiday, when a lot of us are about to spend time with family. After all, sometimes the people we love the most can be the hardest to listen to — and that can make for contentious conversation (unless you’ve got Adele to save you). So we’re rounding out Only Human’s Listen Up project with some guidance to navigating the dialogue at your Thanksgiving dinner table. Henry Alford, who writes about manners for the New York Times, had heard about so many family trainwrecks during the holidays. And he started wondering, what would people who deal with serious conflict have to say about getting through a challenging family gathering? He called up the experts: crisis negotiators. Some strategies he heard from the FBI: saying sorry even when you might not be, and acknowledging differing opinions without actually disagreeing. But what these techniques really boil down to is being attentive and thoughtful. “The person who can come up to me a year later and say, ‘How’s your cat?’ or ‘How did your mother’s surgery go?’ Just any little bit of emotional recall, that’s hugely flattering,” Alford explains. We all want to be listened to, but we’re not great listeners. So this Thanksgiving make sure to offer the mashed potatoes, as well as an attentive ear.   Did you use any of our Listen Up! strategies at your Thanksgiving table?  Tell us. Leave a comment here or Tweet us @onlyhuman, using #ListenUp.   //

When Marvin Miller was growing up in small town Michigan, it never occurred to him that his family was the only deaf family in town. If new neighbors moved in, he wondered what was wrong with them if they didn't know sign language. It was only as he got older did he realize that his situation was the exceptional one. That's when he started to dream of starting an all sign language town; a town where everyone from the mayor to the garbage collector would know how to sign, and being deaf would be the norm. When he was in his early 30s, he started to realize his dream by optioning 380 acres of farmland in McCook County, South Dakota to establish Laurent, a town named after Laurent Clerc, a 19th century deaf educator. Not everyone was thrilled with the idea. Some locals were concerned about having a community that spoke a foreign language so close by. But ultimately, the idea of Laurent was embraced. So what happened? Tune into Only Human to find out. Special thanks to KSFY, the ABC affiliate in Sioux Falls, South Dakota; Peter Musty; Kaitlin Luna and Professor Patrick Boudreault of Gallaudet University; NPR; WBUR's Curt Nickisch; NYC Municipal Archives and to WNYC archivist Andy Lanset.  //

Jay Alan Zimmerman discovered he was losing his hearing when he was in his early 20s, trying to make it as a musician on Broadway in New York. As his hearing worsened, Jay considered other professions, but ultimately he couldn't imagine a life without music. Recently, Jay found out about some experimental medical research that could make it possible for him to get his hearing back. In the late 1980s, researchers discovered that chickens could do something unexpected: if their hearing is damaged, they can regenerate the ability to hear again. Since then, scientists have been trying to figure out how the process works and if the same kind of regeneration might be possible in humans. Now, the very first clinical trials are underway to regenerate the damaged hair cells in people with hearing loss. Jay Zimmerman, who has lost most of his hearing, composes music using memory, imagination, and a tool he created called a pitch visualizer. (Dave Gershgorn) Jay has to decide if he wants to be a part of the experimental phase of this new treatment, or if the potential risks are too great. Meanwhile, he's found ways to keep composing with the little bit of hearing he has left.   This is the first episode of our series focusing on how we experience the world with and without sound. Have you had your hearing checked lately? Check out our Listen Up! project and join us in our endeavor to become better listeners. //

Our friend Max Ritvo passed away August 23, 2016. We learned so much from our conversations with him, and we hope that this interview gives you a sense of the beauty — and humor — he saw in the world.  At 24, Max Ritvo has a lot going for him. He's a gifted poet with a teaching job at Columbia University and a manuscript that he's shopping to publishers. He's a new husband. He's a comic in a darkly funny experimental improv group. But he's also a cancer patient whose prognosis isn't good. Max was diagnosed with Ewing sarcoma when he was 16. He got the news after going to the hospital with a fever and a pain in his side. The doctors at first thought it was pneumonia — but then Max woke up in the cancer ward. Only Human's host, Mary Harris, with Max Ritvo after an interview session. (Molly Messick/WNYC) "I remember thinking, 'This is so terrible! I'm just a young, acrobatic, wiry, handsome bloke of sixteen!'" he says. "'And they must have run out of beds elsewhere, and they're putting this virile healthy young man with a great crop of hair among all these decrepit old people with cancer milling about. And it's so sad for them.'" Max finds humor not only in the hard story of his diagnosis, but also the way we talk about illness. He jokingly calls himself an "inspiring cancer survivor." It's a genuine effort to make us laugh — and it's a reminder that we should be better and smarter than the usual platitudes. Watch Max's "guide to health, fitness and fun."   Many of you listening have your own experiences with cancer — and the experience is different for everyone. Tell us your story. Leave a comment here or visit our Facebook page. //

A couple of weeks ago we asked you to share your health confessions with us. The secrets about your health, or the gambles you take. Many of you tweeted your confessions using #OnlyHuman, and you can see them in a gallery we’ve created here.   It turns out you guys have all kinds of vices. Some of you eat the wrong things, some of you use drugs, and some of you are guilty of sins of omission: details you’d rather not tell your doctor. Christian (not his real name) called to tell us that he feared losing his driver’s license if he was honest with his doctor about his seizures, which are starting to increase in frequency. Debra told us that she did not tell anyone when she bought a plane ticket to Tijuana to get a gastric sleeve, a weight reduction procedure, because her American doctor refused to do it. Do doctors know we’re not always telling the truth? “I wouldn’t call it lying,” said Dr. Henry Lodge, an internist at Columbia University Medical Center. “It’s very hard to share things that we feel uncomfortable about.” In this episode, we go to that uncomfortable place, and hear stories from patients — as well as doctors — as they discuss the mistakes, mishaps, and near fatal errors that happen between doctor and patients.  This episode features: Dr. David Bell, Dr. Christine Laine, Dr. Henry Lodge, Dr. Owen Muir, and Dr. Danielle Ofri.   What are you afraid to tell your doctor? What do you keep even from your own family and friends? Tell us. Comment below, send an email to health@wnyc.org, or leave us a voicemail at (803) 820-WNYC (9692).  //

Jaime Lowe started taking lithium when she was 17, after a manic episode landed her in a psychiatric ward. She was diagnosed with bipolar disorder, and for more than 20 years, the drug has been her near-constant companion. She's taken it for so long that she can't say for sure where she ends and lithium begins. “It’s hard to know if lithium is actually — like, if it dampens my personality, or if it normalizes my personality, or if it allows me to just sort of be who I am,” she says. Jaime has tried to go off of lithium only once, in her mid-20s, and the result was not good. She developed grand delusions. She would start an organization to defend the First Amendment. She would marry a friend she only recently met. She would change the world. She sent wild emails to would-be employers, adorned herself with glitter and stacks of necklaces, and barely slept. When she finally pulled herself back together again, Jaime made a resolution. She’d stick with lithium. And that worked — until she learned last year that her long-term lithium use has taken a physical toll. It’s damaged her kidneys. Now, she faces a choice that’s not much of choice at all: an eventual kidney transplant, or going off the drug that has kept her sane all these years.   Have your mental and physical health ever collided? Tell us. Comment below, send an email to health@wnyc.org, or leave us a voicemail at (803) 820-WNYC (9692).  //

For our first episode of Only Human, our host, Mary Harris, shares her own story of when her health changed her life. A couple of years ago, my husband and I had just decided to try for a second kid when something really unexpected happened. Something felt off in my left breast. “Is that a lump?” my husband asked.   “No way,” I said quickly. I’d just gotten a breast exam at my OB’s office, and I was 35. It seemed impossible that what we’d felt was anything to worry about. A mammogram, an ultrasound, and a biopsy later, we learned how wrong we were. I had breast cancer. Then, a few weeks later, as I was getting ready for a lumpectomy, we learned something else. We’d managed to get pregnant.   After just four hours of labor, Stella was born with a head full of black hair. "More than me, actually," observed Mary. (Howard Harris) It was what we wanted. But the timing? Terrible. As I went through surgery and got ready for chemo, I taped the conversations I was having — with my husband, Mark, and my five-year-old son, Leo, and with doctors I consulted. A note about this story: getting a cancer diagnosis during pregnancy is rare, but doctors think there will be more patients like me. Women are having babies later, and cancer is getting diagnosed earlier. More and more, these trendlines intersect. My hope is that by hearing my story, other women who find themselves in this situation will realize that something that seems impossible might not be.   Do you have a "health confession" to share with us?  Leave a comment below, email us at health@wnyc.org, or leave us a voicemail at (803) 820-WNYC, and we might use your story on the show. Special thanks this week to Jad Abumrad, Emily Botein, Theodora Kuslan, Delaney Simmons, Sahar Baharloo, and Lee Hill. //