{"id":354,"date":"2016-05-15T13:24:48","date_gmt":"2016-05-15T13:24:48","guid":{"rendered":"http:\/\/www.baltas.biz\/en\/?p=354"},"modified":"2016-05-15T13:26:37","modified_gmt":"2016-05-15T13:26:37","slug":"frameworks","status":"publish","type":"post","link":"https:\/\/www.baltas.biz\/en\/frameworks\/","title":{"rendered":"Frameworks"},"content":{"rendered":"

First off let me say that this is completely my opinion and what personally prefer.<\/p>\n

Having said that, lets talk about front-end frameworks for now.<\/p>\n

Front-end frameworks<\/h3>\n

These frameworks are usually packages made up of standardised code (HTML, CSS, JavaScript)<\/p>\n

Usual component include:<\/strong><\/p>\n

CSS source code for grid creation: this helps developers to position elements that make up the site design<\/p>\n

Classes to define HTML elements for advanced interface creation<\/p>\n

Browser incompatibility solutions so that the site displays correctly in different browsers<\/p>\n

 <\/p>\n

Responsive frameworks: At the moment responsive web is on the rise, that is they help adapt the website to various resolutions for different devices ( desktop, tablets, mobile ). These frameworks help solve the problem of making responsive websites.<\/p>\n

Framework selection<\/h3>\n

I would distinct two types of frameworks simple and complete frameworks. It all depends on the complexity of the framework. Though it\u2019s subjective, and it\u2019s not meant that one is better than another but rather they give different solutions depending on the solution required. I am more a fan of complete frameworks and haven’t used simple frameworks. But just for caparison I\u2019ll give simple framework examples as well.<\/p>\n

Simple framework<\/h3>\n

They give style sheets with with column systems to distributer different elements.<\/p>\n

Some examples:
\n\"\"<\/p>\n

Golden Grid System<\/h4>\n

Folding grid for responsive design.<\/p>\n

goldengridsystem.com\u00a0<\/a><\/td>\n

\"\"<\/p>\n

Mueller Grid System<\/h4>\n

 <\/p>\n

MUELLER is a modular grid system for responsive\/adaptive and non\u2013responsive layouts, based on Compass. You have full control over column width, gutter width, baseline grid and media\u2013queries.
\nmuellergridsystem.com<\/a>
\n\"\"<\/td>\n

Responsive Grid System, by Graham Miller<\/h4>\n

Spectacularly Easy Responsive Design. Inspired by Ethan Marcotte’s responsive web design, this site was set up in the spirit of giving something back. I found something that works for me, and I want to share it.<\/p>\n

responsivegridsystem.com<\/a><\/td>\n

Just a few of many i have found for a bigger list you can see it here:\u00a0codecondo.com – 17 Minimal CSS Frameworks<\/a><\/p>\n

Complete frameworks<\/h3>\n

They offer fetters like styled – typography, forms, buttons, icons and a lot of other components<\/p>\n

that provide navigation, alerts, popovers, images frames, HTML templates, custom settings, etc.
\nHere are some of the big ones:
\n\"\"<\/p>\n

Bootstrap<\/h4>\n

 <\/p>\n

Designed for everyone, everywhere. Bootstrap makes front-end web development faster and easier. It’s made for folks of all skill levels, devices of all shapes, and projects of all sizes. Built at Twitter by @mdo and @fat. its source code utilises the two most popular CSS preprocessors, Less and Sass.<\/p>\n

getbootstrap.com<\/a>\"\"<\/p>\n

Creative Tim<\/h4>\n

 <\/p>\n

Tim symbolizes the creative spirit inside of each and everyone of us. A designer by trade, he enjoys making the World Wide Web a more beautiful place and helping others do the same.<\/p>\n

creative-tim.com<\/a><\/td>\n

\"\"<\/p>\n

Semantic UI<\/h4>\n

UI is the vocabulary of the web. Semantic empowers designers and developers by creating a language for sharing UI. Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.<\/p>\n

semantic-ui.com<\/a>
\n\"\"<\/p>\n

Foundation<\/h4>\n

 <\/p>\n

An advanced responsive front-end framework. Foundation is built with Sass, a powerful CSS preprocessor, which allows us to much more quickly develop Foundation itself \u2014 and gives you new tools to quickly customize and build on top of Foundation.<\/p>\n

foundation.zurb.com<\/a>\"\"<\/td>\n

Skeleton<\/h4>\n

A Beautiful Boilerplate for Responsive, Mobile-Friendly Development. Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size.<\/p>\n

getskeleton.com<\/a>
\nFor a bigger list of complete frameworks look here:\u00a0mashable.com – 20 Exceptional CSS Boilerplates<\/a><\/p>\n

How to choose?<\/h3>\n

There is no one size fits all. Different frameworks offer different styles and every site is different.<\/p>\n

If you design the website use the framework you are most comfortable with.<\/p>\n

The frameworks don’t have my differences they are all complete and easy to use.<\/p>\n

However, here are some pointers<\/h4>\n

Understanding: Some are easy to grasps others are more complex and have more configuration options. It all depends how well they are documented it all boils down to that. If you are looking for a framework look for one with good documentation.<\/p>\n

Options: Some frameworks are more complex than others and offer more configuration options, widgets and interface options. These will allow you to do better things with your site.<\/p>\n

Support: Look for frameworks with a decent community. Lack of community will result in lack of updates and support.<\/p>\n

Pros and cons for using frameworks<\/strong><\/h3>\n

Pros<\/h4>\n

Helps speed up the templating process<\/p>\n

Your code is bound to be tidier<\/p>\n

Helps with some CSS problems<\/p>\n

Browser compatibility<\/p>\n

Improves coding practice<\/p>\n

Cons<\/h4>\n

There will be features that not all project need<\/p>\n

Takes time to learn<\/p>\n

You wont learn it to do yourself<\/p>\n

 <\/p>\n

Should you use frameworks<\/h3>\n

Completely the developers decision to use or not to use a framework. Depends on several issues we\u2019ve looked at. Frameworks can be very useful for many people, but not necessarily useful for you. At least now you know what they are and which ones are out there.<\/p>\n","protected":false},"excerpt":{"rendered":"

First off let me say that this is completely my opinion and what personally prefer. Having said that, lets talk about front-end frameworks for now. Front-end frameworks These frameworks are usually packages made up of standardised code (HTML, CSS, JavaScript) Usual component include: CSS source code for grid creation: this helps developers to position elements […]<\/p>\n","protected":false},"author":1,"featured_media":356,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-354","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"acf":[],"yoast_head":"\nFrameworks - Baltas<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.baltas.biz\/en\/frameworks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frameworks - Baltas\" \/>\n<meta property=\"og:description\" content=\"First off let me say that this is completely my opinion and what personally prefer. Having said that, lets talk about front-end frameworks for now. Front-end frameworks These frameworks are usually packages made up of standardised code (HTML, CSS, JavaScript) Usual component include: CSS source code for grid creation: this helps developers to position elements […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.baltas.biz\/en\/frameworks\/\" \/>\n<meta property=\"og:site_name\" content=\"Baltas\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-15T13:24:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-05-15T13:26:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.baltas.biz\/wp-content\/uploads\/2016\/05\/312_201551517JTNUW.png\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"baltas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"baltas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/\"},\"author\":{\"name\":\"baltas\",\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/#\\\/schema\\\/person\\\/42fb2887449ead82c3023240e547d0ac\"},\"headline\":\"Frameworks\",\"datePublished\":\"2016-05-15T13:24:48+00:00\",\"dateModified\":\"2016-05-15T13:26:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/\"},\"wordCount\":832,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.baltas.biz\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/312_201551517JTNUW.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/\",\"url\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/\",\"name\":\"Frameworks - Baltas\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.baltas.biz\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/312_201551517JTNUW.png\",\"datePublished\":\"2016-05-15T13:24:48+00:00\",\"dateModified\":\"2016-05-15T13:26:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/#\\\/schema\\\/person\\\/42fb2887449ead82c3023240e547d0ac\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.baltas.biz\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/312_201551517JTNUW.png\",\"contentUrl\":\"https:\\\/\\\/www.baltas.biz\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/312_201551517JTNUW.png\",\"width\":700,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/frameworks\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.baltas.biz\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frameworks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/#website\",\"url\":\"https:\\\/\\\/www.baltas.biz\\\/\",\"name\":\"Baltas\",\"description\":\"Mes kuriame verslo valdymo sistemas, e-parduotuves, interneto svetaines, interneto puslapi\u0173 dizain\u0105, multimedi\u0105. Mes pri\u017ei\u016brime ir atnaujiname svetaines ir sistemas, atliekame svetaini\u0173 optimizacij\u0105 (SEO). Kuriame lopotipus, prek\u0117s \u017eenklus, reklamos skydelius (banner), aplikacijas soc. tinklams ir t.t.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.baltas.biz\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.baltas.biz\\\/#\\\/schema\\\/person\\\/42fb2887449ead82c3023240e547d0ac\",\"name\":\"baltas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/036abe811828e2b3bf1376bcbef5813f9e76114ed96f468834992d8db7faf3d6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/036abe811828e2b3bf1376bcbef5813f9e76114ed96f468834992d8db7faf3d6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/036abe811828e2b3bf1376bcbef5813f9e76114ed96f468834992d8db7faf3d6?s=96&d=mm&r=g\",\"caption\":\"baltas\"},\"url\":\"https:\\\/\\\/www.baltas.biz\\\/en\\\/author\\\/baltas\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frameworks - Baltas","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:\/\/www.baltas.biz\/en\/frameworks\/","og_locale":"en_US","og_type":"article","og_title":"Frameworks - Baltas","og_description":"First off let me say that this is completely my opinion and what personally prefer. Having said that, lets talk about front-end frameworks for now. Front-end frameworks These frameworks are usually packages made up of standardised code (HTML, CSS, JavaScript) Usual component include: CSS source code for grid creation: this helps developers to position elements […]","og_url":"https:\/\/www.baltas.biz\/en\/frameworks\/","og_site_name":"Baltas","article_published_time":"2016-05-15T13:24:48+00:00","article_modified_time":"2016-05-15T13:26:37+00:00","og_image":[{"width":700,"height":400,"url":"https:\/\/www.baltas.biz\/wp-content\/uploads\/2016\/05\/312_201551517JTNUW.png","type":"image\/png"}],"author":"baltas","twitter_card":"summary_large_image","twitter_misc":{"Written by":"baltas","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.baltas.biz\/en\/frameworks\/#article","isPartOf":{"@id":"https:\/\/www.baltas.biz\/en\/frameworks\/"},"author":{"name":"baltas","@id":"https:\/\/www.baltas.biz\/#\/schema\/person\/42fb2887449ead82c3023240e547d0ac"},"headline":"Frameworks","datePublished":"2016-05-15T13:24:48+00:00","dateModified":"2016-05-15T13:26:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.baltas.biz\/en\/frameworks\/"},"wordCount":832,"commentCount":0,"image":{"@id":"https:\/\/www.baltas.biz\/en\/frameworks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.baltas.biz\/wp-content\/uploads\/2016\/05\/312_201551517JTNUW.png","articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.baltas.biz\/en\/frameworks\/","url":"https:\/\/www.baltas.biz\/en\/frameworks\/","name":"Frameworks - Baltas","isPartOf":{"@id":"https:\/\/www.baltas.biz\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.baltas.biz\/en\/frameworks\/#primaryimage"},"image":{"@id":"https:\/\/www.baltas.biz\/en\/frameworks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.baltas.biz\/wp-content\/uploads\/2016\/05\/312_201551517JTNUW.png","datePublished":"2016-05-15T13:24:48+00:00","dateModified":"2016-05-15T13:26:37+00:00","author":{"@id":"https:\/\/www.baltas.biz\/#\/schema\/person\/42fb2887449ead82c3023240e547d0ac"},"breadcrumb":{"@id":"https:\/\/www.baltas.biz\/en\/frameworks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.baltas.biz\/en\/frameworks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.baltas.biz\/en\/frameworks\/#primaryimage","url":"https:\/\/www.baltas.biz\/wp-content\/uploads\/2016\/05\/312_201551517JTNUW.png","contentUrl":"https:\/\/www.baltas.biz\/wp-content\/uploads\/2016\/05\/312_201551517JTNUW.png","width":700,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.baltas.biz\/en\/frameworks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.baltas.biz\/"},{"@type":"ListItem","position":2,"name":"Frameworks"}]},{"@type":"WebSite","@id":"https:\/\/www.baltas.biz\/#website","url":"https:\/\/www.baltas.biz\/","name":"Baltas","description":"Mes kuriame verslo valdymo sistemas, e-parduotuves, interneto svetaines, interneto puslapi\u0173 dizain\u0105, multimedi\u0105. Mes pri\u017ei\u016brime ir atnaujiname svetaines ir sistemas, atliekame svetaini\u0173 optimizacij\u0105 (SEO). Kuriame lopotipus, prek\u0117s \u017eenklus, reklamos skydelius (banner), aplikacijas soc. tinklams ir t.t.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.baltas.biz\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.baltas.biz\/#\/schema\/person\/42fb2887449ead82c3023240e547d0ac","name":"baltas","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/036abe811828e2b3bf1376bcbef5813f9e76114ed96f468834992d8db7faf3d6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/036abe811828e2b3bf1376bcbef5813f9e76114ed96f468834992d8db7faf3d6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/036abe811828e2b3bf1376bcbef5813f9e76114ed96f468834992d8db7faf3d6?s=96&d=mm&r=g","caption":"baltas"},"url":"https:\/\/www.baltas.biz\/en\/author\/baltas\/"}]}},"_links":{"self":[{"href":"https:\/\/www.baltas.biz\/en\/wp-json\/wp\/v2\/posts\/354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.baltas.biz\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.baltas.biz\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.baltas.biz\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.baltas.biz\/en\/wp-json\/wp\/v2\/comments?post=354"}],"version-history":[{"count":2,"href":"https:\/\/www.baltas.biz\/en\/wp-json\/wp\/v2\/posts\/354\/revisions"}],"predecessor-version":[{"id":360,"href":"https:\/\/www.baltas.biz\/en\/wp-json\/wp\/v2\/posts\/354\/revisions\/360"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.baltas.biz\/en\/wp-json\/wp\/v2\/media\/356"}],"wp:attachment":[{"href":"https:\/\/www.baltas.biz\/en\/wp-json\/wp\/v2\/media?parent=354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.baltas.biz\/en\/wp-json\/wp\/v2\/categories?post=354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.baltas.biz\/en\/wp-json\/wp\/v2\/tags?post=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}