Teerapat Anantarattanachai’s Post

If a page is not rendering properly, it can lead to a significant decrease in traffic. For Podium, a site migration with more javascript-heavy elements on their pages led to a 25% dip in traffic. Together with Graphite, Podium was able to quickly diagnose the issue and implement a complex rendering solution called hydration. Hydration allows a web application or page to reach its interactive state after it is rendered on the server side. Within days, pages began to recover, and the site returned to normal traffic levels after two weeks. Read more below.

💡 HTML Tip of the Day: The <picture> Tag I recently discovered the picture tag in html. This powerful tag allows you to define multiple sources for an image. This tag helps optimizing your images for different devices and screen sizes. How It Works: 1.Large Screens: If the viewport is 1200px pixels wide, the browser will use img/hero-desktop.jpg. 2.Medium Screens: If the viewport is between 768px and 1199 pixels wide, the browser will use img/hero-tablet.jpg. 3.Small Screens: If the viewport is less than 768px pixels wide, the browser will use img/hero-mobile.jpg specified in the image tag. #bytewise #bytewisefellowship #HTML

BuddyX Theme v4.7.2 is live with new features, improvements, and bug fixes! Enhance your community website with the latest updates. Check out the changelog for all the details: Changelog: https://lnkd.in/gMQxrB75 #WordPress #BuddyXTheme #CommunityWebsite #WebDesign #Update

#Paper_Muncher: o-html2pdf Engine Getting Ready to Replace wkhtmltopdf "What is the scope of the POC?" The primary goal is to generate a substantial general ledger at least 100x faster than wkhtmltopdf, without compromising any steps in the HTML/CSS parsing, styling, and layout process. Repository: https://lnkd.in/d72grtzV FAQ: https://lnkd.in/dNPfEXRm #odoo #odoohtmltopdf #papermuncher

#PaperMuncher: o-html2pdf Engine Getting Ready to Replace wkhtmltopdf "What is the scope of the POC?" The primary goal is to generate a substantial general ledger at least 100x faster than wkhtmltopdf, without compromising any steps in the HTML/CSS parsing, styling, and layout process. Repository: https://lnkd.in/gAZjnzPB FAQ: https://lnkd.in/gBKp75G6 #odoo #htmltopdf #odoodev #odoodevelopment #engine

🚀 Exciting Update Alert! 🚀 Recently we're updated our most popular ghost theme "Newsportal" ✨ What’s New? 👉Custom Time Zone Field, Logo size, image lightbox 👉Replace all jQuery files to Javascript 👉 Remove Disqus Comment box from dashboard 👉Enhanced design for easier navigation 👉Improved performance and loading speed 👉Seamless support for Ghost's latest features Upgrade now and elevate your website with these new features! 🔥 Click here to see Newsportal: https://lnkd.in/g_mqBp9D #NewsTheme #GhostBlogTheme #NewsPortal #BlogDesign #WebDesign #GhostCMS #MagazineTheme #BloggersLife

Imagine if the building #blocks on your website were this #BIG. You want a #map, just #drop it on your page and #configure with #right #click menus. #nocode websites give you this #ease and #power. Sure beats #drawing map images or #struggling with code.

Navigation Menu Drop Down Icon Colour Change. That is all. https://lnkd.in/eDgBtb5V

Tired of bulky icon libraries slowing down your website? 🐌 Have a look at Iconify Icon, the lightweight icon library that only loads the icons you use! 🚀 Say TATA to large icon sets and say hello to a faster, more efficient way to add icons to your web pages. 👋 Iconify Icon uses SVGs and Web Components and retrieves icon data from the Iconify API, so icons are loaded at runtime (but you have the option to make them load at build time). 💰 Plus, it offers features like icon transformations and shadow DOM for even more flexibility. 😎 More than 1,50,000 icons from every popular icon library, be it Material Icons, Feather, Bootstrap Icons, Font-awesome, or any other library you have ever heard of. 🏆 What are you waiting for? Try Iconify Icon today and see the difference! ✨ https://lnkd.in/ggWnjfEZ #iconify #iconlibrary #svg #webcomponents #performanceoptimization #opensource #frontendperformance #webdesign #webdev #frontenddev #developer #javascript #reactjs #vuejs #angular

By adding "accept" attribute in HTML input with "type" as a file, the input can be able to access image, audio and video captured by the device's camera and microphone. #HTML