GetEles is born!

👋 Hi there! As a front-end development engineer with over 10 years of experience, browsers and IDEs have been my constant companions. Along the way, I’ve developed a habit of borrowing inspiration from well-designed websites—be it their styles or interactions. Whenever I see something that stands out, I instinctively think about how I can incorporate it into my projects to create an even better experience for my users. 🌟

However, one thing has always bothered me: getting detailed web page or element information is a hassle. Every time, I’d have to press F12 to open the developer tools, dig through endless DOM structures, and often disrupt the original layout or interaction of the page. Sound familiar? 😅

That's what inspired me to create GetEles, a browser extension designed to simplify this process. With just a few clicks, you can quickly access all the information you need—without the distraction of the DevTools interfering with the web page's appearance or functionality. ✨

After a month of development, I’m thrilled to introduce GetEles to you. Its name draws inspiration from the JavaScript method getElementsBy*, reflecting its purpose: making it easier for designers and developers to save time and effort. 🖥️💡

🚀 Features of GetEles

• Web Page Info: Quickly grab essential page details like title, description, and colors.

• Element Details: Inspect an element’s class list, inline styles, margins, paddings, and more.

• Measurement Tool: Measure distances between elements directly on the page.

While the extension isn’t free (to support future updates and improvements), you can try it risk-free! 🌟 Check out the official GetEles website for a free trial version where you can explore most of its features. The trial includes everything except a few shortcut functionalities exclusive to subscribers.

I hope GetEles becomes your go-to assistant for web design and development! Let me know your thoughts, and happy coding! 🚀💻✨

Video: What is GetEles? 📺