Guides
Step-by-step how-tos for Liferay, web development, AI image tools and calculators.
Latest · Web dev · 8 Jul 2026Creating Your First Client Extension: A Step-by-Step Tutorial (globalJS)A beginner-friendly, step-by-step tutorial for building a globalJS client extension in Liferay — run custom JavaScript on any page, or instance-wide, with no theme changes.Web dev · 8 Jul 2026Creating Your First Client Extension: A Step-by-Step Tutorial (globalCSS)A beginner-friendly, step-by-step tutorial for building a globalCSS client extension in Liferay — a site-wide custom stylesheet deployed outside the core, with no theme recompilation.Web dev · 8 Jul 2026Creating Your First Custom Element: A Step-by-Step Tutorial (React Weather Card)Build a React 18 + Clay UI Weather Card custom element for Liferay — externalized React via JS import maps, proper web component lifecycle, and multi-instance placement.Liferay · 8 Jul 2026Creating Your First Liferay Object: A Step-by-Step TutorialA beginner-friendly, step-by-step tutorial for building a working Liferay Object — fields, admin UI, REST API, and permissions — entirely through the Control Panel, no code required.Web dev · 8 Jul 2026Sharing JavaScript Libraries Across Pages: The JS Import Map Entry Client Extension (jsImportMapsEntry)How to use the jsImportMapsEntry client extension in Liferay to share a single copy of React, jQuery, or any JS library across multiple custom elements — loaded once, on demand.Liferay · 8 Jul 2026REST APIs Auto-Generated by Liferay Objects: What You Get Out of the BoxA practical reference for the REST and GraphQL APIs Liferay Objects generate automatically — CRUD endpoints, filtering and sorting, relationships, OAuth 2.0 authentication, and batch operations.Liferay · 8 Jul 2026Liferay Objects Explained: Building Custom Data Models Without CodeHow Liferay Objects let you model custom business data — with auto-generated REST/GraphQL APIs, permissions, and workflows — entirely through a visual, no-code interface.
Web dev · 8 Jul 2026themeCSS Deep Dive: How Liferay's Layer Cake Styling Model WorksAn intermediate-advanced look at Liferay's themeCSS client extension — Bootstrap, Clay, styled/unstyled base themes, SCSS compilation, scope, and theme registration.Web dev · 22 Jun 2026Storybook: The Complete Guide to UI Component Development in IsolationLearn how Storybook — the industry-standard frontend workshop with 90k+ GitHub stars — helps teams build, document, and test UI components in isolation.
Liferay · 18 Jun 2026Liferay Commerce Explained: B2B and B2C on One PlatformA detailed guide to Liferay Commerce — order workflows, PIM, inventory, and B2B features like account hierarchies, contract pricing, quotes, and approval flows.
Liferay · 18 Jun 2026Liferay Hosting Explained: SaaS vs. PaaS vs. Self-HostedA clear guide to Liferay DXP hosting and subscription options — SaaS, PaaS, and Self-Hosted — comparing who manages what, SLAs, customization, and which to choose.
Liferay · 18 Jun 2026Liferay Low-Code: Build Business Apps Without the Hand-CodingA practical guide to Liferay DXP low-code — Objects, Workflows and custom interfaces that let teams digitize business processes without relying on IT for every change.
Liferay · 18 Jun 2026Liferay Personalization: Deliver the Right Experience to Every UserA guide to Liferay DXP personalization — segmentation, user profiles, AI recommendations, and A/B testing that deliver the right content to the right audience.
Web dev · 17 Jun 2026Email.md: Write Responsive HTML Emails in MarkdownA hands-on guide to Email.md (emailmd) — the open-source tool that turns Markdown into bulletproof, email-safe HTML with MJML, directives, themes and a live builder.
AI image & video · 6 Nov 2025Haz tu Fotomontaje con Gemini AI: Plantilla de Pareja + Trend "Crear Foto en Gemini"¿Quieres parecer que te tomaste una foto con tu celebridad favorita? Tutorial fácil para crear una imagen súper realista en pocos pasos usando Gemini AI.
AI image & video · 6 Nov 2025Turn Your 3D Figurine into a Stunning VideoLearn how to bring your favorite 3D figurine to life using HailuoAI Video. Transform a simple 3D image into a professional-looking video with no advanced editing skills required.AI image & video · 15 Sept 20255120 x 1080 Instagram Video TemplateDownload a free 5120 x 1080 Instagram video template perfect for ultra-wide content creation. Optimized for panoramic displays and creative video projects.
AI image & video · 15 Sept 2025ChatGPT Prompts for Architects: Practical Use Cases for Professionals and StudentsDiscover powerful ChatGPT prompts for architects and students. Learn how AI is transforming architecture with practical examples for design, visualization, sustainability, and compliance.
AI image & video · 14 Sept 2025Create AI Polaroid Camera PhotoStep-by-step guide on how to create AI Polaroid-style images using Gemini prompts and image editing. Transform your photos into vintage Polaroid memories.
Web dev · 14 Sept 2025Create AI Polaroid Camera PhotoStep-by-step guide on how to create AI Polaroid-style images using Gemini prompts and image editing.
AI image & video · 14 Sept 2025Make Your Own Viral 3D Desk Figurine Image: A Beginner's GuideLearn how to create viral 3D desk figurine images using Google Gemini AI. Step-by-step tutorial for making cute toy-style collectible figurines from your photos.
Calculators · 12 Sept 2025Aspect Ratio Calculator Script – Fast, SEO-Optimized, and Ready to DeployGet a lightweight, SEO-friendly aspect ratio calculator script that drives evergreen organic traffic. Perfect for bloggers, agencies, and businesses looking to boost website engagement.
Calculators · 10 Sept 2025Meesho Margin Calculator: Calculate Your Profit & Maximize EarningsUse our free Meesho Margin Calculator to calculate profit margins, factor in supplier costs, shipping charges, GST, and maximize your earnings as a Meesho seller.
Calculators · 15 Aug 2025Free Online Discount Calculator – Instantly Calculate Your SavingsUse our free online discount calculator to instantly calculate discounted prices, savings, and final amounts. Perfect for shopping, business sales, and quick percentage calculations.Web dev · 10 Jul 2024Mastering State Management in ReactExplore different state management techniques in React, from useState to advanced libraries like Redux and Zustand.
Web dev · 8 Jul 2026themeCSS Deep Dive: How Liferay's Layer Cake Styling Model WorksAn intermediate-advanced look at Liferay's themeCSS client extension — Bootstrap, Clay, styled/unstyled base themes, SCSS compilation, scope, and theme registration.Web dev · 22 Jun 2026Storybook: The Complete Guide to UI Component Development in IsolationLearn how Storybook — the industry-standard frontend workshop with 90k+ GitHub stars — helps teams build, document, and test UI components in isolation.Liferay · 18 Jun 2026Liferay Commerce Explained: B2B and B2C on One PlatformA detailed guide to Liferay Commerce — order workflows, PIM, inventory, and B2B features like account hierarchies, contract pricing, quotes, and approval flows.Liferay · 18 Jun 2026Liferay Hosting Explained: SaaS vs. PaaS vs. Self-HostedA clear guide to Liferay DXP hosting and subscription options — SaaS, PaaS, and Self-Hosted — comparing who manages what, SLAs, customization, and which to choose.Liferay · 18 Jun 2026Liferay Low-Code: Build Business Apps Without the Hand-CodingA practical guide to Liferay DXP low-code — Objects, Workflows and custom interfaces that let teams digitize business processes without relying on IT for every change.Liferay · 18 Jun 2026Liferay Personalization: Deliver the Right Experience to Every UserA guide to Liferay DXP personalization — segmentation, user profiles, AI recommendations, and A/B testing that deliver the right content to the right audience.Web dev · 17 Jun 2026Email.md: Write Responsive HTML Emails in MarkdownA hands-on guide to Email.md (emailmd) — the open-source tool that turns Markdown into bulletproof, email-safe HTML with MJML, directives, themes and a live builder.AI image & video · 6 Nov 2025Haz tu Fotomontaje con Gemini AI: Plantilla de Pareja + Trend "Crear Foto en Gemini"¿Quieres parecer que te tomaste una foto con tu celebridad favorita? Tutorial fácil para crear una imagen súper realista en pocos pasos usando Gemini AI.AI image & video · 6 Nov 2025Turn Your 3D Figurine into a Stunning VideoLearn how to bring your favorite 3D figurine to life using HailuoAI Video. Transform a simple 3D image into a professional-looking video with no advanced editing skills required.AI image & video · 15 Sept 20255120 x 1080 Instagram Video TemplateDownload a free 5120 x 1080 Instagram video template perfect for ultra-wide content creation. Optimized for panoramic displays and creative video projects.AI image & video · 15 Sept 2025ChatGPT Prompts for Architects: Practical Use Cases for Professionals and StudentsDiscover powerful ChatGPT prompts for architects and students. Learn how AI is transforming architecture with practical examples for design, visualization, sustainability, and compliance.AI image & video · 14 Sept 2025Create AI Polaroid Camera PhotoStep-by-step guide on how to create AI Polaroid-style images using Gemini prompts and image editing. Transform your photos into vintage Polaroid memories.Web dev · 14 Sept 2025Create AI Polaroid Camera PhotoStep-by-step guide on how to create AI Polaroid-style images using Gemini prompts and image editing.AI image & video · 14 Sept 2025Make Your Own Viral 3D Desk Figurine Image: A Beginner's GuideLearn how to create viral 3D desk figurine images using Google Gemini AI. Step-by-step tutorial for making cute toy-style collectible figurines from your photos.Calculators · 12 Sept 2025Aspect Ratio Calculator Script – Fast, SEO-Optimized, and Ready to DeployGet a lightweight, SEO-friendly aspect ratio calculator script that drives evergreen organic traffic. Perfect for bloggers, agencies, and businesses looking to boost website engagement.Calculators · 10 Sept 2025Meesho Margin Calculator: Calculate Your Profit & Maximize EarningsUse our free Meesho Margin Calculator to calculate profit margins, factor in supplier costs, shipping charges, GST, and maximize your earnings as a Meesho seller.Calculators · 15 Aug 2025Free Online Discount Calculator – Instantly Calculate Your SavingsUse our free online discount calculator to instantly calculate discounted prices, savings, and final amounts. Perfect for shopping, business sales, and quick percentage calculations.Web dev · 10 Jul 2024Mastering State Management in ReactExplore different state management techniques in React, from useState to advanced libraries like Redux and Zustand.