Hello.

I am Paul Kinlan.

A Developer Advocate for Chrome and the Open Web at Google.

Wood Carving found in Engakuji Shrine near Kamakura

Paul Kinlan

Trying to make the web and developers better.

RSS Github Medium

Sakura

Paul Kinlan

నేను మరింత ప్రత్యేకంగా ఈ 'Yaezakura'

Read More

Debugging Web Pages on the Nokia 8110 with KaiOS using Chrome OS

Paul Kinlan

ఈ పోస్ట్ KaiOS device with Web IDE ను డీబగ్ చేయడంలో పోస్ట్ కొనసాగింపుగా ఉంది, కానీ బదులుగా MacOS ని ఉపయోగించడం వల్ల, మీరు ఇప్పుడు క్రోస్టినితో Chrome OS (m75) ను ఉపయోగించవచ్చు. నేను ఒక మంచి ప్రారంభం ఇది KaiOS Environment Setup నుండి cribbing చేస్తున్నాను, కానీ Chrome OS మరియు Crostini తో వెళ్ళడం కోసం తగినంత కాదు. నేను అనుసరిస్తున్న కఠినమైన గైడ్ క్రింద ఉంది. మీరు కనీసం Chrome OS m75 ను ఉపయోగిస్తున్నారని నిర్ధారించుకోండి (ప్రస్తుతం ఏప్రిల్ 15 వ తేదీకి చెందిన డెవలపర్ ఛానల్), అప్పుడు:

Read More

New WebKit Features in Safari 12.1 | WebKit

Paul Kinlan

తాజా సఫారి కోసం పెద్ద నవీకరణలు!

నేను చెల్లింపులను అమలు చేయడానికి Google Pay లిబెల్ సిఫారసు మార్గమని కొంతకాలం క్రితం చెప్పిన గూగుల్కు వ్యతిరేకం అని ఇది నేను భావించాను … ఇది ఒక మిలియన్ మైళ్ల దూరంలో కాదు, Google Pay పైన నిర్మించబడింది చెల్లింపు అభ్యర్థన, కానీ అది మొదటి PR కాదు.

Payment Request is now the recommended way to pay implement Apple Pay on the web.

Read full post .

మరియు నా అభిమాన ఫీచర్ వెబ్ ఇంటెంట్లు తో నా చరిత్ర ఇచ్చిన.

Web Share API

The Web Share API adds navigator.share(), a promise-based API developers can use to invoke a native sharing dialog provided the host operating system. This allows users to share text, links, and other content to an arbitrary destination of their choice, such as apps or contacts.

ఇప్పుడే కేవలం టార్గెట్ API ను పొందడానికి మరియు మేము విజేతగా ఉన్నాము! :)

Offline fallback page with service worker

Paul Kinlan

