Categories
Life & Nature

Embracing the Wonders of Life in Nature

Life in nature is a remarkable tapestry of beauty, diversity, and interconnectedness. From the smallest insect to the towering trees, the natural world offers us a glimpse into the wonders of existence. It is within this realm that we can find solace, inspiration, and a profound sense of belonging. In this short article, we will explore the treasures that life in nature has to offer and the importance of cherishing and preserving this invaluable resource.

The Dance of Biodiversity

Nature is teeming with an astounding array of living organisms, each playing a crucial role in the intricate web of life. Biodiversity is the foundation upon which ecosystems thrive, ensuring their resilience and sustainability. The vibrant colors of tropical rainforests, the melodious songs of birds, and the delicate balance of predator and prey all serve as a testament to the profound interdependence of life forms. By recognizing and appreciating this biodiversity, we gain a deeper understanding of the delicate harmony that sustains our planet.

Reconnecting with Our Roots

In the hustle and bustle of modern life, we often find ourselves disconnected from the natural world. However, the lure of nature remains undeniable, beckoning us to rediscover our roots. Stepping into a pristine forest or gazing at the vastness of an ocean can awaken a sense of awe and wonder within us. Nature’s tranquil beauty has the power to calm our minds, ease our stress, and reinvigorate our spirits. By immersing ourselves in natural surroundings, we can find solace, clarity, and a renewed appreciation for life’s simple joys.

Lessons from Mother Nature

Nature holds invaluable lessons for those willing to observe and learn. It teaches us resilience in the face of adversity, adaptability to changing circumstances, and the importance of balance and harmony. Just as a seedling grows towards the sun, we too can find strength and direction in nature’s unwavering determination. From the delicate balance of ecosystems to the cyclical patterns of the seasons, the natural world imparts wisdom and insight that can guide us in our own lives.

Preserving the Legacy

In the face of growing environmental challenges, preserving the integrity of nature has never been more critical. Human activities, such as deforestation, pollution, and climate change, threaten the delicate ecosystems that support all life on Earth. Recognizing the intrinsic value of nature and our responsibility as custodians of the planet is paramount. By making conscious choices, advocating for sustainable practices, and supporting conservation efforts, we can safeguard the wonders of life in nature for future generations to cherish.

Conclusion: Life in nature is a magnificent symphony, filled with diversity, wonder, and lessons waiting to be learned. As we navigate our fast-paced lives, let us remember to pause, breathe, and immerse ourselves in the beauty that surrounds us. By embracing the marvels of the natural world and becoming stewards of its preservation, we can ensure that the tapestry of life continues to flourish and inspire for generations to come.

Categories
Learning

All in here no waits, Emojis with their Titles, Unicode code points, and Hexadecimal code values, HTML embedding

Hello,

Welcome, here is the list of emojis with there Unicode Points and hexadecimal code values, easy to embed in HTML CSS.

(Please note: that the hexadecimal code values may vary slightly depending on the platform and encoding)

