జేక్ మరియు బృందం బ్రౌజర్ యొక్క స్వంత చిటికెడు-జూమ్ డైనమిక్స్ వెలుపల ఉన్న 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).

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