Hello.

I am Paul Kinlan.

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

I love the web. The web should allow anyone to access any experience that they need without the need for native install or content walled garden.

A simple video insertion tool for EditorJS

Paul Kinlan

నేను నిజంగా EditorJS ఇష్టపడుతున్నాను. ఇది నా స్టాటిక్ హ్యూగో బ్లాగ్ కోసం చాలా సులభమైన వెబ్-హోస్ట్ ఇంటర్‌ఫేస్‌ను సృష్టించనివ్వండి. సాధారణ బ్లాక్-ఆధారిత ఎడిటర్‌లో ఎడిటర్‌జేఎస్‌లో నాకు చాలా అవసరం ఉంది. దీనికి శీర్షికలు, కోడ్ మరియు హోస్టింగ్ మౌలిక సదుపాయాలు అవసరం లేకుండా ఎడిటర్‌కు చిత్రాలను జోడించే సరళమైన మార్గం కోసం ప్లగిన్ ఉంది. ఇప్పటి వరకు వీడియోలను ఎడిటర్‌కు జోడించడానికి దీనికి సాధారణ మార్గం లేదు. నేను simple-image ప్లగ్ఇన్ రిపోజిటరీని తీసుకున్నాను మరియు simple-video ప్లగ్ఇన్ ( npm module ) ను సృష్టించడానికి దానిని మార్చాను (కేవలం ఒక టాడ్). ఇప్పుడు నేను ఈ బ్లాగులో వీడియోలను సులభంగా చేర్చగలను.

Read More

Test post Video upload

Paul Kinlan

మీరు ఇక్కడ ఒక వీడియో చూస్తే, అది పని చేస్తుంది.

Read More

Adding "dark mode" to my blog

Paul Kinlan

నేను జెరెమీ కీత్ యొక్క post about adding dark mode to his blog మరియు ఇది చాలా సరళంగా అనిపించింది, కాబట్టి నేను దానిని ఒక గిరగిరా ఇవ్వాలని నిర్ణయించుకున్నాను. అందరూ చూడటానికి ఇక్కడ diff of the work . ఇది ఆశ్చర్యకరంగా సులభం (నా వైపు వెర్రి లోపాల వెలుపల). CSS వేరియబుల్స్కు మద్దతు ఇవ్వడానికి ఒక చిన్న రిఫ్యాక్టర్ ఉంది మరియు CSS అనుకూల లక్షణాలకు మద్దతు ఇవ్వని బ్రౌజర్ ఉంటే నాకు ఫాల్‌బ్యాక్ ఉందని నిర్ధారిస్తుంది, కానీ దాని గురించి. జెరెమీ చేసిన అదే పనిని నేను చాలా చక్కగా చేసాను.

Read More

Webmention.app

Paul Kinlan

నేను Webmentions ఆలోచనను ప్రేమిస్తున్నాను, అయినప్పటికీ నా సైట్‌లో దీన్ని అమలు చేయడానికి నాకు సమయం లేదు. ఉన్నత-స్థాయి వెబ్‌లో వెబ్‌లోని ఇతర కంటెంట్‌కు వ్యాఖ్యానించడానికి, ఇష్టపడటానికి మరియు ప్రత్యుత్తరం ఇవ్వడానికి మిమ్మల్ని అనుమతిస్తుంది మరియు డిస్కుస్ (నా సైట్ నుండి తొలగించడానికి నేను ఆసక్తిగా ఉన్నాను) వంటి సాధనాలతో కేంద్రీకృతమై లేకుండా ఆ కంటెంట్‌కు ఇది కనిపిస్తుంది. వెబ్ ప్రస్తావనలు పంపినవారు మరియు రిసీవర్ అనే రెండు భాగాలుగా విభజించబడ్డాయి. రిసీవర్ అనేది నేను ఒక పోస్ట్ వ్రాస్తున్న సైట్ మరియు వారి బ్లాగుకు ఇన్‌బౌండ్ లింకులు లేదా ప్రతిచర్యలను చూపించే వారి సైట్‌లో ఏదైనా ఉండవచ్చు; మరియు పంపినవారు నాకు బాగానే ఉన్నారు.

