{"id":855,"date":"2014-03-03T15:55:18","date_gmt":"2014-03-03T15:55:18","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=855"},"modified":"2015-01-16T15:34:19","modified_gmt":"2015-01-16T15:34:19","slug":"2014-yili-html-css-top-10-framework","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/","title":{"rendered":"2014 Y\u0131l\u0131  HTML\/CSS &#8211; Top 10 Framework"},"content":{"rendered":"<p>HTML ve CSS, ikili kombinasyonu web sitelerinin \u00e7e\u015fitli \u00f6zellikler ile i\u015flevsel hale getirilmektedir. \u00a0Bu kuvvetli ikili bir ka\u00e7 \u00f6nemli Framework s\u00fcr\u00fcm\u00fc ile birlikte daha ak\u0131ll\u0131 olarak kullan\u0131labiliyor. \u00a0bu Frameworkler'in yap\u0131s\u0131 \u00f6zel tasar\u0131m ihtiya\u00e7lar\u0131na g\u00f6re tamam\u0131 ile \u00f6zelle\u015ftirilebilir \u015fablonlar \u015feklinde kendi durumlar\u0131n\u0131 yaratmaktad\u0131rlar. \u00a0Buna ek olarak, bu \u015fablonlar de\u011fi\u015ftirilebilir ve tasar\u0131mlar daha h\u0131zl\u0131 ve do\u011fru \u015fekilde yapabilmenize olanak sa\u011flamaktad\u0131r. HTML\/CSS \u015fablonlar ku\u015fkusuz olarak tasar\u0131m a\u015famas\u0131nda kullan\u0131labilen bir devrimdir.<\/p>\n<p>Sizler web sitenizi olu\u015fturmak i\u00e7in art\u0131k \u00e7ok zamana ihtiyac\u0131n\u0131z yok, hayat\u0131n\u0131z\u0131 basitle\u015ftirmek ad\u0131na kullanabilece\u011finiz etkili HTML5\/CSS Framework' lerinin en de\u011ferli olanlar\u0131na \u015fimdi hep birlikte bir g\u00f6z atal\u0131m.<\/p>\n<p><a href=\"http:\/\/gumbyframework.com\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Gumby framework<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-857\" alt=\"Gumby framework\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/03\/Gumby-framework.jpg\" width=\"504\" height=\"353\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Gumby-framework.jpg 504w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Gumby-framework-300x210.jpg 300w\" sizes=\"(max-width: 504px) 100vw, 504px\" \/><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>Gumby g\u00fc\u00e7l\u00fc CSS \u00f6n i\u015flemcisi Saas g\u00fcc\u00fc ile in\u015fa edilmi\u015ftir. \u015eu anda Gumby 2.6 versiyonu bulunmaktad\u0131r ve olduk\u00e7a kullan\u0131\u015fl\u0131 \u00f6zelliklere sahiptir, \u00f6nceden olu\u015fturulmu\u015f stilleri ve bu anahtarlarla a\u00e7\u0131l\u0131r men\u00fcler, butonlar, sekmeler ve \u00a0eklemek istedi\u011finiz bir \u00e7ok aray\u00fcz elemanlar\u0131 ile doludur. \u00a0Gumby framework, sizlere tasar\u0131m i\u00e7in t\u00fcm gerekli olan ki\u015fiselle\u015ftirme ve olu\u015fturma imkan\u0131n\u0131 olduk\u00e7a kolay bir \u015fekilde sa\u011flayacakt\u0131r.<\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/gumbyframework.com\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Semantic UI framework<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-858\" alt=\"Semantic-UI-framework\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/03\/Semantic-UI-framework.jpg\" width=\"462\" height=\"352\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Semantic-UI-framework.jpg 462w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Semantic-UI-framework-300x228.jpg 300w\" sizes=\"(max-width: 462px) 100vw, 462px\" \/><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>Semantik UI tasar\u0131m ve geli\u015ftirme spontanlar\u0131\u00a0yapmak ad\u0131na do\u011fal dil kurallar\u0131 etraf\u0131nda yap\u0131land\u0131r\u0131lm\u0131\u015ft\u0131r. \u00a0Framework UI payla\u015f\u0131m\u0131 ortak bir dil olu\u015fturularak tasar\u0131mc\u0131y\u0131 g\u00fc\u00e7lendirmektedir. \u00a0Semantik hakk\u0131nda en iyi, akordeon elemanlar\u0131 veya 3D animasyon gibi baz\u0131 g\u00fczel \u015feyleri destekliyor olmas\u0131 da olduk\u00e7a ilgi \u00e7eken bir \u00f6zelliktir. Piyasada yeni olmas\u0131na ra\u011fmen, \u00e7al\u0131\u015fmak i\u00e7in yumu\u015fak bir Framework olarak kabul ediliyor ve 2014 y\u0131l\u0131nda olduk\u00e7a pop\u00fcler olmas\u0131 bekleniyor.<\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/imperavi.com\/kube\/\" target=\"_blank\" rel=\"nofollow\">Kube framework<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-859\" alt=\"Kube-framework\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/03\/Kube-framework.jpg\" width=\"527\" height=\"331\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Kube-framework.jpg 527w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Kube-framework-300x188.jpg 300w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>Kube ayarlanabilir ve Responsive olarak uygulan\u0131r. Framework bir web sitesi tasar\u0131m\u0131 i\u00e7in gereken her \u015feyi desteklemektedir. Bu inan\u0131lmaz tipografi ile devrimci esnek \u0131zgaralar\u0131 olduk\u00e7a kolayl\u0131kla kullanabilirsiniz. Herhangi bir empoze den kesinlikle yoksundur.<\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"nofollow\">Bootstrap html css frontend framework<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-860\" alt=\"Bootstrap-html-css-frontend-framework\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/03\/Bootstrap-html-css-frontend-framework.jpg\" width=\"616\" height=\"222\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Bootstrap-html-css-frontend-framework.jpg 616w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Bootstrap-html-css-frontend-framework-300x108.jpg 300w\" sizes=\"(max-width: 616px) 100vw, 616px\" \/><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>Bootstrap 2013 y\u0131l\u0131nda tercih edilen Framework' lerden biriydi ve ayn\u0131 zamanda bu y\u0131l en \u00e7ok tercih edilen \u00f6n y\u00fcz framework' leri aras\u0131nda gelmektedir. Framework web geli\u015ftirme konusunda olduk\u00e7a h\u0131zl\u0131 ve kolay hale getirilmi\u015ftir. t\u00fcm beceri d\u00fczeyleri, her \u00f6l\u00e7ekteki projenin yan\u0131 s\u0131ra t\u00fcm cihazlar i\u00e7in kullan\u0131labilinir ve tasar\u0131mc\u0131lar i\u00e7in olduk\u00e7a idealdir. Bootstrap 3 son s\u00fcr\u00fcm tasar\u0131mc\u0131lar i\u00e7in daha fazla \u00f6\u011frenme e\u011frisi sunmaktad\u0131r.<\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/www.yaml.de\/\" target=\"_blank\" rel=\"nofollow\">YAML framework<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-861\" alt=\"YAML-framework\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/03\/YAML-framework.jpg\" width=\"510\" height=\"326\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/YAML-framework.jpg 510w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/YAML-framework-300x191.jpg 300w\" sizes=\"(max-width: 510px) 100vw, 510px\" \/><\/p>\n<div style=\"clear: both;\"><\/div>\n<div style=\"clear: both;\">YALM esnek, eri\u015filebilir ve duyarl\u0131 web siteleri i\u00e7in ger\u00e7ekten idealdir. Framework karma\u015f\u0131k web siteleri olu\u015fturmak i\u00e7in bloklar\u0131n in\u015fas\u0131n\u0131 komple bir set olarak sunmaktad\u0131r. Tipografi mod\u00fcl\u00fc, navigasyon, formlar ve di\u011fer eklentiler gibi elementler YAML ile sorunsuz \u00e7al\u0131\u015fmaktad\u0131r. \u00a0Bu Framework YAML tabanl\u0131 CSS d\u00fczeni g\u00f6rsel geli\u015fi\u00f6i i\u00e7in bir ara\u00e7t\u0131r, Ajax Builder ile birlikte gelmektedir.<\/div>\n<div style=\"clear: both;\"><\/div>\n<div style=\"clear: both; text-align: center;\">***<\/div>\n<div style=\"clear: both;\"><a href=\"http:\/\/www.blueprintcss.org\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">\u00a0<\/a><\/div>\n<div style=\"clear: both;\"><a href=\"http:\/\/www.blueprintcss.org\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Blueprint framework<\/a><\/div>\n<div style=\"clear: both;\"><\/div>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-862\" alt=\"Blueprint-framework\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/03\/Blueprint-framework.jpg\" width=\"624\" height=\"293\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Blueprint-framework.jpg 624w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Blueprint-framework-300x140.jpg 300w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/p>\n<div style=\"clear: both;\"><\/div>\n<div style=\"clear: both;\">Blueprint \u00a0g\u00fczel formlar, bask\u0131 i\u00e7in stil-levha, \u00a0kolay kullan\u0131ml\u0131 \u0131zgara ve tipografi ile proje olu\u015fturmak i\u00e7in sa\u011flam bir temel sa\u011flamaktad\u0131r. \u00a0\u00d6nemli baz\u0131 \u00f6zellikleri i\u015f ak\u0131\u015f\u0131n\u0131 ad\u0131m ad\u0131m ve sa\u011flam bir \u0131zgara i\u00e7in \u015fablonlar ve edit\u00f6rler i\u00e7in ve hatta herhangi bir web taray\u0131c\u0131s\u0131 i\u00e7in tipografi dahil karma\u015f\u0131k d\u00fczeni desteklemektedir.<\/div>\n<div style=\"clear: both;\"><\/div>\n<div style=\"clear: both; text-align: center;\">***<\/div>\n<div style=\"clear: both;\"><\/div>\n<div style=\"clear: both;\"><a href=\"http:\/\/easyframework.com\/\" target=\"_blank\" rel=\"nofollow\">Easy framework<\/a><\/div>\n<div style=\"clear: both;\"><\/div>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-863\" alt=\"Easy-framework\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/03\/Easy-framework.jpg\" width=\"516\" height=\"284\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Easy-framework.jpg 516w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Easy-framework-300x165.jpg 300w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>Kolay in\u015fa edilebilir d\u00fczenleri i\u00e7in bir CSS\/HTML JavaScript Framework\u00fcd\u00fcr. Bu ki\u015fisel bir proje olarak ba\u015flayan ve giderek daha fazla bir \u015fey haline gelmi\u015ftir, a\u00e7\u0131k\u00e7as\u0131 bir CSS framework\u00fcn den fazlas\u0131d\u0131r. \u00a0Easy Framework siz master kal\u0131p yerle\u015ftirebilirsiniz, \u00f6nceden bi\u00e7imlendirilmi\u015f ve i\u015flenmi\u015f CSS\/HTML i\u00e7eri\u011fi blok k\u00fct\u00fcphanesinde sa\u011flanmaktad\u0131r. \u00a0Framework kendi i\u00e7irik bloklar\u0131n\u0131 olu\u015fturman\u0131za olanak sa\u011flar.<\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/montagejs.org\/\" target=\"_blank\" rel=\"nofollow\">Montagejs framework<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-864\" alt=\"Montagejs-framework\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/03\/Montagejs-framework.jpg\" width=\"463\" height=\"349\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Montagejs-framework.jpg 463w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Montagejs-framework-300x226.jpg 300w\" sizes=\"(max-width: 463px) 100vw, 463px\" \/><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>HTML Framework daha h\u0131zl\u0131 tek bir sayfa uygulamalar\u0131 olu\u015fturman\u0131za olanak sa\u011flar. \u00a0Montagejs \u00a0zaman i\u00e7erisinde test edilmi\u015f tasar\u0131m desnleri ve yaz\u0131l\u0131m ilkelerini kullanarak t\u00fcm proje i\u00e7erisinde mod\u00fcllerden bir mimari olu\u015fturmak ve y\u00fcksek kaliteli bir kullan\u0131c\u0131 deneyimi sunmak ad\u0131na yard\u0131mc\u0131 olacakt\u0131r. \u00a0Framework modelleri ve g\u00f6r\u00fcn\u00fcmleri ve di\u011fer nesneleri aras\u0131nda durumu koordine sa\u011flayan nesneler, koleksiyonlar ve bile\u015fenleri aras\u0131nda ba\u011flayarak iki y\u00f6nl\u00fc verileri desteklemektedir.<\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/www.52framework.com\/\" target=\"_blank\" rel=\"nofollow\">52 framework<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-865\" alt=\"52-framework\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/03\/52-framework.jpg\" width=\"624\" height=\"341\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/52-framework.jpg 624w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/52-framework-300x163.jpg 300w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>52 Framework web geli\u015ftirme en son kullan\u0131m standartlar\u0131n\u0131n kullan\u0131m s\u00fcreci h\u0131zland\u0131rmak i\u00e7in bir yol olarak evanu a\u011f\u0131 taraf\u0131ndan ba\u015flat\u0131lm\u0131\u015ft\u0131r. 52 Framework \u00a0\u00f6nemli modern taray\u0131c\u0131lar\u0131 desteklerken HTML5 ve CSS3 'e ba\u015flamak i\u00e7in kolay bir yol sa\u011flamaktad\u0131r.<\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/getclank.com\/\" target=\"_blank\" rel=\"nofollow\">Clank mobile framework<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-866\" alt=\"Clank-mobile-framework\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/03\/Clank-mobile-framework.jpg\" width=\"624\" height=\"296\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Clank-mobile-framework.jpg 624w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/Clank-mobile-framework-300x142.jpg 300w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>Clank prototip telefon veya tablet uygulamas\u0131 i\u00e7in \u00f6nemli bir a\u00e7\u0131k kaynak HTML\/CSS Framework' \u00fcd\u00fcr. \u00a0Bu CSS \u00f6n i\u015flemci olarak kullan\u0131lan Saas, bu framework hem mobil hemde tablet cihazlar i\u00e7in h\u0131zl\u0131 bir geli\u015fim saplamaktad\u0131r.<\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p>Bu makale ger\u00e7ek bir bonus olarak HTML\/CSS Framework-lerin en kullan\u0131\u015fl\u0131 ve en pop\u00fcler Framework-lerini i\u00e7ermektedir. \u00a0\u015eimdi bu set ile gerekli bilgiye sahipsiniz \u015fimdi serin bir ba\u015flang\u0131\u00e7 yap\u0131n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML ve CSS, ikili kombinasyonu web sitelerinin \u00e7e\u015fitli \u00f6zellikler ile i\u015flevsel hale getirilmektedir. \u00a0Bu kuvvetli ikili bir ka\u00e7 \u00f6nemli Framework s\u00fcr\u00fcm\u00fc ile birlikte daha ak\u0131ll\u0131 olarak kullan\u0131labiliyor. \u00a0bu Frameworkler'in yap\u0131s\u0131 \u00f6zel tasar\u0131m ihtiya\u00e7lar\u0131na g\u00f6re tamam\u0131 ile \u00f6zelle\u015ftirilebilir \u015fablonlar \u015feklinde kendi durumlar\u0131n\u0131 yaratmaktad\u0131rlar. \u00a0Buna ek olarak, bu \u015fablonlar de\u011fi\u015ftirilebilir ve tasar\u0131mlar daha h\u0131zl\u0131 ve do\u011fru \u015fekilde [&hellip;]<\/p>\n","protected":false},"author":1805522,"featured_media":3393,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[20,1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>2014 Y\u0131l\u0131 Top 10 HTML\/CSS Frameworkler<\/title>\n<meta name=\"description\" content=\"Son y\u0131llarda i\u015flerimizi kolayla\u015ft\u0131rabilmek ad\u0131na \u00e7e\u015fitli Framework-leri kullanmaktay\u0131z. Bu makalede HTML\/CSS framework-leri&#039;nin en iyi 10 sunumunu ulabileceksiniz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"2014 Y\u0131l\u0131 Top 10 HTML\/CSS Frameworkler\" \/>\n<meta property=\"og:description\" content=\"Son y\u0131llarda i\u015flerimizi kolayla\u015ft\u0131rabilmek ad\u0131na \u00e7e\u015fitli Framework-leri kullanmaktay\u0131z. Bu makalede HTML\/CSS framework-leri&#039;nin en iyi 10 sunumunu ulabileceksiniz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TemplateMonster T\u00fcrkiye\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-03T15:55:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-01-16T15:34:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/2014.02.281.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"536\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:site\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/\"},\"author\":{\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\"},\"headline\":\"2014 Y\u0131l\u0131 HTML\/CSS &#8211; Top 10 Framework\",\"datePublished\":\"2014-03-03T15:55:18+00:00\",\"dateModified\":\"2015-01-16T15:34:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/\"},\"wordCount\":897,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"articleSection\":[\"Fikir\",\"Web Tasar\u0131m\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/\",\"name\":\"2014 Y\u0131l\u0131 Top 10 HTML\/CSS Frameworkler\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\"},\"datePublished\":\"2014-03-03T15:55:18+00:00\",\"dateModified\":\"2015-01-16T15:34:19+00:00\",\"description\":\"Son y\u0131llarda i\u015flerimizi kolayla\u015ft\u0131rabilmek ad\u0131na \u00e7e\u015fitli Framework-leri kullanmaktay\u0131z. Bu makalede HTML\/CSS framework-leri'nin en iyi 10 sunumunu ulabileceksiniz.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"2014 Y\u0131l\u0131 HTML\/CSS &#8211; Top 10 Framework\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"name\":\"Blog TemplateMonster T\u00fcrkiye\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/tr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\",\"name\":\"MonsterPost T\u00fcrkiye\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost T\u00fcrkiye\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\",\"https:\/\/twitter.com\/templatemonster\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\",\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Bar\u0131\u015f Hep\u00e7orman\"},\"description\":\"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin\",\"url\":\"https:\/\/monsterspost.com\/tr\/author\/baris\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"2014 Y\u0131l\u0131 Top 10 HTML\/CSS Frameworkler","description":"Son y\u0131llarda i\u015flerimizi kolayla\u015ft\u0131rabilmek ad\u0131na \u00e7e\u015fitli Framework-leri kullanmaktay\u0131z. Bu makalede HTML\/CSS framework-leri'nin en iyi 10 sunumunu ulabileceksiniz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/","og_locale":"tr_TR","og_type":"article","og_title":"2014 Y\u0131l\u0131 Top 10 HTML\/CSS Frameworkler","og_description":"Son y\u0131llarda i\u015flerimizi kolayla\u015ft\u0131rabilmek ad\u0131na \u00e7e\u015fitli Framework-leri kullanmaktay\u0131z. Bu makalede HTML\/CSS framework-leri'nin en iyi 10 sunumunu ulabileceksiniz.","og_url":"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/","og_site_name":"Blog TemplateMonster T\u00fcrkiye","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","article_published_time":"2014-03-03T15:55:18+00:00","article_modified_time":"2015-01-16T15:34:19+00:00","og_image":[{"width":900,"height":536,"url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/03\/2014.02.281.jpg","type":"image\/jpeg"}],"author":"Bar\u0131\u015f Hep\u00e7orman","twitter_card":"summary_large_image","twitter_creator":"@templatemonster","twitter_site":"@templatemonster","twitter_misc":{"Yazan:":"Bar\u0131\u015f Hep\u00e7orman","Tahmini okuma s\u00fcresi":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/"},"author":{"name":"Bar\u0131\u015f Hep\u00e7orman","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815"},"headline":"2014 Y\u0131l\u0131 HTML\/CSS &#8211; Top 10 Framework","datePublished":"2014-03-03T15:55:18+00:00","dateModified":"2015-01-16T15:34:19+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/"},"wordCount":897,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"articleSection":["Fikir","Web Tasar\u0131m"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/","url":"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/","name":"2014 Y\u0131l\u0131 Top 10 HTML\/CSS Frameworkler","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/#website"},"datePublished":"2014-03-03T15:55:18+00:00","dateModified":"2015-01-16T15:34:19+00:00","description":"Son y\u0131llarda i\u015flerimizi kolayla\u015ft\u0131rabilmek ad\u0131na \u00e7e\u015fitli Framework-leri kullanmaktay\u0131z. Bu makalede HTML\/CSS framework-leri'nin en iyi 10 sunumunu ulabileceksiniz.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/tr\/2014-yili-html-css-top-10-framework\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/tr\/"},{"@type":"ListItem","position":2,"name":"2014 Y\u0131l\u0131 HTML\/CSS &#8211; Top 10 Framework"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/tr\/#website","url":"https:\/\/monsterspost.com\/tr\/","name":"Blog TemplateMonster T\u00fcrkiye","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/tr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/tr\/#organization","name":"MonsterPost T\u00fcrkiye","url":"https:\/\/monsterspost.com\/tr\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost T\u00fcrkiye"},"image":{"@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","https:\/\/twitter.com\/templatemonster"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815","name":"Bar\u0131\u015f Hep\u00e7orman","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Bar\u0131\u015f Hep\u00e7orman"},"description":"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin","url":"https:\/\/monsterspost.com\/tr\/author\/baris\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/855"}],"collection":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/users\/1805522"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/comments?post=855"}],"version-history":[{"count":6,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/855\/revisions"}],"predecessor-version":[{"id":3394,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/855\/revisions\/3394"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media\/3393"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media?parent=855"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/categories?post=855"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/tags?post=855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}