EmojiEmoji TitleEmoji HexCodeEmoji Unicode PointEmoji Unicode PointEmoji Unicode Point
😀Grinning Face😀U+1F600
😃Grinning Face with Big Eyes😃U+1F603
😄Grinning Face with Smiling Eyes😄U+1F604
😁Beaming Face with Smiling Eyes😁U+1F601
😆Grinning Squinting Face😆U+1F606
😅Grinning Face with Sweat😅U+1F605
😂Face with Tears of Joy😂U+1F602
🙂Slightly Smiling Face🙂U+1F642
😉Winking Face😉U+1F609
😊Smiling Face with Smiling Eyes😊U+1F60A
😇Smiling Face with Halo😇U+1F607
🥰Smiling Face with Hearts🥰U+1F970
😍Smiling Face with HeartEyes😍U+1F60D
🤩StarStruck🤩U+1F929
😘Face Blowing a Kiss😘U+1F618
😗Kissing Face😗U+1F617
😚Kissing Face with Closed Eyes😚U+1F61A
😙Kissing Face with Smiling Eyes😙U+1F619
😋Face Savoring Food😋U+1F60B
😛Face with Tongue😛U+1F61B
😜Winking Face with Tongue😜U+1F61C
🤪Zany Face🤪U+1F92A
😝Squinting Face with Tongue😝U+1F61D
🤑MoneyMouth Face🤑U+1F911
🤗Hugging Face🤗U+1F917
🤭Face with Hand Over Mouth🤭U+1F92D
🤫Shushing Face🤯U+1F92F
🤔Thinking Face🤔U+1F914
🤐ZipperMouth Face🤐U+1F910
🤨Face with Raised Eyebrow🤐U+1F928
😐Neutral Face😐U+1F610
😑Expressionless Face😑U+1F611
😶Face Without Mouth😶U+1F636
😏Smirking Face😏U+1F60F
😒Unamused Face😒U+1F612
🙄Face with Rolling Eyes🙄U+1F644
😬Grimacing Face😴U+1F62C
🤥Lying Face🤥U+1F925
😌Relieved Face😌U+1F60C
😔Pensive Face😔U+1F614
😪Sleepy Face😪U+1F62A
🤤Drooling Face🤤U+1F924
😴Sleeping Face😴U+1F634
😷Face with Medical Mask😷U+1F637
🤒Face with Thermometer🤒U+1F912
🤕Face with HeadBandage🤕U+1F915
🤢Nauseated Face🤢U+1F922
🤮Face Vomiting🤮U+1F92E
🤧Sneezing Face🤧U+1F927
🥵Hot Face🥳U+1F975
🥶Cold Face🥴U+1F976
🥴Woozy Face🥵U+1F974
😵Dizzy Face😵U+1F635
🤯Exploding Head🤯U+1F92F
🤠Cowboy Hat Face🤡U+1F920
🥳Party Face🥳U+1F973
😎Smiling Face with Sunglasses😎U+1F60E
🤓Nerd Face🤓U+1F913
🧐Face with Monocle🧐U+1F9D0
😕Confused Face😕U+1F615
😟Worried Face😟U+1F61F
🙁Slightly Frowning Face🙁U+1F641
😮Face with Open Mouth😲U+1F62E
😯Hushed Face😿U+1F62F
😲Astonished Face😲U+1F632
😳Flushed Face😳U+1F633
🥺Pleading Face🥺U+1F97A
😦Frowning Face with Open Mouth😯U+1F626
😧Anguished Face😷U+1F627
😨Fearful Face😨U+1F628
😰Anxious Face with Sweat😰U+1F630
😥Sad but Relieved Face😥U+1F625
😢Crying Face😢U+1F622
😭Loudly Crying Face😭U+1F62D
😱Face Screaming in Fear😱U+1F631
😖Confounded Face😦U+1F616
😣Persevering Face😣U+1F623
😞Disappointed Face😞U+1F61E
😓Downcast Face with Sweat😓U+1F613
😩Weary Face😩U+1F629
😫Tired Face😫U+1F62B
🥱Yawning Face🦿U+1F971
😤Face with Steam From Nose😤U+1F624
😡Pouting Face😡U+1F621
😠Angry Face😠U+1F620
🤬Face with Symbols on Mouth🤬U+1F92C
😈Smiling Face with Horns😈U+1F608
👿Angry Face with Horns👿U+1F47F
💀Skull💀U+1F480
☠️Skull and Crossbones☠U+2620
💩Pile of Poo💩U+1F4A9
🤡Clown Face🤡U+1F921
👹Ogre👹U+1F479
👺Goblin👺U+1F47A
👻Ghost👻U+1F47B
👽Alien👽U+1F47D
👾Alien Monster👾U+1F47E
🤖Robot🤖U+1F916
😺Grinning Cat Face😺U+1F63A
😸Grinning Cat Face with Smiling Eyes😸U+1F638
😹Cat Face with Tears of Joy😹U+1F639
😻Smiling Cat Face with HeartEyes😻U+1F63B
😼Cat Face with Wry Smile😼U+1F63C
😽Kissing Cat Face😽U+1F63D
🙀Weary Cat Face🙀U+1F640
😿Crying Cat Face😿U+1F63F
😾Pouting Cat Face😾U+1F63E
🙈SeeNoEvil Monkey🙈U+1F648
🙉HearNoEvil Monkey🙉U+1F649
🙊SpeakNoEvil Monkey🙊U+1F64A
💋Kiss Mark💋U+1F48B
💌Love Letter💌U+1F48C
💘Heart with Arrow💘U+1F498
💝Heart with Ribbon💝U+1F49D
💖Sparkling Heart💖U+1F496
💗Growing Heart💗U+1F497
💓Beating Heart💓U+1F493
💞Revolving Hearts💞U+1F49E
💕Two Hearts💕U+1F495
💟Heart Decoration💟U+1F49F
❣️Heart Exclamation❣U+2763
💔Broken Heart💔U+1F494
❤️Red Heart❤U+2764
🧡Orange Heart🧡U+1F9E1
💛Yellow Heart💛U+1F49B
💚Green Heart💚U+1F49A
💙Blue Heart💙U+1F499
💜Purple Heart💜U+1F49C
🤎Brown Heart🧾U+1F90E
🖤Black Heart🖤U+1F5A4
💯Hundred Points💯U+1F4AF
💢Anger Symbol💢U+1F4A2
💥Collision💥U+1F4A5
💫Dizzy💫U+1F4AB
💦Sweat Droplets💦U+1F4A6
💨Dashing Away💨U+1F4A8
🕳️Hole🕳U+1F573
💣Bomb💣U+1F4A3
💬Speech Balloon💬U+1F4AC
👁️‍🗨️Eye in Speech Bubble👁️
‍🗨️		U+1F441 U+FE0F U+200D U+1F5E8 U+FE0F
🗨️Left Speech Bubble🗨️U+1F5E8 U+FE0F
🗯️Right Anger Bubble🗯️U+1F5EF U+FE0F
💭Thought Balloon💭U+1F4AD
💤Zzz💤U+1F4A4
👋Waving Hand👋U+1F44B
🤚Raised Back of Hand🤚U+1F91A
🖐️Hand with Fingers Splayed👆️U+1F590 U+FE0F
✋Raised Hand✋U+270B
🖖Vulcan Salute🖖U+1F596
👌OK Hand👌U+1F44C
✌️Victory Hand✌U+270C
🤞Crossed Fingers🤞U+1F91E
🤟LoveYou Gesture🤟U+1F91F
🤘Sign of the Horns🤘U+1F918
🤙Call Me Hand🤙U+1F919
👈Backhand Index Pointing Left👈U+1F448
👉Backhand Index Pointing Right👉U+1F449
👆Backhand Index Pointing Up👆U+1F446
🖕Middle Finger🖕U+1F595
👇Backhand Index Pointing Down👇U+1F447
☝️Index Pointing Up☝U+261D
👍Thumbs Up👍U+1F44D
👎Thumbs Down👎U+1F44E
✊Raised Fist✊U+270A
👊Oncoming Fist👊U+1F44A
🤛LeftFacing Fist🤛U+1F91B
🤜RightFacing Fist🤜U+1F91C
🤝Handshake🤝U+1F91D
👏Clapping Hands👏U+1F44F
🙌Raising Hands🙌U+1F64C
👐Open Hands👐U+1F450
🤲Palms Up Together🤝U+1F932
🙏Folded Hands🙏U+1F64F
✍️Writing Hand✍U+270D
💅Nail Polish💅U+1F485
🤳Selfie🤗U+1F933
💪Flexed Biceps💪U+1F4AA
👂Ear👂U+1F442
👃Nose👃U+1F443
👣Footprints👣U+1F463
👀Eyes👀U+1F440
👁️Eye👁️U+1F441 U+FE0F
👅Tongue👅U+1F445
👄Mouth👄U+1F444
👶Baby👶U+1F476
👦Boy👦U+1F466
👧Girl👧U+1F467
👨Man👨U+1F468
👩Woman👩U+1F469
👱‍♂️Man: Blond Hair👱‍♂U+1F471 U+200D U+2642
👱‍♀️Woman: Blond Hair👱‍♀U+1F471 U+200D U+2640
👴Old Man👴U+1F474
👵Old Woman👵U+1F475
👲Person Wearing Turban👲U+1F472
👳‍♂️Man Wearing Turban👳‍♂U+1F473 U+200D U+2642
👳‍♀️Woman Wearing Turban👳‍♀U+1F473 U+200D U+2640
👮‍♂️Man Police Officer👮‍♂U+1F46E U+200D U+2642
👮‍♀️Woman Police Officer👮‍♀U+1F46E U+200D U+2640
👷‍♂️Man Construction Worker👷‍♂U+1F477 U+200D U+2642
👷‍♀️Woman Construction Worker👷‍♀U+1F477 U+200D U+2640
💂‍♂️Man Guard💂‍♂U+1F482 U+200D U+2642
💂‍♀️Woman Guard💂‍♀U+1F482 U+200D U+2640
🕵️‍♂️Man Detective🕵️‍♂U+1F575 U+FE0F U+200D U+2642
🕵️‍♀️Woman Detective🕵️‍♀U+1F575 U+FE0F U+200D U+2640
👩‍⚕️Woman Health Worker👩‍⚕U+1F469 U+200D U+2695
👨‍⚕️Man Health Worker👨‍⚕U+1F468 U+200D U+2695
👩‍🌾Woman Farmer👩‍🌱U+1F469 U+200D U+1F33E
👨‍🌾Man Farmer👨‍🌱U+1F468 U+200D U+1F33E
👩‍🍳Woman Cook👩‍🍳U+1F469 U+200D U+1F373
👨‍🍳Man Cook👨‍🍳U+1F468 U+200D U+1F373
👩‍🎓Woman Student👩‍🎓U+1F469 U+200D U+1F393
👨‍🎓Man Student👨‍🎓U+1F468 U+200D U+1F393
👩‍🎤Woman Singer👩‍🎵U+1F469 U+200D U+1F3A4
👨‍🎤Man Singer👨‍🎵U+1F468 U+200D U+1F3A4
👩‍🏫Woman Teacher👩‍🏫U+1F469 U+200D U+1F3EB
👨‍🏫Man Teacher👨‍🏫U+1F468 U+200D U+1F3EB
👩‍🏭Woman Factory Worker👩‍🏭U+1F469 U+200D U+1F3ED
👨‍🏭Man Factory Worker👨‍🏭U+1F468 U+200D U+1F3ED
👩‍💻Woman Technologist👩‍💻U+1F469 U+200D U+1F4BB
👨‍💻Man Technologist👨‍💻U+1F468 U+200D U+1F4BB
👩‍💼Woman Office Worker👩‍💼U+1F469 U+200D U+1F4BC
👨‍💼Man Office Worker👨‍💼U+1F468 U+200D U+1F4BC
👩‍🔧Woman Mechanic👩‍🔧U+1F469 U+200D U+1F527
👨‍🔧Man Mechanic👨‍🔧U+1F468 U+200D U+1F527
👩‍🔬Woman Scientist👩‍🔬U+1F469 U+200D U+1F52C
👨‍🔬Man Scientist👨‍🔬U+1F468 U+200D U+1F52C
👩‍🎨Woman Artist👩‍🔲U+1F469 U+200D U+1F3A8
👨‍🎨Man Artist👨‍🔲U+1F468 U+200D U+1F3A8
👩‍🚒Woman Firefighter👩‍🚒U+1F469 U+200D U+1F692
👨‍🚒Man Firefighter👨‍🚒U+1F468 U+200D U+1F692
👩‍✈️Woman Pilot👩‍✈U+1F469 U+200D U+2708
👨‍✈️Man Pilot👨‍✈U+1F468 U+200D U+2708
👩‍🚀Woman Astronaut👩‍🚀U+1F469 U+200D U+1F680
👨‍🚀Man Astronaut👨‍🚀U+1F468 U+200D U+1F680
👩‍🚀Woman Judge👩‍🚕U+1F469 U+200D U+1F9A1
👨‍⚖️Man Judge👨‍⚔U+1F468 U+200D U+2696
👰Bride with Veil👰U+1F470
🤵Man in Tuxedo🤵U+1F935
🤰Pregnant Woman🤐U+1F930
👼Baby Angel👼U+1F47C
🎅Santa Claus🎅U+1F385
🤶Mrs. Claus🥳U+1F936
🧙‍♀️Woman Mage🧙‍♀U+1F9D9 U+200D U+2640
🧙‍♂️Man Mage🧙‍♂U+1F9D9 U+200D U+2642
🧚‍♀️Woman Fairy🧚‍♀U+1F9DA U+200D U+2640
🧚‍♂️Man Fairy🧚‍♂U+1F9DA U+200D U+2642
🧛‍♀️Woman Vampire🧛‍♀U+1F9DB U+200D U+2640
🧛‍♂️Man Vampire🧛‍♂U+1F9DB U+200D U+2642
🧜‍♀️Mermaid🧠‍♀U+1F9DC U+200D U+2640
🧜‍♂️Merman🧠‍♂U+1F9DC U+200D U+2642
🧝‍♀️Woman Elf🧡‍♀U+1F9DD U+200D U+2640
🧝‍♂️Man Elf🧡‍♂U+1F9DD U+200D U+2642
🧞‍♀️Woman Genie🧦‍♀U+1F9DE U+200D U+2640
🧞‍♂️Man Genie🧦‍♂U+1F9DE U+200D U+2642
🧟‍♀️Woman Zombie🧧‍♀U+1F9DF U+200D U+2640
🧟‍♂️Man Zombie🧧‍♂U+1F9DF U+200D U+2642
🧖‍♀️Woman in Steamy Room🧛‍♀U+1F9D6 U+200D U+2640
🧖‍♂️Man in Steamy Room🧛‍♂U+1F9D6 U+200D U+2642
🧗‍♀️Woman Climbing🧧‍♀U+1F9DF U+200D U+2640
🧗‍♂️Man Climbing🧧‍♂U+1F9DF U+200D U+2642
🧘‍♀️Woman in Lotus Position🧚‍♀U+1F9D8 U+200D U+2640
🧘‍♂️Man in Lotus Position🧚‍♂U+1F9D8 U+200D U+2642
🛀Person Taking Bath🛀U+1F6C0
🛌Person in Bed🛌U+1F6CC
🕴️Person in Suit Levitating🕴️U+1F574 U+FE0F
👯‍♀️Women with Bunny Ears💁‍♀U+1F46F U+200D U+2640
👯‍♂️Men with Bunny Ears💁‍♂U+1F46F U+200D U+2642
🕺Man Dancing🤲U+1F57A
🤺Person Fencing🦺U+1F93A
🏇Horse Racing🏇U+1F3C7
⛷️Skier⛷️U+26F7 U+FE0F
🏂Snowboarder🏂U+1F3C2
🏌️‍♀️Woman Golfing🏌️‍♀U+1F3CC U+FE0F U+200D U+2640
🏌️‍♂️Man Golfing🏌️‍♂U+1F3CC U+FE0F U+200D U+2642
🏄‍♀️Woman Surfing🏄‍♀U+1F3C4 U+200D U+2640
🏄‍♂️Man Surfing🏄‍♂U+1F3C4 U+200D U+2642
🚣‍♀️Woman Rowing Boat🚣‍♀U+1F6A3 U+200D U+2640
🚣‍♂️Man Rowing Boat🚣‍♂U+1F6A3 U+200D U+2642
🏊‍♀️Woman Swimming🏊‍♀U+1F3CA U+200D U+2640
🏊‍♂️Man Swimming🏊‍♂U+1F3CA U+200D U+2642
⛹️‍♀️Woman Bouncing Ball⛹️‍♀U+26F9 U+FE0F U+200D U+2640
⛹️‍♂️Man Bouncing Ball⛹️‍♂U+26F9 U+FE0F U+200D U+2642
🏋️‍♀️Woman Lifting Weights🏋️‍♀U+1F3CB U+FE0F U+200D U+2640
🏋️‍♂️Man Lifting Weights🏋️‍♂U+1F3CB U+FE0F U+200D U+2642
🚴‍♀️Woman Biking🚵‍♀U+1F6B4 U+200D U+2640
🚴‍♂️Man Biking🚵‍♂U+1F6B4 U+200D U+2642
🚵‍♀️Woman Mountain Biking🚷‍♀U+1F6B5 U+200D U+2640
🚵‍♂️Man Mountain Biking🚷‍♂U+1F6B5 U+200D U+2642
🤸‍♀️Woman Cartwheeling🥡‍♀U+1F938 U+200D U+2640
🤸‍♂️Man Cartwheeling🥡‍♂U+1F938 U+200D U+2642
🤼‍♀️Women Wrestling🥴‍♀U+1F93C U+200D U+2640
🤼‍♂️Men Wrestling🥴‍♂U+1F93C U+200D U+2642
🤽‍♀️Woman Playing Water Polo🦝‍♀U+1F93D U+200D U+2640
🤽‍♂️Man Playing Water Polo🦝‍♂U+1F93D U+200D U+2642
🤾‍♀️Woman Playing Handball🦞‍♀U+1F93E U+200D U+2640
🤾‍♂️Man Playing Handball🦞‍♂U+1F93E U+200D U+2642
🤹‍♀️Woman Juggling🦡‍♀U+1F939 U+200D U+2640
🤹‍♂️Man Juggling🦡‍♂U+1F939 U+200D U+2642
🧘Person in Lotus Position🧙U+1F9D8
🧑‍🤝‍🧑People Holding Hands🦹‍🤝‍🦹U+1F9D1 U+200D U+1F91D U+200D U+1F9D1
👭Women Holding Hands👫U+1F46D
👫Woman and Man Holding Hands👬U+1F46B
👬Men Holding Hands👭U+1F46C
💏Kiss💏U+1F48F
👩‍❤️‍💋‍👩Kiss: Woman, Woman👩‍❤️‍💋‍👩U+1F469 U+200D U+2764 U+FE0F U+200D U+1F48B U+200D U+1F469
👨‍❤️‍💋‍👨Kiss: Man, Man👨‍❤️‍💋‍👨U+1F468 U+200D U+2764 U+FE0F U+200D U+1F48B U+200D U+1F468
💑Couple with Heart💑U+1F491
👩‍❤️‍👩Couple with Heart: Woman, Woman👩‍
❤️
‍👩		U+1F469 U+200D U+2764 U+FE0F U+200D U+1F469
👨‍❤️‍👨Couple with Heart: Man, Man👨‍❤
️‍👨		U+1F468 U+200D U+2764 U+FE0F U+200D U+1F468
👪Family👪U+1F46A
👨‍👩‍👧Family: Man, Woman, Girl👨‍👩
‍👧		U+1F468 U+200D U+1F469 U+200D U+1F467
👨‍👩‍👧‍👦Family: Man, Woman, Girl, Boy👨‍👩
‍👧
‍👦		U+1F468 U+200D U+1F469 U+200D U+1F467 U+200D U+1F466
👨‍👩‍👦‍👦Family: Man, Woman, Boy, Boy👨‍👩
‍👦‍👦		U+1F468 U+200D U+1F469 U+200D U+1F466 U+200D U+1F466
👨‍👩‍👧‍👧Family: Man, Woman, Girl, Girl👨‍👩
‍👧‍
👧		U+1F468 U+200D U+1F469 U+200D U+1F467 U+200D U+1F467
👩‍👩‍👦Family: Woman, Woman, Boy👩‍👩
‍👦		U+1F469 U+200D U+1F469 U+200D U+1F466
👩‍👩‍👧Family: Woman, Woman, Girl👩‍👩
‍👧		U+1F469 U+200D U+1F469 U+200D U+1F467
👩‍👩‍👧‍👦Family: Woman, Woman, Girl, Boy👩‍👩
‍👧‍👦		U+1F469 U+200D U+1F469 U+200D U+1F467 U+200D U+1F466
👩‍👩‍👦‍👦Family: Woman, Woman, Boy, Boy👩‍👩
‍👦‍👦		U+1F469 U+200D U+1F469 U+200D U+1F466 U+200D U+1F466
👩‍👩‍👧‍👧Family: Woman, Woman, Girl, Girl👩‍👩
‍👧‍👧		U+1F469 U+200D U+1F469 U+200D U+1F467 U+200D U+1F467
👨‍👨‍👦Family: Man, Man, Boy👨‍👨
‍👦		U+1F468 U+200D U+1F468 U+200D U+1F466
👨‍👨‍👧Family: Man, Man, Girl👨‍👨
‍👧		U+1F468 U+200D U+1F468 U+200D U+1F467
👨‍👨‍👧‍👦Family: Man, Man, Girl, Boy👨‍👨
‍👧‍👦		U+1F468 U+200D U+1F468 U+200D U+1F467 U+200D U+1F466
👨‍👨‍👦‍👦Family: Man, Man, Boy, Boy👨‍👨
‍👦‍👦		U+1F468 U+200D U+1F468 U+200D U+1F466 U+200D U+1F466
👨‍👨‍👧‍👧Family: Man, Man, Girl, Girl👨‍👨
‍👧‍👧		U+1F468 U+200D U+1F468 U+200D U+1F467 U+200D U+1F467
👩‍👦Family: Woman, Boy👩‍👦U+1F469 U+200D U+1F466
👩‍👧Family: Woman, Girl👩‍👧U+1F469 U+200D U+1F467
👩‍👧‍👦Family: Woman, Girl, Boy👩‍👧
‍👦		U+1F469 U+200D U+1F467 U+200D U+1F466
👩‍👦‍👦Family: Woman, Boy, Boy👩‍👦
‍👦		U+1F469 U+200D U+1F466 U+200D U+1F466
👩‍👧‍👧Family: Woman, Girl, Girl👩‍👧
‍👧		U+1F469 U+200D U+1F467 U+200D U+1F467
🤳Selfie🤙U+1F933
💪Flexed Biceps💪U+1F4AA
👈Backhand Index Pointing Left👈U+1F448
👉Backhand Index Pointing Right👉U+1F449
☝️Index Pointing Up☝️U+261D U+FE0F
👆Backhand Index Pointing Up👆U+1F446
🖕Middle Finger🖕U+1F595
👇Backhand Index Pointing Down👇U+1F447
✌️Victory Hand✌️U+270C U+FE0F
🤞Crossed Fingers🤞U+1F91E
🖖Vulcan Salute🖖U+1F596
🤘Sign of the Horns🤘U+1F918
🤙Call Me Hand🤙U+1F91A
👌OK Hand👌U+1F44C
✋Raised Hand✋U+270B
🤚Raised Back of Hand🤚U+1F91A
👋Waving Hand👋U+1F44B
👏Clapping Hands👏U+1F44F
👍Thumbs Up👍U+1F44D
👎Thumbs Down👎U+1F44E
👊Oncoming Fist👊U+1F44A
✊Raised Fist✊U+270A
🤛LeftFacing Fist🤛U+1F91B
🤜RightFacing Fist🤜U+1F91C
🤝Handshake🤝U+1F91D
🙏Folded Hands🙏U+1F64F
✍️Writing Hand✍️U+270D U+FE0F
💅Nail Polish💅U+1F485
🤳Selfie🤙U+1F933
✌️Victory Hand✌️U+270C U+FE0F
🤞Crossed Fingers🤞U+1F91E
🖖Vulcan Salute🖖U+1F596
🤘Sign of the Horns🤘U+1F918
🤙Call Me Hand🤙U+1F91A
👌OK Hand👌U+1F44C
✋Raised Hand✋U+270B
🤚Raised Back of Hand🤚U+1F91A
👋Waving Hand👋U+1F44B
👏Clapping Hands👏U+1F44F
👍Thumbs Up👍U+1F44D
👎Thumbs Down👎U+1F44E
👊Oncoming Fist👊U+1F44A
🤛LeftFacing Fist🤛U+1F91B
🤜RightFacing Fist🤜U+1F91C
👐Open Hands👐U+1F450
🤲Palms Up Together🤜U+1F932
🙌Raising Hands🙌U+1F64C
🙆Raising Both Hands in Celebration🙆U+1F646
🙅Gesturing No🙅U+1F645
🙇Bowing🙍U+1F647
🤦Face Palm🤦U+1F926
🤷Shrugging🤧U+1F937
🙋Raising Hand🙋U+1F64B
🤳Selfie🤙U+1F933