సంవత్సరాల క్రితం, నేను స్థానిక అప్లికేషన్లు నెట్వర్క్ కనెక్టివిటీ లేకపోవడం స్పందించింది ఎలా కొన్ని పరిశోధన చేసింది. విశ్లేషణకు లింక్ను నేను కోల్పోయాను (ఇది Google+ లోనే ఉంది), విస్తృతమైన వ్యాఖ్యానం అనేక స్థానిక అనువర్తనాలు అవి నేరుగా పనిచేయకుండా తిరస్కరించే ఇంటర్నెట్కు ముడిపడి ఉన్నాయి. వెబ్ అనువర్తనాలు చాలా వంటివి ధ్వనులు, అయినప్పటికీ వాటిని వెబ్ నుండి వేరు చేసే విషయం అనుభవం ఇప్పటికీ 'బ్రాండ్'గా ఉంది, బార్ట్ సింప్సన్ మీరు ఆన్లైన్ (ఉదాహరణకు) గా ఉండాలని, మరియు ఇంకా మెజారిటీ వెబ్ అనుభవాలు మీరు 'డినో' ను పొందుతారు (chrome: // dino చూడండి).

మేము ఇప్పుడు చాలాకాలం సేవా వర్కర్ మీద పని చేస్తున్నాము, మరియు ఒక సేవా వర్కర్చే పేజీలను నియంత్రించటానికి చాలా ఎక్కువ సైట్లు ఉన్నాయని మేము చూసినప్పుడు, నెట్వర్క్కు కానప్పుడు చాలా మెజారిటీ సైట్లు కూడా ఒక ప్రాథమిక ఫాల్బ్యాక్ అనుభవాన్ని కలిగి లేవు అందుబాటులో.

మేము ఒక పూర్తిగా పతనం-వెనుక పేజీని ఎలా నిర్మించాలో, మీరు పూర్తిగా ఆఫ్ లైన్-ఫస్ట్ అనుభవాన్ని సృష్టించకూడదని ఊహించి, మరియు 10 నిమిషాల్లో అతను దానిని సృష్టించాడని ఎలాంటి గైడెన్స్ ఉంటే నా మంచి చమ్ జేక్ని నేను అడిగాను. Check it out .

బ్రీవిటి కోసం, నేను ఈ కోడ్ను అతికించారు ఎందుకంటే ఇది కేవలం 20 లైన్లు మాత్రమే. ఇది ఆఫ్లైన్ ఆస్తులను కాష్ చేసి, ఆపై ప్రతి 'నావిగేషన్' పొందడం కోసం అది లోపాలు (నెట్వర్క్ కారణంగా) చూస్తే ఆపై అసలు కంటెంట్ స్థానంలో ఆఫ్లైన్ పేజీని అందిస్తుంది.

addEventListener('install', (event) => {
  event.waitUntil(async function() {
    const cache = await caches.open('static-v1');
    await cache.addAll(['offline.html', 'styles.css']);
  }());
});

// See https://developers.google.com/web/updates/2017/02/navigation-preload#activating_navigation_preload
addEventListener('activate', event => {
  event.waitUntil(async function() {
    // Feature-detect
    if (self.registration.navigationPreload) {
      // Enable navigation preloads!
      await self.registration.navigationPreload.enable();
    }
  }());
});

addEventListener('fetch', (event) => {
  const { request } = event;

  // Always bypass for range requests, due to browser bugs
  if (request.headers.has('range')) return;
  event.respondWith(async function() {
    // Try to get from the cache:
    const cachedResponse = await caches.match(request);
    if (cachedResponse) return cachedResponse;

    try {
      // See https://developers.google.com/web/updates/2017/02/navigation-preload#using_the_preloaded_response
      const response = await event.preloadResponse;
      if (response) return response;

      // Otherwise, get from the network
      return await fetch(request);
    } catch (err) {
      // If this was a navigation, show the offline page:
      if (request.mode === 'navigate') {
        return caches.match('offline.html');
      }

      // Otherwise throw
      throw err;
    }
  }());
});

అది అంతా. యూజర్ ఆన్లైన్లో ఉన్నప్పుడు వారు డిఫాల్ట్ అనుభవాన్ని చూస్తారు.

మరియు యూజర్ ఆఫ్లైన్లో ఉన్నప్పుడు, వారు ఫాల్బ్యాక్ పేజీని పొందుతారు.

ఈ సరళమైన స్క్రిప్ట్ చాలా శక్తివంతమైనది, మరియు అవును, అది ఇంకా మెరుగుపరుచుకున్నప్పుడు, నెట్వర్క్తో సమస్య ఉన్నప్పుడు మా వినియోగదారులకు మాట్లాడే విధంగా కూడా ఒక చిన్న మార్పు కూడా ప్రాథమికంగా మెరుగుపడగలదని నేను నమ్ముతున్నాను ప్రపంచవ్యాప్తంగా వినియోగదారుల కోసం వెబ్ యొక్క అవగాహన.

** నవీకరణ ** జేఫ్ఫ్రే పోస్నిక్ కిండిల్ నావిగేషన్ ప్రీలోడ్ ఉపయోగించి గురించి నాకు గుర్తుచేసుకున్నారు అన్ని అభ్యర్థనల కోసం SW బూట్లో వేచి ఉండకూడదు, మీరు మాత్రమే _ ఫిల్డ్స్_ నెట్వర్క్ అభ్యర్థనలను నియంత్రిస్తే ఇది చాలా ముఖ్యం.

testing block image upload

Paul Kinlan

ఇది నేను చిత్రం అప్లోడ్ కుడి వచ్చింది ఉంటే చూడటానికి కేవలం ఒక పరీక్ష. మీరు దీనిని చూస్తే, అవును నేను చేస్తాను :)

Read More

Editor.js

Paul Kinlan

ఎడిటర్ JS ను ప్రయత్నించడానికి మరియు ఉపయోగించడానికి నేను హ్యూగో ఆధారిత ఎడిటర్ ద్వారా నవీకరించాను, బ్లాగ్ కోసం ఎడిటర్గా.

