Latest News

We’ve been able to do this for years, largely for free (ignoring the costs of the computer and devices), but I’m not sure as many people know about it as they should.

TL;DR: XCode comes with a “Simulator” program you can pop open to test in virtual iOS devices. If you then open Safari’s Develop/Debug menu, you can use its DevTools to inspect right there — also true if you plug in your real iOS device.

Direct Link to Article…

The post Quick Tip: Debug iOS Safari on a true local emulator (or your actual iPhone/iPad) appeared first on CSS-Tricks.

(This is a sponsored post.)

​Pendo is a product cloud that helps create lovable products that customers can’t live without. Pendo enables product teams to understand product usage, collect user feedback, measure NPS, assist users in their apps and promote new features in product — all without requiring any engineering resources. This unique combination of capabilities is all built on a common infrastructure of product data and results in better onboarding, increased user engagement, improved customer satisfaction, reduced churn, …

The post Deliver exceptional customer experiences in your product appeared first on CSS-Tricks.

Chris Manning digs into <diaglog>:

A dialog element provides:

• An element that is easy to show and hide, including an open boolean attribute on the element itself.
• Two versions: a standard popover or modal version.
• A ::backdrop pseudo-element for modal types.
• Built-in focus: see dialog focusing steps.
• ARIA role support (dialog is the implied default). Also accepts the alertdialog role.
• A pending stack for multiple dialogs.
• A DOM interface with the open boolean and methods show,

…

The post The dialog element appeared first on CSS-Tricks.

By default, communication between Vue components happen with the use of props. Props are properties that are passed from a parent component to a child component. For example, here’s a component where title is a prop:

<blog-post title="My journey with Vue"></blog-post>

Props are always passed from the parent component to the child component. As your application increases in complexity, you slowly hit what is called prop drilling here’s a relate article that is React-focused, but totally applies). Prop drilling is …

The post Using Event Bus to Share Props Between Vue Components appeared first on CSS-Tricks.