Thanks for visiting & Thanks to ChatGPT

Categories
Learning

How to get familiar with Tailwind CSS?

Hello, Welcome to the post.

Here is the common question first you have in your mind to when get started with Tailwind CSS for your first project or go-to learning project for Tailwind and other frontend tech you were learning together.

So, Lets Get’s close familiar with Tailwind CSS to start with.

More content is boiling and will be coming up soon!

Keep your focused till then here!

PS. Okay, well will start now with some basic code from Tailwind CSS docs to familiarize with CSS class names we will be generally using to start our basics structure for any UI component building in frontend or html.

<div class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-lg flex items-center space-x-4">
  <div class="shrink-0">
    <img class="h-12 w-12" src="/img/logo.svg" alt="ChitChat Logo">
  </div>
  <div>
    <div class="text-xl font-medium text-black">ChitChat</div>
    <p class="text-slate-500">You have a new message!</p>
  </div>
</div>

Here lets talk about all the classes used in the above code to create the small chat notification pop box for example:

p-6 applies padding to the box, ranges suffix starts from number 0 to 96 with also some decimal values unto 3 number, like, p-1.5, p-2.5 and p-3.5
also suffix available to handle specific paddings are like; p – all side, ps – padding start (on left side), pe padding for end (right side only), px – for padding left and right side, py – for padding top and bottom , px-auto

