[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-category-html-css-mini-ornekleri":3},{"dataList":4,"heading":204,"dataCount":207,"metaData":208,"schema":254},["Reactive",5],[6,26,38,50,62,74,86,98,110,122,134,146,158,170,182,192],{"id":7,"title":8,"summary":9,"slug":10,"createdAt":11,"updatedAt":11,"blog_categories":12,"authors":16,"image":21,"thumb":22,"image_webp":23,"thumb_webp":24,"rating":25},36304,"HTML & CSS Mini Örnekleri: Hemen Denenecek Basit Şablonlar","Bu makale, yeni başlayanlar için kısa ve uygulanabilir HTML & CSS şablonları sunar; her şablonda nasıl çalıştırılacağı, özelleştirileceği ve temel erişilebilirlik/SEO kontrollerinin nasıl yapılacağı açıklanır.","/blog/html-css-mini-ornekleri/html-css-mini-ornekleri-hemen-denenecek-basit-sablonlar","2026-05-18T18:21:35.000Z",{"id":13,"title":14,"slug":15},203,"HTML & CSS Mini Örnekleri","html-css-mini-ornekleri",{"id":17,"name":18,"nickname":19,"slug":20},91,"Mert Kılıçoğlu","CodeCraftsman","mert-kilicoglu","3eab6ae5ccf24e1a019d16384d3aeddf.jpg","3eab6ae5ccf24e1a019d16384d3aeddf_thumb.jpg","3eab6ae5ccf24e1a019d16384d3aeddf.webp","3eab6ae5ccf24e1a019d16384d3aeddf_thumb.webp",null,{"id":27,"title":28,"summary":29,"slug":30,"createdAt":31,"updatedAt":31,"blog_categories":32,"authors":33,"image":34,"thumb":35,"image_webp":36,"thumb_webp":37,"rating":25},34615,"Hızlı HTML ve CSS Mini Örnekleri: Basit Grid ve Layout","Bu makale, HTML ve CSS kullanarak hızlıca uygulanabilecek basit grid ve layout örnekleri sunar; temel grid tanımları, grid-template-areas ile düzen, auto-fit/minmax kullanarak responsive grid ve uygulama kontrol listeleri içerir.","/blog/html-css-mini-ornekleri/hizli-html-ve-css-mini-ornekleri-basit-grid-ve-layout","2026-05-15T10:57:07.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"aed2aa177fe55ae55cfcfc83ae97e0eb.jpg","aed2aa177fe55ae55cfcfc83ae97e0eb_thumb.jpg","aed2aa177fe55ae55cfcfc83ae97e0eb.webp","aed2aa177fe55ae55cfcfc83ae97e0eb_thumb.webp",{"id":39,"title":40,"summary":41,"slug":42,"createdAt":43,"updatedAt":43,"blog_categories":44,"authors":45,"image":46,"thumb":47,"image_webp":48,"thumb_webp":49,"rating":25},33114,"Basit Web Sayfası: HTML ve CSS ile Hızlı Layout Örneği","Bu makalede, \u003Cstrong>HTML & CSS Mini Örnekleri\u003C/strong> kapsamında, \u003Cstrong>basit layout örneği\u003C/strong> oluşturmak için temel \u003Cstrong>web tasarımı temel snippetler\u003C/strong> ve \u003Cstrong>responsive temel adımlar\u003C/strong> detaylı şekilde açıklanmaktadır. 2026 yılı için güncel ve pratik yöntemler sunulmaktadır.","/blog/html-css-mini-ornekleri/basit-web-sayfasi-html-ve-css-ile-hizli-layout-ornegi","2026-05-09T12:39:23.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"e437f3f99c3fd5d9a02cbca779112c8f.jpg","e437f3f99c3fd5d9a02cbca779112c8f_thumb.jpg","e437f3f99c3fd5d9a02cbca779112c8f.webp","e437f3f99c3fd5d9a02cbca779112c8f_thumb.webp",{"id":51,"title":52,"summary":53,"slug":54,"createdAt":55,"updatedAt":55,"blog_categories":56,"authors":57,"image":58,"thumb":59,"image_webp":60,"thumb_webp":61,"rating":25},31340,"Temel HTML & CSS: Başlangıç için responsive kart örneği","Bu makalede, HTML ve CSS kullanarak responsive bir kart tasarımının temel yapı taşlarını, örnek kodu ve mobil uyumlu hale getirme adımlarını öğreneceksiniz.","/blog/html-css-mini-ornekleri/temel-html-css-baslangic-icin-responsive-kart-ornegi","2026-05-05T11:19:46.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"cb5186ef12a5d859883fd525aaed4cda.jpg","cb5186ef12a5d859883fd525aaed4cda_thumb.jpg","cb5186ef12a5d859883fd525aaed4cda.webp","cb5186ef12a5d859883fd525aaed4cda_thumb.webp",{"id":63,"title":64,"summary":65,"slug":66,"createdAt":67,"updatedAt":67,"blog_categories":68,"authors":69,"image":70,"thumb":71,"image_webp":72,"thumb_webp":73,"rating":25},27241,"Başlangıç için HTML+CSS: Temel sayfa düzeni ve stil örnekleri","Bu rehber, HTML ve CSS ile basit sayfa düzenleri ve responsive örnekleri uygulamalı olarak gösterir; adım adım kod parçaları, kontrol listesi ve test ipuçları içerir.","/blog/html-css-mini-ornekleri/baslangic-icin-htmlcss-temel-sayfa-duzeni-ve-stil-ornekleri","2026-04-12T12:31:29.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"289beb9f4d87336d2ece05f2db15e50f.jpg","289beb9f4d87336d2ece05f2db15e50f_thumb.jpg","289beb9f4d87336d2ece05f2db15e50f.webp","289beb9f4d87336d2ece05f2db15e50f_thumb.webp",{"id":75,"title":76,"summary":77,"slug":78,"createdAt":79,"updatedAt":79,"blog_categories":80,"authors":81,"image":82,"thumb":83,"image_webp":84,"thumb_webp":85,"rating":25},26384,"Hızlı HTML & CSS mini şablonlar: 5 kullanışlı örnek","Bu rehberde, başlangıç seviyesinden orta seviyeye kadar geliştiriciler için beş hızlı HTML ve CSS mini şablon sunuluyor: duyarlı navigasyon, basit açılış sayfası, resim galerisi, kayıt formu ve fiyatlandırma tablosu. Her örnek için kısa HTML/CSS kod parçacıkları ve uygulama adımları yer alıyor.","/blog/html-css-mini-ornekleri/hizli-html-css-mini-sablonlar-5-kullanisli-ornek","2026-04-10T09:38:14.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"98089279db6462fd2069eeb9beb45351.jpg","98089279db6462fd2069eeb9beb45351_thumb.jpg","98089279db6462fd2069eeb9beb45351.webp","98089279db6462fd2069eeb9beb45351_thumb.webp",{"id":87,"title":88,"summary":89,"slug":90,"createdAt":91,"updatedAt":91,"blog_categories":92,"authors":93,"image":94,"thumb":95,"image_webp":96,"thumb_webp":97,"rating":25},25546,"Hızlı HTML & CSS Mini Örnekleri: Basit Layout ve Responsive","Bu makale, HTML & CSS kullanarak basit layoutlar ve responsive tasarımlar oluşturmayı gösteren kısa örnekler ve pratik ipuçları sunar.","/blog/html-css-mini-ornekleri/hizli-html-css-mini-ornekleri-basit-layout-ve-responsive","2026-04-07T19:12:48.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"3a7fc80d468ea0aad8307436d7b7355e.jpg","3a7fc80d468ea0aad8307436d7b7355e_thumb.jpg","3a7fc80d468ea0aad8307436d7b7355e.webp","3a7fc80d468ea0aad8307436d7b7355e_thumb.webp",{"id":99,"title":100,"summary":101,"slug":102,"createdAt":103,"updatedAt":103,"blog_categories":104,"authors":105,"image":106,"thumb":107,"image_webp":108,"thumb_webp":109,"rating":25},24768,"CSS ile Dinamik Buton Animasyonları: Web Tasarımında Canlı ve Etkileyici Buton Ö","CSS animasyon teknikleri kullanarak web sitenizde dinamik ve etkileyici buton tasarımları oluşturmanın yollarını keşfedin. Buton tasarımı ve dinamik efektlerle kullanıcı deneyimini artırın.","/blog/html-css-mini-ornekleri/css-ile-dinamik-buton-animasyonlari-web-tasariminda-canli-ve-etkileyici-buton-o","2026-04-05T17:05:59.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"cd1911574fcd31b4d1207fe714f4168f.jpg","cd1911574fcd31b4d1207fe714f4168f_thumb.jpg","cd1911574fcd31b4d1207fe714f4168f.webp","cd1911574fcd31b4d1207fe714f4168f_thumb.webp",{"id":111,"title":112,"summary":113,"slug":114,"createdAt":115,"updatedAt":115,"blog_categories":116,"authors":117,"image":118,"thumb":119,"image_webp":120,"thumb_webp":121,"rating":25},24427,"HTML & CSS için 5 Mini Örnek: Yerleşim, Buton, Kart","Bu rehberde yerleşim, buton ve kart öğeleri için 5 kısa HTML & CSS örneği, açıklamalar ve responsive ipuçları bulacaksınız.","/blog/html-css-mini-ornekleri/html-css-icin-5-mini-ornek-yerlesim-buton-kart","2026-04-04T16:14:29.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"9a78148c3fe45370e8ff58b506da8ba1.jpg","9a78148c3fe45370e8ff58b506da8ba1_thumb.jpg","9a78148c3fe45370e8ff58b506da8ba1.webp","9a78148c3fe45370e8ff58b506da8ba1_thumb.webp",{"id":123,"title":124,"summary":125,"slug":126,"createdAt":127,"updatedAt":127,"blog_categories":128,"authors":129,"image":130,"thumb":131,"image_webp":132,"thumb_webp":133,"rating":25},21158,"Responsive Başlangıç Sayfası: HTML ve CSS ile 5 Mini Örnek","Bu rehber, mobil-öncelikli (mobile-first) yaklaşımla responsive bir başlangıç sayfası oluşturmanız için 5 mini HTML/CSS örneği verir: hero alanı, kart ızgarası, basit navigasyon, form düzeni ve responsive görsel. Ayrıca viewport etiketi, Flexbox ve CSS Grid kullanımını pratik bir şablonla birleştirir.","/blog/html-css-mini-ornekleri/responsive-baslangic-sayfasi-html-ve-css-ile-5-mini-ornek","2026-03-09T09:53:42.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"62d6ed1b4c8841735f0ccc9b5f8ce1bc.jpg","62d6ed1b4c8841735f0ccc9b5f8ce1bc_thumb.jpg","62d6ed1b4c8841735f0ccc9b5f8ce1bc.webp","62d6ed1b4c8841735f0ccc9b5f8ce1bc_thumb.webp",{"id":135,"title":136,"summary":137,"slug":138,"createdAt":139,"updatedAt":139,"blog_categories":140,"authors":141,"image":142,"thumb":143,"image_webp":144,"thumb_webp":145,"rating":25},21049,"HTML ile Temel Form Oluşturma: Web Tasarımında Kullanıcı Girişleri İçin Pratik Ç","HTML ile temel form oluşturma yöntemlerini öğrenerek web tasarımında kullanıcı girişlerini kolayca yönetebilirsiniz. Bu rehber, temel snippetlerle form yapısını adım adım anlatıyor.","/blog/html-css-mini-ornekleri/html-ile-temel-form-olusturma-web-tasariminda-kullanici-girisleri-icin-pratik-c","2026-03-08T13:20:17.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"e8082eff94d3f4fb9fb011e74ea60c52.jpg","e8082eff94d3f4fb9fb011e74ea60c52_thumb.jpg","e8082eff94d3f4fb9fb011e74ea60c52.webp","e8082eff94d3f4fb9fb011e74ea60c52_thumb.webp",{"id":147,"title":148,"summary":149,"slug":150,"createdAt":151,"updatedAt":151,"blog_categories":152,"authors":153,"image":154,"thumb":155,"image_webp":156,"thumb_webp":157,"rating":25},20795,"CSS ile Modern Buton Stilleri: Tasarım İpuçları ve Etkileşimli Snippetler","CSS ile modern ve şık butonlar tasarlamak için etkili tasarım ipuçları, renk geçişi teknikleri ve etkileşimli snippet örnekleri sunuyoruz.","/blog/html-css-mini-ornekleri/css-ile-modern-buton-stilleri-tasarim-ipuclari-ve-etkilesimli-snippetler","2026-03-07T06:10:57.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"be8c42c5c2429fd8df541a2afd07ebac.jpg","be8c42c5c2429fd8df541a2afd07ebac_thumb.jpg","be8c42c5c2429fd8df541a2afd07ebac.webp","be8c42c5c2429fd8df541a2afd07ebac_thumb.webp",{"id":159,"title":160,"summary":161,"slug":162,"createdAt":163,"updatedAt":163,"blog_categories":164,"authors":165,"image":166,"thumb":167,"image_webp":168,"thumb_webp":169,"rating":25},6929,"CSS İle Renkli Stiller Tasarla: Web Tasarımında Stil Verme Teknikleri","CSS kullanarak web tasarımında renkli ve etkileyici stiller oluşturmanın temel yöntemlerini öğrenin. Stil verme ve snippet örnekleri ile tasarımlarınızı zenginleştirin.","/blog/html-css-mini-ornekleri/css-ile-renkli-stiller-tasarla-web-tasariminda-stil-verme-teknikleri","2026-01-02T07:46:29.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"9e9bcc18134e9a6261290d3ac160ba91.jpg","9e9bcc18134e9a6261290d3ac160ba91_thumb.jpg","9e9bcc18134e9a6261290d3ac160ba91.webp","9e9bcc18134e9a6261290d3ac160ba91_thumb.webp",{"id":171,"title":172,"summary":173,"slug":174,"createdAt":175,"updatedAt":175,"blog_categories":176,"authors":177,"image":178,"thumb":179,"image_webp":180,"thumb_webp":181,"rating":25},6672,"HTML ile Basit Web Sayfası Oluşturma: Başlangıç İçin Temel Snippetler","Bu yazıda HTML kullanarak basit bir web sayfası oluşturmanın temel adımlarını öğreneceksiniz. Başlangıç seviyesindeki kullanıcılar için hazırlanmış kolay anlaşılır açıklamalar ve örneklerle web tasarımına ilk adımı atın.","/blog/html-css-mini-ornekleri/html-ile-basit-web-sayfasi-olusturma-baslangic-icin-temel-snippetler","2026-01-01T19:02:13.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"4f661210a4f77adad837074ce1db39fd.jpg","4f661210a4f77adad837074ce1db39fd_thumb.jpg","4f661210a4f77adad837074ce1db39fd.webp","4f661210a4f77adad837074ce1db39fd_thumb.webp",{"id":183,"title":148,"summary":184,"slug":150,"createdAt":185,"updatedAt":185,"blog_categories":186,"authors":187,"image":188,"thumb":189,"image_webp":190,"thumb_webp":191,"rating":25},4528,"CSS ile modern buton stilleri oluşturmanın temel tasarım ipuçları, renk geçişleri ve etkileşimli snippetler hakkında kapsamlı rehber.","2025-11-19T05:03:42.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"d387de3995fb0189bba8bcc211be8dff.jpg","d387de3995fb0189bba8bcc211be8dff_thumb.jpg","d387de3995fb0189bba8bcc211be8dff.webp","d387de3995fb0189bba8bcc211be8dff_thumb.webp",{"id":193,"title":194,"summary":195,"slug":196,"createdAt":197,"updatedAt":197,"blog_categories":198,"authors":199,"image":200,"thumb":201,"image_webp":202,"thumb_webp":203,"rating":25},4526,"HTML ile Temel Form Oluşturma: Web Tasarımında Kullanıcı Girişleri İçin Pratik Ö","HTML form kullanarak temel bir kullanıcı giriş formu oluşturmayı öğrenin. Web tasarımında işinize yarayacak temel snippet örnekleriyle adım adım rehber.","/blog/html-css-mini-ornekleri/html-ile-temel-form-olusturma-web-tasariminda-kullanici-girisleri-icin-pratik-o","2025-11-18T05:03:37.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"37d3ad447cf99d3d8b651bed185ae80c.jpg","37d3ad447cf99d3d8b651bed185ae80c_thumb.jpg","37d3ad447cf99d3d8b651bed185ae80c.webp","37d3ad447cf99d3d8b651bed185ae80c_thumb.webp",["Reactive",205],{"title":14,"subTitle":206},"Blog",16,["Reactive",209],{"title":210,"meta":211,"link":248},"HTML CSS Snippet Rehberi",[212,215,218,221,224,227,230,233,236,239,242,244,246],{"hid":213,"name":213,"content":214},"description","Başlangıç için HTML ve CSS kod örnekleri.",{"hid":216,"name":216,"content":217},"keywords","html,css,web tasarım,snippet",{"hid":219,"name":219,"content":220},"author","Başlangıç Seviyesi Kod & Snippet Rehberi",{"hid":222,"name":222,"content":223},"robots","index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",{"hid":225,"property":225,"content":226},"og:type","website",{"hid":228,"property":228,"content":229},"og:title","Başlangıç Kod & Snippet Rehberi | KodÖğreniyorum",{"hid":231,"property":231,"content":232},"og:description","Yeni başlayanlara yönelik kısa kod örnekleri, snippet'ler ve adım adım alıştırmalar. Hızlı uygulamalarla temel programlama mantığını pekiştir.",{"hid":234,"property":234,"content":235},"og:image","https://kodogreniyorum.comundefined",{"hid":237,"property":237,"content":238},"og:url","https://kodogreniyorum.com/blog/html-css-mini-ornekleri",{"hid":240,"name":240,"content":241},"twitter:card","summary_large_image",{"hid":243,"name":243,"content":229},"twitter:title",{"hid":245,"name":245,"content":232},"twitter:description",{"hid":247,"name":247,"content":235},"twitter:image",[249,251],{"rel":250,"href":238},"canonical",{"rel":252,"href":253},"amphtml","https://amp.kodogreniyorum.com/blog/html-css-mini-ornekleri",["Reactive",255],{"@context":256,"@graph":257},"https://schema.org",[258,383],{"@type":206,"name":210,"description":214,"url":259,"mainEntity":260},"https://kodogreniyorum.com/blog",{"@type":261,"itemListOrder":262,"numberOfItems":207,"itemListElement":263},"ItemList","https://schema.org/ItemListOrderDescending",[264,280,287,294,301,308,315,322,329,336,343,350,357,364,371,377],{"@type":265,"position":266,"url":267,"item":268},"ListItem",1,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/html-css-mini-ornekleri-hemen-denenecek-basit-sablonlar",{"@type":269,"headline":8,"image":270,"datePublished":11,"dateModified":11,"author":271,"publisher":274},"BlogPosting","https://kodogreniyorum.com/media/blog/undefined",{"@type":272,"name":18,"url":273},"Person","https://kodogreniyorum.com/yazarlar/mert-kilicoglu",{"@type":275,"logo":276},"Organization",{"@type":277,"url":278,"width":279,"height":279},"ImageObject","https://kodogreniyorum.com/img/icons/favicon.png",32,{"@type":265,"position":281,"url":282,"item":283},2,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/hizli-html-ve-css-mini-ornekleri-basit-grid-ve-layout",{"@type":269,"headline":28,"image":270,"datePublished":31,"dateModified":31,"author":284,"publisher":285},{"@type":272,"name":18,"url":273},{"@type":275,"logo":286},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":288,"url":289,"item":290},3,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/basit-web-sayfasi-html-ve-css-ile-hizli-layout-ornegi",{"@type":269,"headline":40,"image":270,"datePublished":43,"dateModified":43,"author":291,"publisher":292},{"@type":272,"name":18,"url":273},{"@type":275,"logo":293},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":295,"url":296,"item":297},4,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/temel-html-css-baslangic-icin-responsive-kart-ornegi",{"@type":269,"headline":52,"image":270,"datePublished":55,"dateModified":55,"author":298,"publisher":299},{"@type":272,"name":18,"url":273},{"@type":275,"logo":300},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":302,"url":303,"item":304},5,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/baslangic-icin-htmlcss-temel-sayfa-duzeni-ve-stil-ornekleri",{"@type":269,"headline":64,"image":270,"datePublished":67,"dateModified":67,"author":305,"publisher":306},{"@type":272,"name":18,"url":273},{"@type":275,"logo":307},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":309,"url":310,"item":311},6,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/hizli-html-css-mini-sablonlar-5-kullanisli-ornek",{"@type":269,"headline":76,"image":270,"datePublished":79,"dateModified":79,"author":312,"publisher":313},{"@type":272,"name":18,"url":273},{"@type":275,"logo":314},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":316,"url":317,"item":318},7,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/hizli-html-css-mini-ornekleri-basit-layout-ve-responsive",{"@type":269,"headline":88,"image":270,"datePublished":91,"dateModified":91,"author":319,"publisher":320},{"@type":272,"name":18,"url":273},{"@type":275,"logo":321},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":323,"url":324,"item":325},8,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/css-ile-dinamik-buton-animasyonlari-web-tasariminda-canli-ve-etkileyici-buton-o",{"@type":269,"headline":100,"image":270,"datePublished":103,"dateModified":103,"author":326,"publisher":327},{"@type":272,"name":18,"url":273},{"@type":275,"logo":328},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":330,"url":331,"item":332},9,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/html-css-icin-5-mini-ornek-yerlesim-buton-kart",{"@type":269,"headline":112,"image":270,"datePublished":115,"dateModified":115,"author":333,"publisher":334},{"@type":272,"name":18,"url":273},{"@type":275,"logo":335},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":337,"url":338,"item":339},10,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/responsive-baslangic-sayfasi-html-ve-css-ile-5-mini-ornek",{"@type":269,"headline":124,"image":270,"datePublished":127,"dateModified":127,"author":340,"publisher":341},{"@type":272,"name":18,"url":273},{"@type":275,"logo":342},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":344,"url":345,"item":346},11,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/html-ile-temel-form-olusturma-web-tasariminda-kullanici-girisleri-icin-pratik-c",{"@type":269,"headline":136,"image":270,"datePublished":139,"dateModified":139,"author":347,"publisher":348},{"@type":272,"name":18,"url":273},{"@type":275,"logo":349},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":351,"url":352,"item":353},12,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/css-ile-modern-buton-stilleri-tasarim-ipuclari-ve-etkilesimli-snippetler",{"@type":269,"headline":148,"image":270,"datePublished":151,"dateModified":151,"author":354,"publisher":355},{"@type":272,"name":18,"url":273},{"@type":275,"logo":356},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":358,"url":359,"item":360},13,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/css-ile-renkli-stiller-tasarla-web-tasariminda-stil-verme-teknikleri",{"@type":269,"headline":160,"image":270,"datePublished":163,"dateModified":163,"author":361,"publisher":362},{"@type":272,"name":18,"url":273},{"@type":275,"logo":363},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":365,"url":366,"item":367},14,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/html-ile-basit-web-sayfasi-olusturma-baslangic-icin-temel-snippetler",{"@type":269,"headline":172,"image":270,"datePublished":175,"dateModified":175,"author":368,"publisher":369},{"@type":272,"name":18,"url":273},{"@type":275,"logo":370},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":372,"url":352,"item":373},15,{"@type":269,"headline":148,"image":270,"datePublished":185,"dateModified":185,"author":374,"publisher":375},{"@type":272,"name":18,"url":273},{"@type":275,"logo":376},{"@type":277,"url":278,"width":279,"height":279},{"@type":265,"position":207,"url":378,"item":379},"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/html-ile-temel-form-olusturma-web-tasariminda-kullanici-girisleri-icin-pratik-o",{"@type":269,"headline":194,"image":270,"datePublished":197,"dateModified":197,"author":380,"publisher":381},{"@type":272,"name":18,"url":273},{"@type":275,"logo":382},{"@type":277,"url":278,"width":279,"height":279},{"@type":384,"itemListElement":385},"BreadcrumbList",[386,389,390],{"@type":265,"position":266,"name":387,"item":388},"Ana Sayfa","https://kodogreniyorum.com",{"@type":265,"position":281,"name":206,"item":259},{"@type":265,"position":288,"name":14,"item":238}]