Workspace in classic editors is made of a single contenteditable element, used to create different HTML markups. Editor.js workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc. Each of them is an independent contenteditable element (or more complex structure) provided by Plugin and united by Editor’s Core.

Read full post .

నేను పని చేస్తానని అనుకుంటున్నాను.

నేను కోడ్బేస్తో చాలా కష్టపడ్డాను, అన్ని ఉదాహరణలు ES మాడ్యూల్స్ను ఉపయోగిస్తాయి, అయితే NPM దూరం IIFE ES5 కోడ్లో అన్నింటికీ ఉంటుంది. కానీ ఒకసారి నేను అడ్డంకిని ఎదుర్కొన్నాను అది మాదిరిగా ఒక బిట్ మరింత మాదిరిగా కనిపించే UI ని నిర్మించడం చాలా సులభం.

Debugging Web Pages on the Nokia 8110 with KaiOS

Paul Kinlan

ఇటీవల మేము ఫీచర్ ఫోన్లలో చాలా అభివృద్ధి చేస్తున్నాం మరియు ఇది చాలా కష్టం, కానీ సరదాగా ఉంది. కయోస్ లో మేము వెబ్ పేజీలను డీబగ్ చేయలేకపోయాము, ముఖ్యంగా మేము కలిగి ఉన్న హార్డువేరులో (ది నోకియా 8110) డబ్బింగ్ చేయలేకపోయాము. నోకియా ఒక గొప్ప పరికరం, అది మనకు తెలిసిన కైస్ తో నిర్మించబడింది, ఇది ఫైర్ఫాక్స్ 48 కి సమానంగా ఉంటుంది, కానీ ఇది లాక్ చేయబడింది, మీకు ఇతర Android పరికరాల్లో లభించే సంప్రదాయ డెవలపర్ మోడ్ లేదు, WebIDE సులభంగా. కొన్ని బ్లాగ్లను చదివిన కలయికతో మరియు adb గురించి ఒక బిట్ తెలుసుకోవడం adb నేను దీన్ని ఎలా చేయాలో పని adb .

Read More

Object Detection and Augmentation

Paul Kinlan

నేను Chrome లో చాలా Shape Detection API తో ఎంతో ఆడుతూ Shape Detection API మరియు నేను కలిగి ఉన్న సంభావ్యతను నిజంగా ఇష్టపడతాను, ఉదాహరణకు చాలా సులభమైన QRCode detector నేను చాలా కాలం క్రితం ఒక JS new BarcodeDetector() , అది అందుబాటులో ఉంటే new BarcodeDetector() API ని ఉపయోగిస్తుంది.

Face Detection , Barcode Detection మరియు Text Detection : Face Detection ఆకృతి గుర్తింపు API యొక్క ఇతర సామర్థ్యాలను ఉపయోగించి ఇక్కడ నిర్మించిన ఇతర డెమో యొక్క Text Detection .

వారాంతంలో నేను Jeeliz లో డెక్కన్ అయినప్పుడు నేను గొలిపే ఆశ్చర్యపోయాను మరియు నేను వారి టూల్కిట్ పనితీరును చాలా ఆకట్టుకున్నాను - నేను Pixel3 XL ను ఉపయోగించాను, కాని ముఖాలను గుర్తించడం FaceDetector API తో సాధ్యమయ్యేదానికంటే గణనీయమైనదిగా అనిపించింది.

Checkout some of their demos .

ఇది నాకు చాలా ఆలోచిస్తూ వచ్చింది. ఆబ్జెక్ట్ డిటెక్షన్ (ఇది వంటివి) కోసం ఈ టూల్కిట్ వెబ్లో ప్రత్యేకంగా కెమెరా యాక్సెస్, WebGL మరియు WASM లలో విస్తృతంగా అందుబాటులో ఉన్న API లను ఉపయోగిస్తుంది, ఇది Chrome యొక్క ఆకారం డిటెక్షన్ API (Chrome లో మాత్రమే ఉంది మరియు Chrome లో ఉన్న అన్ని ప్లాట్ఫారమ్ల్లో స్థిరంగా లేదు ) అన్ని వేదికలపై స్థిరమైన అనుభవంతో గొప్ప అనుభవాలను సులభంగా నిర్మించడానికి మరియు బిలియన్ల మంది వినియోగదారులను చేరుకోవడానికి ఉపయోగించవచ్చు.