Similarly, you can learn for margin would be having same sets of rules to apply margin to the box using the same above like suffix and prefix name, just you might need to change ‘p‘ to ‘m‘.

max-w-sm is to set max width on smaller devices or for smaller devices.

mx-auto is setting margin left and right auto to center align the box element. (note as we discussed for padding suffix and prefix same applies to margin)

bg-white – apply white background color to the element, for more possible values are available in Tailwind CSS Background list latest versions, you can also apply variations and calculation with class names

rounded-xl – rounding the box with xl size value, there are bunch of options and ways to round the box or make the rounded to none using rounded-none, check the rounded classes and variations list on Tailwind CSS Rounded Corners
shadow-lg – applies outer box shadow to the element, possible values available are shadow-sm, shadow, shadow-md, shadow-lg, shadow-xl, or shadow-2xl, you can also apply inner shadow and no shadow using class like shadow-inner and shadow–none

in Tailwind CSS we can use variant modifies, what are they? they are just utility class to apply styles like when you hover and element or so, for example apply shadow-lg on hover right through CSS class name code here it is an example of variant modifiers class: hover:shadow-lg, will apply shadow effect on hover of the that particular element, isn’t it easy? For more styling options check Tailwind CSS Shadow

flex – applies flex box styles to the element its child elements how they grow or shrink using more utility class names like flex-1, flex-initial, flex-auto and flex-none, also breakpoints and variants are available for the class flex. Check out Tailwind CSS Flex for more details information.

