Hitit Medya Data Blog
Notes on modern web technologies, design trends and digital transformation.
Total 25 posts · Page 1/3
How to Add a Map to Your App: MapLibre for Web, React Native and Flutter
Add a map to your website or mobile app without paying per request. Copy-and-run MapLibre setups for plain HTML, React/Next.js, React Native and Flutter, including the licence key flow for native apps.
We Use Our Own Map System in Our Web Design and Mobile App Services
Hitit Medya now runs on its own map network. Built on OpenStreetMap data, styled with our own map skins and distributed worldwide on Cloudflare. Our partners never hit a map limit, and the service is open to everyone, licensed per domain from $19 a month.
How to Create a Custom Map Style with MapLibre GL
Build a branded map style with MapLibre GL and Protomaps flavors: style spec basics, a brand flavor with your colors, no-labels and labels-only variants, and hosting the style JSON as a static file. No API keys, no per-request billing.
Self-Host OpenStreetMap Vector Tiles with PMTiles
Serve your own OpenStreetMap basemap from a single static file: extract a region from Protomaps daily builds with the pmtiles CLI, host it on Cloudflare R2 with the right CORS policy and read it from MapLibre GL. Realistic cost: a few dollars a month.
Embed OpenStreetMap on Your Website Without Google Maps
Three ways to put a map on your site without Google: a one-line iframe embed, MapLibre GL with a hosted style URL, or a static image. No API keys, no tracking cookies, no billing account, and the map can match your brand.
How Should Color Harmony Be in Web Design? - Hitit Media
How should color harmony work in web design? The color wheel, harmony schemes, the 60-30-10 rule, color psychology and ready-to-use hex palettes. A comprehensive color guide that meets aesthetics with engineering and WCAG contrast.
Micro-Interactions in E-Commerce: The Hidden Language of Trust
Micro-interactions, animated SVG and the animation power of Next.js in e-commerce. The art of boosting trust and sales with a product flying into the cart, instant confirmation and app-like fluidity. The engineering of millisecond smoothness.
Hitit Media's Mascot: About the Anatolian Leopard
Hitit Media's mascot is the Anatolian Leopard. The story of an agency that draws strength from Anatolia and the past, the leopard's power and wits, our global trade vision, and how our mascot will guide you through our content.
Which Search Engine Does AI Use? ChatGPT, Gemini, Claude and Perplexity
Which AI uses which search engine? The search backend of ChatGPT (OAI-SearchBot), Copilot (Bing), Gemini (Google), Claude (Brave), Perplexity (own index) and Grok. A comprehensive 2026 guide from an AIO/GEO angle.
What Is React? A Plain Guide — Web Design, SEO and Frameworks
What is React? JSX, hooks, Virtual DOM, props vs state, Vue and Angular comparison, code examples, WordPress to Next.js shift and SEO advantages. Comprehensive plain-language guide.
What Is AI Optimization (AIO)? Our Precision in Web Design
What is AI Optimization (AIO)? The discipline of preparing your content so AI engines like ChatGPT, Gemini and Claude can read and cite it. We explain our AIO precision in web design and the concrete steps we take.
How to Choose a Web Design Agency on the Modern Internet? 2026 Guide
How to choose a web design agency in 2026? AI impact, WordPress-to-React shift, Next.js + Google support, CrUX, crawl budget and 5 direct questions; an engineering-first guide.