Read More

Screen Recorder: recording microphone and the desktop audio at the same time

Paul Kinlan

ప్రపంచంలోని సరళమైన స్క్రీన్ రికార్డింగ్ సాఫ్ట్‌వేర్‌ను నిర్మించాలనే లక్ష్యం నాకు ఉంది మరియు గత రెండు నెలలుగా నేను ఈ ప్రాజెక్టుపై నెమ్మదిగా నూడుల్ చేస్తున్నాను (నా ఉద్దేశ్యం నిజంగా నెమ్మదిగా). మునుపటి పోస్ట్‌లలో, అన్ని ఇన్‌పుట్ మూలాల నుండి ప్రసారాలతో screen recording and a voice overlay ద్వారా నేను screen recording and a voice overlay ను పొందాను. నిరాశకు గురైన ఒక ప్రాంతం ఏమిటంటే, డెస్క్‌టాప్ నుండి ఆడియోను ఎలా పొందాలో నేను పని చేయలేకపోయాను * మరియు * స్పీకర్ నుండి ఆడియోను అతివ్యాప్తి చేయండి. చివరకు దీన్ని ఎలా చేయాలో నేను పనిచేశాను.

Read More

Extracting text from an image: Experiments with Shape Detection

Paul Kinlan

గూగుల్ IO తర్వాత నాకు కొంచెం సమయం ఉంది మరియు నేను కలిగి ఉన్న దీర్ఘకాలిక దురదను గీయాలని అనుకున్నాను. బ్రౌజర్‌లోని చిత్రాల లోపల ఉన్న వచనాన్ని కాపీ చేయగలుగుతున్నాను. అంతే. ఇది ప్రతి ఒక్కరికీ చక్కని లక్షణంగా ఉంటుందని నేను భావిస్తున్నాను. కార్యాచరణను నేరుగా Chrome లోకి జోడించడం అంత సులభం కాదు, కానీ నేను Android లోని ఉద్దేశ్య వ్యవస్థను సద్వినియోగం చేసుకోగలనని నాకు తెలుసు మరియు నేను ఇప్పుడు వెబ్‌తో (లేదా Android లో కనీసం Chrome) దీన్ని చేయగలను. వెబ్ ప్లాట్‌ఫారమ్‌కు రెండు కొత్త చేర్పులు - షేర్ టార్గెట్ స్థాయి 2 (లేదా నేను దానిని ఫైల్ షేర్ అని TextDetector ) మరియు షేప్ డిటెక్షన్ API - have allowed me to build a utility that I can Share images to and get the text held inside them .

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 . మరియు నా అభిమాన ఫీచర్ వెబ్ ఇంటెంట్లు తో నా చరిత్ర ఇచ్చిన.

Read More

Offline fallback page with service worker

Paul Kinlan

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

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 .