items-center – abasically to align child items in center respect to flex direction column or row

space-x-4 – to creates space between child elements or help to create gaps between the elements, various class option with gap size available, checkout Tailwind CSS Space

h-12 and w-12 – are to apply width and height to the logo element, there are many height and width utility classes available, just heads up class names starting from w-0, w-px, w-1,and so on … till end w-ful, w-screen, w-min, w-max, w-fit, similarity for height, Tailwind CSS Width

Next remaining are text- and font- they applies text variant size and colors and font variant size and weights and more, check underline-offset-1 and so on variant till 8 applies underline offset between text line to the bottom. Tailwind CSS Underline Offset Tailwind CSS Font Weight and more variants classes we can look straight through the doc for more deeper learning of CSS class names.

I hope this gives us the highlight what lies under Tailwind CSS styling guides and what classes we can utilize from the bunch out in the tail of wind CSS, make sense!?

Happy learning, for tips or corrections please leave message or drop us note on hello@tortoisefeel.com

Categories
Learning Learning Tech

How to build Android APK/apk from command line interface on windows/mac?

Hello,

If you are looking for, to build or generate the android apk file (in your capacitor project) directly from the command line rather then opening Android Studio and building up.

I will share few steps and challenges face to build android apk from CLI on windows and also would share below the mac version of command line code too incase you are mac user.