అది ఆసక్తికరంగా (మరియు నిజంగా ఈ పోస్ట్లో చూపించాలని కోరుకున్నాను) మరియు అక్కడ ఇప్పుడు వేదికకు వస్తున్న మిడిల్వేర్ గ్రంధాలయాలు అవసరం కావడంతో, వినియోగదారులు సరదాగా స్నాప్చాట్-ఎస్క్ ఫేస్ ఫిల్టర్ అనువర్తనాలను నిర్మించగలరు. వినియోగదారుల పరికరం నుండి భారీ మొత్తంలో డేటాను పెంచుతుంది (ఎందుకంటే వ్యవస్థకు అంతర్లీన యాక్సెస్ ఉండదు).

ఆహ్లాదకరమైన ప్రదర్శనలు వెలుపల, వాడుకదారుల కోసం త్వరగా మరియు సులభంగా అత్యంత అధునాతన వినియోగ సందర్భాలను పరిష్కరించడం సాధ్యపడుతుంది:

వినియోగదారుని నుండి కెమెరా లేదా ఫోటో నుండి నేరుగా టెక్స్ట్ ఎంపిక * కెమెరా నుండి భాషల యొక్క ప్రత్యక్ష అనువాదం * ఇన్లైన్ QRCode గుర్తింపును కాబట్టి ప్రజలు WeChat అన్ని సమయం తెరిచి లేదు :) * చిత్రం నుంచి సేకరించిన ఆటో URL వెబ్సైట్ URL లు లేదా చిరునామా * క్రెడిట్ కార్డ్ గుర్తింపును మరియు సంఖ్య వెలికితీత (వినియోగదారులు వేగంగా మీ సైట్ వరకు సైన్ అప్ పొందండి) * మీ స్టోర్ వెబ్ అనువర్తనం లో విజువల్ ఉత్పత్తి శోధన. మీ దుకాణాల వెబ్ అనువర్తనంలో మరిన్ని ఉత్పత్తి వివరాలు కోసం బార్కోడ్ శోధన. ప్రజల ముఖాలకు ప్రొఫైల్ ఫోటోల త్వరిత పంట. * చిత్రంలో కనిపించే టెక్స్టును యూజర్ వినడానికి అనుమతించే సాధారణ A11Y లక్షణాలు.

నేను ఈ ఉపయోగం కేసుల గురించి ఆలోచిస్తూ 5 నిమిషాలు గడిపాను - నాకు చాలా ఎక్కువ తెలుసు - కానీ నాకు సైట్లు లేదా వెబ్ అనువర్తనాలు చాలా కెమెరాని ఉపయోగించలేదని నాకు తెలీదు, దానికి బదులుగా సైట్లు చాలా అడిగేవి వినియోగదారులు ఒక అనువర్తనాన్ని డౌన్లోడ్ చేసుకోవటానికి మరియు మనం ఏమైనా చేయాలని నేను అనుకోను.

** మా జట్టులో థామస్ స్టినేర్ మా టీమ్ చాట్ లో పేర్కొన్నది నేను ప్రస్తుత ShapeDetection API ShapeDetection కాదు అనిపిస్తుంది. నేను ఈ API ప్రతి సంబంధిత వ్యవస్థల యొక్క స్థానిక షిప్పింగ్ అమలుకు మాకు ప్రాప్తిని ఇచ్చే వాస్తవాన్ని నేను ప్రేమిస్తున్నాను, అయితే The Lumpy Web లో నేను వ్రాసిన The Lumpy Web , వెబ్ డెవలపర్లు ప్లాట్ఫారమ్లో స్థిరత్వం The Lumpy Web మరియు ఆకృతి డిటెక్షన్ API తో సమస్యల సంఖ్యను కలిగి ఉన్నాయి ఇలా సంగ్రహించబడింది:

  1. API మాత్రమే Chrome లో ఉంది
  2. Chrome లో API ప్రతి ప్లాట్ఫారమ్లోనూ భిన్నంగా ఉంటుంది, ఎందుకంటే వాటి అంతర్లీన అమలులు భిన్నంగా ఉంటాయి. Android నోరు మరియు కళ్ళు వంటి మైలురాళ్లకు మాత్రమే పాయింట్లు కలిగివుంటాయి, ఇక్కడ మకాయస్ ఉన్నది. Android లో TextDetector కనుగొనబడిన టెక్స్ట్ను తిరిగి ఇస్తుంది, ఇక్కడ MacOS లో ఇది 'టెక్స్ట్ ప్రెజెన్స్' ఇండికేటర్ను అందిస్తుంది … ఇది Surma కనిపించే అన్ని దోషాలను పేర్కొనడం లేదు.