Read More

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](https://paul.kinlan.me/face-detection/ https://paul.kinlan.me/barcode-detection/ https://paul.kinlan.me/detecting-text-in-an-image/) తో ఎంతో ఆడుతూ [Shape Detection API](https://paul.kinlan.me/face-detection/ https://paul.kinlan.me/barcode-detection/ https://paul.kinlan.me/detecting-text-in-an-image/) మరియు నేను కలిగి ఉన్న సంభావ్యతను నిజంగా ఇష్టపడతాను, ఉదాహరణకు చాలా సులభమైన QRCode detector నేను చాలా కాలం క్రితం ఒక JS new BarcodeDetector() , అది అందుబాటులో ఉంటే new BarcodeDetector() API ని ఉపయోగిస్తుంది. Face Detection , Barcode Detection మరియు Text Detection : Face Detection ఆకృతి గుర్తింపు API యొక్క ఇతర సామర్థ్యాలను ఉపయోగించి ఇక్కడ నిర్మించిన ఇతర డెమో యొక్క Text Detection .

Read More

Got web performance problems? Just wait...

Paul Kinlan

నేను ఒక మంచి Mariko మరియు సహోద్యోగి, Mariko ద్వారా ట్వీట్ Mariko , తక్కువ స్థాయి పరికరాల శ్రేణిని మీరు నిజంగా గ్రౌన్దేడ్గా ఉంచడం. ట్వీట్ యొక్క సందర్భం ఏమిటంటే, ఈ డెవలప్మెంట్ తరగతుల్లో ప్రతిరోజూ నివసించే వినియోగదారుల కోసం వెబ్ డెవలప్మెంట్ ఎలా పనిచేస్తుందో చూద్దాం. జట్టు ఈ ప్రదేశంలో చాలా పని చేస్తోంది, కానీ నేను ఒక రోజును నిర్మించటానికి ఒక రోజు గడిపాను మరియు ప్రదర్శనల కొంచెం సరసమైన స్థాయికి ఏదైనా పనిని చేయటానికి చాలా కష్టపడ్డాను - ఇక్కడ నేను ఎదుర్కొన్న కొన్ని సమస్యలు ఉన్నాయి: వీక్షణపోర్ట్ oddities, మరియు 300ms క్లిక్ ఆలస్యం (చుట్టూ పని చేయవచ్చు) యొక్క మర్మమైన తిరిగి పరిచయం.

Read More

Browser Bug Searcher

Paul Kinlan

నేను కొన్ని work our team has done మీద ప్రతిబింబిస్తాను మరియు నేను రాబర్ట్ నైమాన్ మరియు ఎరిక్ బిడెల్మాన్ సృష్టించిన 2017 నుండి ఒక ప్రాజెక్ట్ను కనుగొన్నాను. Browser Bug Searcher! . ఇది కేవలం కొన్ని కీ ప్రెస్లతో మీరు అన్ని ప్రధాన బ్రౌజర్ ఇంజిన్లు అంతటా మీ ఇష్టమైన లక్షణాలను గొప్ప పర్యావలోకనం కలిగి అద్భుతమైన ఉంది. Source code available . ఇది వాస్తవానికి క్రబ్బ్ మరియు వెబ్కిట్ బగ్ ట్రాకర్లతో ఉన్న సమస్యల్లో ఒకదానిని హైలైట్ చేస్తుంది, RSS వంటి ఫార్మాట్లలో డేటా ఫీడ్లను పొందడానికి వారికి సాధారణ మార్గం లేదు.

Read More

Github's Web Components

Paul Kinlan

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

Read More

London from Kingscross

Paul Kinlan

నేడు ఎంతో బాగుంది.

Read More

The GDPR mess

Paul Kinlan

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

Read More

Brexit: History will judge us all

Paul Kinlan

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

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 సైట్లను నావిగేట్ చేయకుండానే వారి పాస్వర్డ్ను త్వరగా రీసెట్ చేయడానికి అనుమతిస్తుంది.

Read More

pinch-zoom-element

Paul Kinlan

జేక్ మరియు బృందం బ్రౌజర్ యొక్క స్వంత చిటికెడు-జూమ్ డైనమిక్స్ వెలుపల ఉన్న HTML యొక్క ఏ సమితిలో (మొబైల్ వ్యూపోర్ట్ జూమ్ చేయడాన్ని) వెల్లడించడంలో చిటికెడు మేనేజింగ్ కోసం ఈ కాకుండా అద్భుతంగా అనుకూల మూలకాన్ని నిర్మించింది. మేము Chrome డెవ్ సమ్మిట్ వద్ద నిర్మించిన మరియు విడుదల చేసిన squoosh అనువర్తనం కోసం అవసరమైన మూల భాగంలో మూలకం ఒకటి (... నేను 'Chrome డెవ్ సమ్మిట్ వద్ద విడుదల అయ్యింది' - జేక్ చైనా డెవలపర్ డే మిగిలిన బృందం నిషేధం కింద ఉన్నారు;)) install: npm install --save-dev pinch-zoom-element <pinch-zoom> <h1>Hello!

Read More