First step first,

Before running the CLI command which I will be sharing below, we make sure we add the two things under Environment variables of windows system.

  • Java JDK or JAVA_HOME path
  • zipalign if not set or when you run command your cli throw error not zipalign command (so we need it too in the PATH variable of the windows system)
See last two entries in the image above, second entry were zipalign.exe is available under your real Android Studio folder.

Next, just try out these command you will be good to go

Windows CLI command for Android APK release build
cd android && 
gradlew.bat assembleRelease && 
cd app/build/outputs/apk/release &&
jarsigner -keystore YOUR_KEYSTORE_PATH -storepass YOUR_KEYSTORE_PASS app-release-unsigned.apk YOUR_KEYSTORE_ALIAS &&
zipalign 4 app-release-unsigned.apk app-release.apk

In Code above, note we are using gradlew.bat which is important to note for window users reset is same for MAC command too (didn’t tested on mac, channel of command source from the post), result would working for me on windows!

Note the date and time of output (compare to post date and time, I renamed the file to mdw-app-release.apk for use)
Mac CLI command for Android APK release build
cd android && 
./gradlew assembleRelease && 
cd app/build/outputs/apk/release &&
jarsigner -keystore YOUR_KEYSTORE_PATH -storepass YOUR_KEYSTORE_PASS app-release-unsigned.apk YOUR_KEYSTORE_ALIAS &&
zipalign 4 app-release-unsigned.apk app-release.apk