పంపిణీ కోసం ఒక ప్లాట్ఫారమ్గా వెబ్ అనేది ఇలాంటి అనుభవాలకు చాలా అర్ధమే, నేను దీనిని చేయకూడదని అనుకుంటున్నాను, కానీ పైన చెప్పిన రెండు సమూహాల సమస్యలు ప్రతి అంశాన్ని అమలు చేయడానికి దీర్ఘకాలిక అవసరాన్ని ప్రశ్నించడానికి నన్ను దారితీస్తుంది. వెబ్ ప్లాట్ఫారమ్ స్థానికంగా, మేము WebGL, WASM మరియు భవిష్యత్తులో వెబ్ GPU వంటి వేదిక యొక్క లక్షణాలను ఉపయోగించి రవాణా చేయబడిన ప్యాకేజీలో మంచి పరిష్కారాలను అమలు చేసేటప్పుడు.

ఏమైనప్పటికి, మేము వెబ్లో దీన్ని చెయ్యగలగాలని నేను ఇష్టపడుతున్నాను మరియు నేను సైట్లు వాటితో నౌకను చూస్తాను.

Got web performance problems? Just wait...

Paul Kinlan

నేను ఒక మంచి Mariko మరియు సహోద్యోగి, Mariko ద్వారా ట్వీట్ Mariko , తక్కువ స్థాయి పరికరాల శ్రేణిని మీరు నిజంగా గ్రౌన్దేడ్గా ఉంచడం.

ట్వీట్ యొక్క సందర్భం ఏమిటంటే, ఈ డెవలప్మెంట్ తరగతుల్లో ప్రతిరోజూ నివసించే వినియోగదారుల కోసం వెబ్ డెవలప్మెంట్ ఎలా పనిచేస్తుందో చూద్దాం.

జట్టు ఈ ప్రదేశంలో చాలా పని చేస్తోంది, కానీ నేను ఒక రోజును నిర్మించటానికి ఒక రోజు గడిపాను మరియు ప్రదర్శనల కొంచెం సరసమైన స్థాయికి ఏదైనా పనిని చేయటానికి చాలా కష్టపడ్డాను - ఇక్కడ నేను ఎదుర్కొన్న కొన్ని సమస్యలు ఉన్నాయి:

  • వీక్షణపోర్ట్ oddities, మరియు 300ms క్లిక్ ఆలస్యం (చుట్టూ పని చేయవచ్చు) యొక్క మర్మమైన తిరిగి పరిచయం.
  • మొత్తం స్క్రీన్ భారీ రిపబ్లిక్, మరియు ఇది నెమ్మదిగా ఉంది.
  • నెట్వర్క్ నెమ్మదిగా ఉంది
  • మెమొరీ నిర్బంధించబడి, తరువాతి GC యొక్క బహుళ థ్రెడ్లకు ప్రధాన థ్రెడ్ లాక్ చేయబడుతుంది
  • నమ్మశక్యం నెమ్మదిగా JS అమలు
  • DOM తారుమారు నెమ్మదిగా ఉంది

నేను నిర్మిస్తున్న అనేక పేజీల కోసం, వేగవంతమైన వైఫై కనెక్షన్ పుటలలో లోడ్ చేయడానికి అనేక సెకన్ల సమయం పట్టింది మరియు తరువాత సంకర్షణలు కేవలం నెమ్మదిగా ఉన్నాయి. ఇది హార్డ్, ఇది ప్రధాన థ్రెడ్ ఆఫ్ సాధ్యమైనంత పొందడానికి ప్రయత్నిస్తున్న పాలుపంచుకుంది, కానీ అది నా సంప్రదాయ వెబ్ అభివృద్ధి, దిగుబడి కోసం పూర్తి కాదు అని అల్గోరిథంలు మరియు తర్కం లో మార్పులు చూడటానికి ఒక సాంకేతిక స్థాయిలో కూడా చాలా సంతోషకరమైన ఉంది పనితీరులో పెద్ద మెరుగుదలలు.

