Tweets Analysis - Keyword: @CodePen
Overview
Total number of tweets analysed
388
Earliest tweet was on
2023-03-17
Latest tweet was on
2023-03-26
Tweets covering
9 days
Average age of authors' accounts
7 years
Types of Tweets
Number of Retweets
88
Percentage of total tweets
22%
Number of Original tweets
83
Percentage of total tweets
21%
Number of tweets that contain Mentions
388
Percentage of total tweets
100%
Number of tweets that were Replies
213
Percentage of total tweets
54%
Number of tweets that were Quotes
22
Percentage of total tweets
5%
Number of tweets that contain Hashtags
93
Percentage of total tweets
23%
Top 5 devices used to tweet
| Source | Count |
|---|---|
| Twitter Web App | 202 |
| Twitter for Android | 87 |
| Twitter for iPhone | 78 |
| TweetDeck | 4 |
| TweetDeck Web App | 4 |
What devices were used to tweet
Top 10 accounts with highest followers count
| Username | Name | Bio | Followers count |
|---|---|---|---|
| CodePen | CodePen.IO | Build, test, and discover front-end code ๐ป Support: https://t.co/VsjoQWHgIr | 183,769 |
| florinpop1705 | Florin Pop ๐จ๐ปโ๐ป | Dev and YouTuber ๐ Working on @iCodeThis - ๐ป YouTube: https://t.co/mAeUm68Aoz - ๐ eBook: https://t.co/65LDnooHLM - ๐ฅ Courses: https://t.co/ebXG1MdhLd | 162,046 |
| jh3yy | jhey ๐จ๐ปโจ | โก๏ธ Showing you how to bring ideas to life with code ๐ผ Snr. Web Eng - Open to opportunities ๐ซก Ex-Google ๐ฆฃ https://t.co/UMqvjI8ZC4 ๐บ https://t.co/7FlZg84Rr8 โค @seaotta | 54,411 |
| MrAhmadAwais | Ahmad Awais | ๐ VP DevRel @Rapid_API ๐ @GitHub Star ๐ฆ @GoogleDevs Expert ๐ Award-winning Eng. โ https://t.co/5FvGtbp3OA As quoted by @SatyaNadella "what an awesome example for devs" | 47,553 |
| memdotai | Mem | Your self-organizing workspace. Get Mem It for Twitter: https://t.co/PXu0Fqq8k1โฆ Website: https://t.co/XSDVK00mbv Community: https://t.co/arZa1ml8IS | 46,094 |
| jenny____ai | Jenny AI | :) โข #AI โข #NoCode โข #AR โข Consumer Marketing Insights @Microsoft, opinions my own | 37,689 |
| Eli_Krumova | Elitsa Krumova | |#Digital ๐ฆ Nomad| |#WomeninTech| #Influencer @Onalytica | @WomenTechmakers |#Tech #IoT #IIoT #AI #ML #RPA #Robotics #CyberSec #IoTPL |#SocialMedia #Marketing| | 34,153 |
| marcobrunodev | MarcoBrunoD3v ๐ง๐ท ๐ธ๐ช | I'm Developer Full Stack/Web3 and I love to teach what I know Streamer @INTZ | 25,105 |
| shashiwhocodes | Shashi Lo | Senior Software Engineer @Microsoft | Ex: @adobe | Husband, Father of 4 | Helping Devs break into tech | Opinions are my own | #hmong | 24,843 |
| greensock | GreenSock | Makers of GSAP, the standard for JavaScript animation. https://t.co/8l5aB01mhl | 22,510 |
Top 10 accounts with highest friends count
| Username | Name | Bio | Followers count |
|---|---|---|---|
| Eli_Krumova | Elitsa Krumova | |#Digital ๐ฆ Nomad| |#WomeninTech| #Influencer @Onalytica | @WomenTechmakers |#Tech #IoT #IIoT #AI #ML #RPA #Robotics #CyberSec #IoTPL |#SocialMedia #Marketing| | 25,552 |
| yoheinakajima | Yohei | GP @UntappedVC. Artist: @pixelbeastsnft, @animalbuildings. Build-in-public log: https://t.co/UdHHGbZba5 | 6,891 |
| loige | Luciano Mammino ๐ Node.js Design Patterns | #AWS #Serverless Hero & MVP. Senior Architect @fourTheorem, author of ๐ https://t.co/Vhhe4G48Nf & โ๏ธ https://t.co/XMK2BWxVrL #Nodejs, #JavaScript, #Rust ๐ฆ & #Cloud โ๏ธ | 5,746 |
| ialuronico | Simone Romano โ๏ธ๐๏ธ๐ญ๐๏ธ | ๐ค machine learning products. X-(Bigtech+, researcher) | 4,776 |
| philipbr12 | Philip Bryan | Learner | 4,771 |
| heylizelle | Lizelle van Vuuren | 5 x Founder โข Storyteller โข Marketer โข Growth โข Venture Partner โข Advisor @OwnTrail โข Founder @WomenWhoStartup โข Prev: Co-founder @UndockHQ ๐ฟ๐ฆ๐ณ๏ธโ๐ | 3,934 |
| branmcconnell | Brandon McConnell ๐บ๐ฆโ | Jesus follower โ๏ธ and Front-End Engineer โก๏ธ Exploring the rapidly changing world of HTML, CSS, & JS. I share tips, tricks, and front-end magic ๐ชโจ #codeinpublic | 3,409 |
| fmuaddib | SVG-News-Hub | Your one stop feed for all the SVG news. Managed by Emanuele Sabetta. | 3,311 |
| namboozle | Andy Hawkes | Freelance web developer, UX designer, photographer, technology enthusiast, MTB, bouldering, aviation and music lover. #avgeek #webdev | 2,964 |
| jonkantner | Jon Kantner | Web developer. Weird ideas abound. Wrote for @css. | 2,872 |
Most active users
| Username | Bio | Number of tweets |
|---|---|---|
| jh3yy | โก๏ธ Showing you how to bring ideas to life with code ๐ผ Snr. Web Eng - Open to opportunities ๐ซก Ex-Google ๐ฆฃ https://t.co/UMqvjI8ZC4 ๐บ https://t.co/7FlZg84Rr8 โค @seaotta | 40 |
| LukyVJ | Senior frontend Engineer @algolia - #CSS โค๏ธ - Everywhere: @lukyvj โ https://t.co/WjC4Cyh8ap - Plants, animals & #CSS enthusiast โ https://t.co/JGap2CEQ3p | 12 |
| ChallengesCss | ๐๐ฆ๐ฆ by ๐ง๐ฒ๐บ๐ฎ๐ป๐ถ ๐๐ณ๐ถ๐ณ ๐https://t.co/KgsRpeby7Q โ๏ธhttps://t.co/UtXPa9iUiT ๐https://t.co/oOgtxdf5i9 ๐งฑhttps://t.co/0bhdtiVFTU ๐ฎhttps://t.co/518DxoJg9w ๐จhttps://t.co/sZ8q2fgRBB | 8 |
| kdenerz | Consultant & Architect & Coach & tej @thinktecture; I help people make things easier and faster; export const {๐ ฐ๏ธngular,Material,UXโก๏ธUI,nvim,๐ น๐,โธโโ} = โค๏ธ; | 7 |
| Furqanware | Full-time programmer by day, coding enthusiast by night. Follow me for a glimpse into the life of a programmer who is 90% caffeine and 10% bug fixes. | 6 |
| LUISJAV98819500 | La Derecha es la mejor opciรณn para que nuestro paรญs crezca, ya que el Mercado se vuelve el mejor generador de la vida social. | 6 |
| WebIsBae | ๐ฏ Unlock the full potential of Webflow with Code ๐จโ๐ป Javascript dev @thatsfinsweet. ๐ฝ Tutorials on YouTube. ๐ซก Navy Submarine Veteran | 5 |
| seanabidemi | GGMUโค๏ธโค๏ธ | 5 |
| aaroniker_me | Design & Frontend @column Building @getdona - @joincheck | 5 |
| AbakarM23507033 | - | 5 |
Tweets per day
Top 10 tweets with highest Retweet count
| ID | Text | Retweet count |
|---|---|---|
| 1636848636356116481 | Future UI Tip! ๐ฎ Create popups with HTML & CSS alone โ No z-index fighting ๐ - Keyboard controls and autofocus - Light dismiss - Styleable backdrop This is all you need! ๐ <button popovertarget=pop>Toggle</button> <div popover id=pop>Popover!</div> @CodePen link below! ๐ฅ https://t.co/p5iBmmaqXU https://t.co/3RToH3ccvT | 95 |
| 1639000402300489742 | CSS Tip! โจ How do you animate these particles? ๐ Use transform-origin!๐ .particle {transform-origin:var(--ox) var(--oy);} .particle:first-of-type {--ox:1000%;--oy: 800%;} keyframes float {to {rotate: 360deg;}} Button concept from @edoardomercati ๐ @CodePen link below! ๐ https://t.co/Dj5mNEDCxJ | 94 |
| 1637932158030581763 | Future UI & CSS Tip! ๐ฎ You could use the Popover API for more than popups! A sliding nav? Light dismiss for free! ๐ค <button popovertarget=nav></button> <nav popover id=nav></nav> Throw in CSS :has() โจ body:has([id=nav]:open){translate:-220px 0;} @CodePen link below! ๐ https://t.co/YXmZE4QOV0 https://t.co/yvluHPPmxw | 55 |
| 1639570762326499328 | ๐จ CSS Pattern! Demo: https://t.co/VqQpmwSNDD via @CodePen More CSS-only patterns ๐ https://t.co/YsaOlFCoVx #CSS https://t.co/LGuCMd63mt | 23 |
| 1638469313731624963 | โจ Button Hover Animation (HTML, CSS, JS) Code / Demo @CodePen https://t.co/0ae8zY04OL Concept by @edoardomercati Created using @greensock https://t.co/ewDseF1Dna | 17 |
| 1639304818929070080 | Pure #CSS 3D camera icons https://t.co/ar9gMV2puz @CodePen https://t.co/r1cXM04q5A | 14 |
| 1637154933379137539 | ๐ Hey "You've got mailโ๏ธ๐ง" Happy to share this sweet icon made with #css and inspired by a cool work of @pisos_pisosych on @layers_to https://t.co/sivzMY3LEQ ๐ฅ Chrome: โ Safari: ๐ง FF: ๐ฅ Small thread & some visual treats ๐ฌ๐ญ @codepen link below โฌ๏ธ #frontend #webdesign https://t.co/DWUQyMXzkl | 13 |
| 1638646319026786305 | An expanding gallery for this week #CodePenChallenge ๐ A CSS-only version with minimal code Demo: https://t.co/MvLFMc4xsi via @CodePen #CSS https://t.co/LQfr5WqXmB | 11 |
| 1637784340351397891 | Check out my new CSS art made with conic gradients โจ. ๐ https://t.co/l88zTyMoK0 via @CodePen #css #conicgradient #art https://t.co/rhPouLfrSl | 6 |
| 1639000405144371201 | Here's that @CodePen! ๐ Shall we do a YouTube video on this one? ๐ https://t.co/vM8dZfN76B | 6 |
Top 10 tweets with highest Like count
| ID | Text | Like count |
|---|---|---|
| 1639000402300489742 | CSS Tip! โจ How do you animate these particles? ๐ Use transform-origin!๐ .particle {transform-origin:var(--ox) var(--oy);} .particle:first-of-type {--ox:1000%;--oy: 800%;} keyframes float {to {rotate: 360deg;}} Button concept from @edoardomercati ๐ @CodePen link below! ๐ https://t.co/Dj5mNEDCxJ | 846 |
| 1636848636356116481 | Future UI Tip! ๐ฎ Create popups with HTML & CSS alone โ No z-index fighting ๐ - Keyboard controls and autofocus - Light dismiss - Styleable backdrop This is all you need! ๐ <button popovertarget=pop>Toggle</button> <div popover id=pop>Popover!</div> @CodePen link below! ๐ฅ https://t.co/p5iBmmaqXU https://t.co/3RToH3ccvT | 710 |
| 1637932158030581763 | Future UI & CSS Tip! ๐ฎ You could use the Popover API for more than popups! A sliding nav? Light dismiss for free! ๐ค <button popovertarget=nav></button> <nav popover id=nav></nav> Throw in CSS :has() โจ body:has([id=nav]:open){translate:-220px 0;} @CodePen link below! ๐ https://t.co/YXmZE4QOV0 https://t.co/yvluHPPmxw | 418 |
| 1638469313731624963 | โจ Button Hover Animation (HTML, CSS, JS) Code / Demo @CodePen https://t.co/0ae8zY04OL Concept by @edoardomercati Created using @greensock https://t.co/ewDseF1Dna | 219 |
| 1637154933379137539 | ๐ Hey "You've got mailโ๏ธ๐ง" Happy to share this sweet icon made with #css and inspired by a cool work of @pisos_pisosych on @layers_to https://t.co/sivzMY3LEQ ๐ฅ Chrome: โ Safari: ๐ง FF: ๐ฅ Small thread & some visual treats ๐ฌ๐ญ @codepen link below โฌ๏ธ #frontend #webdesign https://t.co/DWUQyMXzkl | 139 |
| 1639570762326499328 | ๐จ CSS Pattern! Demo: https://t.co/VqQpmwSNDD via @CodePen More CSS-only patterns ๐ https://t.co/YsaOlFCoVx #CSS https://t.co/LGuCMd63mt | 112 |
| 1638172824232951810 | Wanna see how I'd remix it for the @CodePen <button> challenge? There are some fun little challenges in here ๐ค Lovely design Edoardo ๐๐ฅ https://t.co/YqoN9zlEIM | 99 |
| 1639304818929070080 | Pure #CSS 3D camera icons https://t.co/ar9gMV2puz @CodePen https://t.co/r1cXM04q5A | 97 |
| 1639000405144371201 | Here's that @CodePen! ๐ Shall we do a YouTube video on this one? ๐ https://t.co/vM8dZfN76B | 79 |
| 1637891919773863937 | ๐ฅณ Whoa! I just got featured on @CodePen Spark for my blog post about getting started with @greensock ! Here's my little thumbnail next to some other great pens! ๐ https://t.co/Nr7F9ZasF5 | 59 |
Top 3 Languages Used In Tweets
Top 10 Hashtags used
| Hashtag | Count |
|---|---|
| #css | 44 |
| #100daysofcode | 10 |
| #webdev | 10 |
| #codepenchallenge | 10 |
| #animation | 9 |
| #frontend | 8 |
| #codepen | 7 |
| #programming | 6 |
| #webdesign | 6 |
| #devcommunity | 4 |
Top 10 Hashtags Used In Tweets
Top 10 mentions
| Mention | Count |
|---|---|
| @codepen | 390 |
| @jh3yy | 76 |
| @edoardomercati | 52 |
| @greensock | 51 |
| @aaroniker_me | 24 |
| @challengescss | 15 |
| @layers_to | 12 |
| @pisos_pisosych | 11 |
| @oguzyagizkara | 11 |
| @jonkantner | 10 |
Top 10 mentions
Wordcloud of Tweets
Emojis
Average number of emojis used per tweet
115
Emojis used in tweets
| Emoji | Count | Emoji Text |
|---|---|---|
| โ | 33 | check_mark_button |
| โจ | 27 | sparkles |
| ๐ | 21 | backhand_index_pointing_down |
| ๐ | 18 | backhand_index_pointing_right |
| ๐ค | 15 | nerd_face |
| ๐ | 15 | link |
| ๐ฅ | 14 | fire |
| ๐ | 12 | eyes |
| ๐ฎ | 12 | crystal_ball |
| ๐ | 11 | smiling_face_with_sunglasses |
Emojis groups
| Emoji Group | Count |
|---|---|
| People & Body | 120 |
| Smileys & Emotion | 120 |
| Activities | 61 |
| Symbols | 56 |
| Objects | 43 |
| Travel & Places | 37 |
| Animals & Nature | 7 |
| Food & Drink | 4 |
| Flags | 1 |