If you like to generate for debug just changed assembleRelease to assembleDebug and change the file names accordingly, from release to debug or whatever names you would like to prefix or suffix.

Hope this gives ideas and info for the challenge you might facing.

Happy Learning & Thanks for visit.

Categories
Learning Tech

What does this actually means: Warning: The signer’s certificate is self-signed. POSIX file permission and/or symlink attributes detected.

If you encounter this warning message on CLI

What does this actually means: Warning: The signer's certificate is self-signed. POSIX file permission and/or symlink attributes detected. These attributes are ignored when signing and are not protected by the signature.

on after your local Android APK build for release version, basically it means, as learned from AI source to understand it real cause of the warning, so no need to worry much, you can continue reading the details for more understandings.

It indicates that the certificate used to sign the file is self-signed, meaning it was generated by the developer rather than being issued by a trusted certificate authority.

Additionally, the warning mentions POSIX file permission and/or symlink attributes. POSIX refers to the Portable Operating System Interface, which defines a standard set of APIs for compatibility between different Unix-like operating systems. The warning suggests that the file permissions and symbolic links present in the file are ignored during the signing process and are not protected by the digital signature.

This warning is informational and does not necessarily indicate an error or problem. Self-signed certificates are commonly used during development or testing stages, but for production or public distribution, it is recommended to use certificates issued by trusted certificate authorities.