నేను దీర్ఘకాలికంగా ఏమి చేయాలని ఖచ్చితంగా తెలియలేదు, అభివృద్ధి చెందిన మార్కెట్లలో మేము పనిచేస్తున్న డెవలపర్ల భారీ ఊపును నేను '[ఇన్సర్ట్ కంట్రీ x] లో వినియోగదారుల కోసం సైట్లను నిర్మించలేను' అని స్పందిస్తారు. ఉన్నత స్థాయి ఈ ప్రకటనతో వాదించడానికి చాలా కష్టం, కానీ ప్రతి సంవత్సరం మిలియన్లకొద్దీ కొత్త వినియోగదారులు కంప్యుటింగ్ చేస్తున్నారు మరియు వారు ఈ పరికరాలను ఉపయోగిస్తారనే వాస్తవాన్ని నేను విస్మరించలేను మరియు వెబ్ * * వేదిక మేము rise of the meta platform తో సంతోషంగా ఉన్నాము కనుక కంటెంట్ మరియు అనువర్తనాల కోసం ఎంపిక.

మేము రాబోయే కాలం పనితీరుపై నెట్టడం అవసరం. డెవలపర్లు త్వరితంగా లోడ్ చేయడంలో మరియు మృదువైన వినియోగదారు ఇంటర్ఫేస్లను కలిగి ఉండటానికి మేము టూల్స్ మరియు మార్గదర్శకాలను రూపొందించుకుంటాం.

Browser Bug Searcher

Paul Kinlan

నేను కొన్ని work our team has done మీద ప్రతిబింబిస్తాను మరియు నేను రాబర్ట్ నైమాన్ మరియు ఎరిక్ బిడెల్మాన్ సృష్టించిన 2017 నుండి ఒక ప్రాజెక్ట్ను కనుగొన్నాను. Browser Bug Searcher! .

ఇది కేవలం కొన్ని కీ ప్రెస్లతో మీరు అన్ని ప్రధాన బ్రౌజర్ ఇంజిన్లు అంతటా మీ ఇష్టమైన లక్షణాలను గొప్ప పర్యావలోకనం కలిగి అద్భుతమైన ఉంది.

Source code available .

ఇది వాస్తవానికి క్రబ్బ్ మరియు వెబ్కిట్ బగ్ ట్రాకర్లతో ఉన్న సమస్యల్లో ఒకదానిని హైలైట్ చేస్తుంది, RSS వంటి ఫార్మాట్లలో డేటా ఫీడ్లను పొందడానికి వారికి సాధారణ మార్గం లేదు. బగ్ వర్గాలతో నా topicdeck అగ్రిగేటర్ ను ఉపయోగించుకోవటానికి నేను topicdeck అందువల్ల నేను ప్రతి బగ్ ట్రాకర్ల నుండి తాజా సమాచారం ఆధారంగా ఆసక్తి కలిగి ఉన్న అన్ని వస్తువుల డాష్బోర్డ్ను కలిగి ఉన్నాను.

Github's Web Components

Paul Kinlan

నేను https://www.webcomponents.org/ శీఘ్ర https://www.webcomponents.org/ ఎడిటర్ కోసం వెతుకుతున్నాను, అందుచే నేను ఈ బ్లాగుకు సులభంగా పోస్ట్ చేయగలను మరియు నేను github చేత చక్కగా ఉన్న విభాగాల సముదాయం అంతటా github .

నాకు వారు <time-element> ఉందని నాకు తెలుసు కానీ వారు నాకు ఒక మంచి మరియు సులభమైన ఉపయోగకరమైన సమితిని కలిగి ఉన్నాడని నాకు తెలియదు.

London from Kingscross

The GDPR mess

Paul Kinlan

GDPR సమ్మతి మేము ఒక పరిశ్రమ (మేము ఒక పరిశ్రమగా) అమలు చేయడం ఒక గజిబిజి. ఎవరైనా తప్పనిసరిగా ఎవరికైనా 'అవసరమైన కుకీలను ఉపయోగించు' అని ఎవ్వరూ ఎవరికైనా ఎన్నుకుంటారో నాకు తెలియదు, అయినప్పటికీ, ఎంపికను మరియు ఎంపిక యొక్క ట్రేడ్ ఆఫ్ గాని మధ్య ఉన్న వ్యత్యాసం నేను చెప్పలేను, దాని గురించి మాత్రమే చెప్పలేము అవసరమైన కుకీలను మాత్రమే ఉపయోగించడం.