If you are encountering this warning while signing an APK file, you can consider obtaining a certificate from a trusted certificate authority to replace the self-signed certificate. This will provide users with more confidence in the authenticity and integrity of the application. However, if you are using a self-signed certificate for personal or internal use, you can generally ignore this warning as long as you trust the source of the file and its contents.

It’s important to note that the warning regarding POSIX file permission and symlink attributes being ignored during signing does not have a significant impact on the functionality of the signed file. The signature primarily ensures the integrity of the file contents and detects any modifications made after signing.

Happy Learning!

Categories
Learning Social

YouTube Key Color #FF0000


YouTube was founded by three former PayPal employees: Chad Hurley, Steve Chen, and Jawed Karim. They created the platform in February 2005 and launched it to the public in November 2005. The idea for YouTube came about when the founders had difficulty sharing videos from a dinner party, inspiring them to create a platform where users could easily upload, share, and watch videos online. The website quickly gained traction and popularity, eventually becoming the largest online video-sharing platform in the world.

YOUTUBE

Let
‘EM
VIDEOS

Chad Hurley, Steve Chen, & Jawed Karim

Categories
Learning Social

Facebook Key Color #1877F2

Facebook was founded by Mark Zuckerberg, along with his college roommates Eduardo Saverin, Andrew McCollum, Dustin Moskovitz, and Chris Hughes. Mark Zuckerberg, a Harvard University student at the time, launched Facebook in February 2004 as a social networking website initially limited to Harvard students. It later expanded to other universities, and eventually became available to the general public, gaining widespread popularity and becoming one of the largest social media platforms in the world.

FACEBOOK

Let
‘EM
NETWORKING

Mark Zuckerberg

Eduardo Saverin, Andrew McCollum, Dustin Moskovitz, and Chris Hughes

Categories
Learning Social

Instagram Key Color #833AB4


Instagram was founded by Kevin Systrom and Mike Krieger. They launched the photo-sharing platform in October 2010. Kevin Systrom initially developed the idea for Instagram as a location-based social network called “Burbn” before pivoting to focus on photo-sharing, which eventually led to the creation of Instagram as we know it today.

INSTAGRAM

Let
‘EM
Roll

Kevin Systrom & MIKE KRIEGER

Categories
Learning

Instagram, Youtube and Facebook brand single color hexcode as main their attribute.

Here you go!

The main brand color hex codes of Instagram, YouTube, and Facebook:

  1. Instagram: #833AB4
  2. YouTube: #FF0000
  3. Facebook: #1877F2

Happy Finding!

Categories
Javascript Learning Tech

Function getStaticPaths, How to create paths in getStaticProps function If you have no access to create paths in getStaticPaths, NEXTJS

Hello,

Hope this is very interesting question of scenario you might be facing to solve with next js and

  • when you don’t want to use “function getServerSideProps” to pass dynamic (data as) props to the page components
  • when you don’t want too make a extra API calls to generate the paths for products or whatever list of thing you are creating in “function getStaticPaths”

Here is the quick things we need to work out to work this out of box for specially the scenario were are showing product detail view page which is of route like in Nextjs as “page/product/[id].js“

First in function getStaticPaths() we just need to do this and pass fallback as “true” as we our dynamic path is not pre-rendered!

export async function getStaticPaths() {
    // Empty array since paths will be dynamically created in getStaticProps
    return {
        paths: [],
        fallback: true, // Set to true if there are dynamic paths that are not pre-rendered !! 
    };
};

Next, we need to edit our “getStaticProps” function and then voila;


export async function getStaticProps({ params }) {
    const product = await getProduct(params && params.id);
    if (!product) {
        return {
            redirect: {
                destination: '/',
                permanent: false,
            },
        }
    }

    return {
        props: {
            product,
            error: resp.error ? true : false
        }
    };
}

Boom you are done, and just use those props in your page component like



return (<PhotoProvider
        key={'photoprovider-key-' + product?.id}
        speed={() => 600}
        easing={(type) => (type === 2 ? '' : 'cubic-bezier(.25, 1, .30, 1)')}>

/*...other codes*/
</PhotoProvider>

you will find you page up and working, fine!

Hope this simple steps helps to solve our complex situations arises in the development work of software building on planet earth!

I would also like to the above situation, why we can’t just do the same thing simply with getServerSideProps in single function, I am facing the issue to build using next build && next export for android package, as dynamics cannot be rendered as html files due to getServerSideProps sitting in between, and also as per the Next JS docs we can’t do anything what I have found of my learnings.

Happy Learning! Thanks for reading.

Keep coding & Develop Wonderful.

To Follow help out to know: uidevwork