Read More

Brexit: History will judge us all

Paul Kinlan

ఈ గందరగోళంపై చరిత్ర మాకు అన్నింటినీ తీర్పు చేస్తుంది, జాతీయత, స్వీయ-ఆసక్తులు, వలసవాద-హుబ్రిస్, సెలబ్రిటీ-బఫూరేరి యొక్క ప్రభావాలపై ఇది ఒక కేస్ స్టడీగా ఉంటుంది.

ఫకర్స్.

File Web Share Target

Paul Kinlan

నేను వెబ్ అనువర్తనాల కోసం అనువర్తనాల ప్రపంచంలో సమర్థవంతంగా పోటీ పడతానని, వారు వినియోగదారులు అనువర్తనాలను ఆశించే స్థలాలన్నిటిలో విలీనం కావాలి. వెబ్ ప్లాట్ఫారమ్ యొక్క ప్రధాన తప్పిపోయిన ముక్కలలో అంతర్-అనువర్తన సమాచారము ఒకటి, మరియు ప్రత్యేకంగా చివరి ప్రధాన data out of their silo లక్షణాలలో ఒకటి స్థానిక స్థాయి భాగస్వామ్యము: వెబ్ అనువర్తనాలు data out of their silo మరియు ఇతర వెబ్ సైట్లు మరియు అనువర్తనాలలో పొందవలసి ఉంటుంది; వారు ఇతర స్థానిక అనువర్తనాలు మరియు సైట్ల నుండి డేటాను స్వీకరించగలరు. ఫైల్ షేర్ టార్గెట్ API ఇప్పుడు Chrome కానరీలో ఉన్న ఒక API యొక్క గేమ్-మారకం.

Read More

Testing-file-share-target-from-camera

Paul Kinlan

ఇది కెమెరా అనువర్తనం నుండి నేరుగా భాగస్వామ్యం చేయడాన్ని పరీక్షిస్తోంది. అది పనిచేసినట్లు కనిపిస్తోంది :)

Read More

testing-file-share-target

Paul Kinlan

ఇది Android లో భాగస్వామ్యం టార్గెట్ API యొక్క పరీక్ష మరియు ఫైళ్లను భాగస్వామ్యం చేసే సామర్థ్యం. మీరు ఇక్కడ ఏదో చూస్తే, అన్నింటికీ మంచిది :)

Read More

Ricky Mondello: Adoption of Well-Known URL for Changing Passwords

Paul Kinlan

సఫారి జట్టులో రిక్కీ మొండేల్లో పైగా ఇటీవలే ట్విట్టర్ ఎలా ఉపయోగించాలో గురించి ఒక గమనికను పంచుకున్నారు.

I just noticed that Twitter has adopted the Well-Known URL for Changing Passwords! Is anyone aware of other sites that have adopted it?

Twitter’s implementation: https://twitter.com/.well-known/change-password; Github’s: https://github.com/.well-known/change-password; Specification :https://github.com/WICG/change-password-url

Read full post .

ఈ లక్షణం నన్ను పూర్తిగా ఆమోదించింది కానీ అది చక్కగా సరిపోతుంది: ఒక ప్రసిద్ధ నగరంలో ఒక ఫైల్ ఇచ్చినట్లయితే, బ్రౌజర్ వినియోగదారులకు ఒక UI ను అందించగలదు, ఇది సంభావ్య UI సైట్లను నావిగేట్ చేయకుండానే వారి పాస్వర్డ్ను త్వరగా రీసెట్ చేయడానికి అనుమతిస్తుంది.

స్పెక్స్ deceptively సులభం: బాగా తెలిసిన ఫైలు కేవలం చర్య నిర్వహించడానికి కావలసినప్పుడు వినియోగదారు దర్శకత్వం URL కలిగి. ఈ ఆలోచన నాకు దారితీస్తుంది, మేము ఈ లక్షణాలను మరింత అందించగలము:

  • GDPR ఆధారిత సమ్మతి నమూనాల (కుకీ సమ్మతి) కోసం ఒక మంచి ప్రదేశం - సైట్ యజమానులు వినియోగదారుని నిర్వహించగల పేజీని లింక్ను అందించవచ్చు మరియు అన్ని కుక్కీలు మరియు ఇతర డేటా సమ్మతి అంశాలని సమర్థవంతంగా రద్దు చేయవచ్చు.
  • బ్రౌజర్ అనుమతి నిర్వహణకు బాగా తెలిసిన ప్రదేశం - సైట్ యజమానులు వినియోగదారులు జియో-లొకేషన్, నోటిఫికేషన్లు మరియు ఇతర ప్రైమటివ్స్ వంటి వాటికి అనుమతులను ఉపసంహరించుకోవటానికి త్వరిత స్థలాన్ని అందించవచ్చు. ఖాతా తొలగింపు మరియు మార్పులకు బాగా తెలిసిన మార్గం
  • మెయిలింగ్ జాబితా చందా నిర్వహణకు బాగా తెలిసిన మార్గం

ఈ జాబితా కొనసాగుతుంది …. సాధారణ వినియోగదారుడు చర్యలను తెలుసుకునేందుకు యూజర్లకు సహాయంగా సాధారణ రీడైరెక్ట్ ఫైళ్లను నేను నిజంగా ఇష్టపడుతున్నాను, బ్రౌజర్ను ఉపరితలం చేయడానికి ఒక మార్గం కోసం.

pinch-zoom-element

Paul Kinlan

జేక్ మరియు బృందం బ్రౌజర్ యొక్క స్వంత చిటికెడు-జూమ్ డైనమిక్స్ వెలుపల ఉన్న HTML యొక్క ఏ సమితిలో (మొబైల్ వ్యూపోర్ట్ జూమ్ చేయడాన్ని) వెల్లడించడంలో చిటికెడు మేనేజింగ్ కోసం ఈ కాకుండా అద్భుతంగా అనుకూల మూలకాన్ని నిర్మించింది. మేము Chrome డెవ్ సమ్మిట్ వద్ద నిర్మించిన మరియు విడుదల చేసిన squoosh అనువర్తనం కోసం అవసరమైన మూల భాగంలో మూలకం ఒకటి (… నేను 'Chrome డెవ్ సమ్మిట్ వద్ద విడుదల అయ్యింది' - జేక్ చైనా డెవలపర్ డే మిగిలిన బృందం నిషేధం కింద ఉన్నారు;))

install: npm install --save-dev pinch-zoom-element

<pinch-zoom>
  <h1>Hello!</h1>
</pinch-zoom>

Read full post .

నా బ్లాగ్కు (కేవలం కొద్ది నిమిషాల సమయం పట్టింది) దానిని life , నేను తీసుకున్న ఫోటోలను పంచుకునే నా ' life ' విభాగంలో దాన్ని తనిఖీ చేయవచ్చు. మీరు టచ్-ఎనేబుల్ చేసిన పరికరంలో ఉంటే, మీరు పని చేస్తున్న బహుళ వేలు ఇన్పుట్లను నిర్వహించగల ట్రాక్-ప్యాడ్ను ఉపయోగిస్తుంటే, మీరు త్వరగా మూలకంపై చిటికెడు-జూమ్ చేయవచ్చు.

ఈ అంశము వినియోగదారు ఇంటర్ఫేస్ భాగాలను సృష్టించటానికి ఒక నమూనాగా నేను వెబ్ భాగాలను ఎందుకు ప్రేమిస్తున్నానో గొప్ప ఉదాహరణ. pinch-zoom మూలకం వైర్ (కంప్రెస్డ్) మరియు బిల్డింగ్ కోసం తక్కువ డిపెండెన్సీల వద్ద కేవలం 3kb కంటే తక్కువగా ఉంది మరియు ఇది ఏ కస్టమ్ అప్లికేషన్ స్థాయి లాజిక్ను ఉపయోగించకుండా కష్టతరం చేస్తుంది (UI తర్కంపై కొన్ని ఆలోచనలు నేను Squoosh అనువర్తనం నుండి నా నేర్చుకోవడం ఆధారంగా భాగస్వామ్యం ఆ App లాజిక్ భాగాలు vs).

నేను ఈ వంటి అంశాలు మరింత అవగాహన మరియు వినియోగం పొందుటకు చూడటానికి ప్రేమిస్తారన్నాడు, ఉదాహరణకు నేను ఈ మూలకం మీరు అనేక వాణిజ్య సైట్లలో చూసే చిత్రం జూమ్ కార్యాచరణ స్థానంలో లేదా ప్రామాణికంగా డెవలపర్లు నుండి ఆ నొప్పి దూరంగా పడుతుంది ఊహించే కాలేదు.