{"id":1535,"date":"2017-02-05T20:55:19","date_gmt":"2017-02-05T20:55:19","guid":{"rendered":"http:\/\/www.lepix.org\/free\/?p=1535"},"modified":"2017-10-01T15:53:43","modified_gmt":"2017-10-01T15:53:43","slug":"free-front-end-framework-sketch-complete-technical-start-guide","status":"publish","type":"post","link":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/","title":{"rendered":"Free front end framework for sketch with a very complete technical start guide"},"content":{"rendered":"<p>This free front end framework for sketch is a very complete technical start guide. The author explains step by step\u00a0is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives\u00a0some very useful recommendations for web designers who want to achieve better results increasing productivity, it refers some good practices for team work showing a very complete organizational structure divided in six\u00a0principal\u00a0points:<\/p>\n<ul>\n<li id=\"5d57\" class=\"graf graf--li graf-after--p\"><strong class=\"markup--strong markup--li-strong\">Styling:<\/strong> color palette, font-family, typography, Icons.<\/li>\n<li id=\"8576\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Layouts &amp; page patterns:<\/strong> different compositions, grids and main navigation.<\/li>\n<li id=\"44f7\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Navigation elements:<\/strong> links, tabs and pagination.<\/li>\n<li id=\"e1cd\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Modal windows:<\/strong> popovers, tooltips, dropdowns, message dialogs.<\/li>\n<li id=\"0948\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Entering text:<\/strong> forms.<\/li>\n<li id=\"9313\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Components<\/strong><\/li>\n<\/ul>\n<p>In the end of his\u00a0cool article\u00a0<a class=\"link link link--darken link--darker u-baseColor--link is-touched\" dir=\"auto\" href=\"https:\/\/medium.com\/@sebamantel?source=post_header_lockup\" target=\"_blank\" data-action=\"show-user-card\" data-action-source=\"post_header_lockup\" data-action-value=\"4959f7010bb5\" data-action-type=\"hover\" data-user-id=\"4959f7010bb5\">Seba Mantel<\/a>\u00a0shares his\u00a0framework. So if you want to start using sketch or if you already do it but want to increase your workflow, this is certainly for you. If you like it, don&#8217;t forget to give some good feedback to the author, he really deserves it.<\/p>\n<p>Credits for:\u00a0<a class=\"link link--darker link--darken u-accentColor--textDarken u-baseColor--link is-touched\" dir=\"auto\" title=\"Go to the profile of Seba Mantel\" href=\"https:\/\/medium.com\/@sebamantel\" target=\"_blank\" data-user-id=\"4959f7010bb5\">Seba Mantel<\/a><\/p>\n<a href=\"https:\/\/medium.com\/sketch-app-sources\/how-to-create-a-front-end-framework-with-sketch-2379edb5e7df#.ku475bke7\" class=\"symple-button default black   \" target=\"_blank\" title=\"Visit Site\" style=\"border-radius:0px\" rel=\"\"><span class=\"symple-button-inner\" style=\"border-radius:0px\"><span class=\"symple-button-icon-left fa fa-fa chevron-down\"><\/span>Download Resource Here<\/span><\/a>\n<p>&nbsp;<\/p>\n<div style=\"width: 2010px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" class=\"size-full\" src=\"https:\/\/i0.wp.com\/lepix.org\/free\/wp-content\/uploads\/-000\/\/1\/1%2ABmaLZzro_CRuppVWr1hzVA.png?resize=980%2C432\" width=\"980\" height=\"432\" \/><p class=\"wp-caption-text\">Front End Framework for Sketch<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div style=\"width: 783px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" class=\"size-full\" src=\"https:\/\/i0.wp.com\/lepix.org\/free\/wp-content\/uploads\/-000\/\/1\/1%2AGmMBqaF-_o8DSW15ofCA1Q.gif?resize=773%2C349\" width=\"773\" height=\"349\" \/><p class=\"wp-caption-text\">sketch provides a series of options to design responsive tables<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This free front end framework for sketch is a very complete technical start guide. The author explains step by step\u00a0is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives\u00a0some very useful recommendations for web designers who want to achieve better results increasing productivity, it [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1540,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[5,462,3],"tags":[371,370,173,17,144,18,395,392,20,58,16,372,394,316,290,393,57,38,142,373,146,147,374,368,289],"class_list":["post-1535","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-freebies","category-sketch","category-ui-kits","tag-calendar","tag-dashboard","tag-design","tag-design-resources","tag-framework","tag-free","tag-free-front-end-framework-for-sketch-with-a-very-complete-technical-start-guidev","tag-front-end-framework","tag-gratis","tag-lepix","tag-lepix-org","tag-log-in","tag-seba-mantel","tag-simple","tag-sketch","tag-styleguide","tag-template","tag-ui-kit","tag-user-interface","tag-users","tag-ux","tag-web-design","tag-web-page-template","tag-web-template","tag-workflow","loop-entry","clr"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/lepix.org\/free\/wp-content\/uploads\/-000\/\/1\/1%2ABmaLZzro_CRuppVWr1hzVA.png?fit=1600%2C705&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5NRH4-oL","jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/posts\/1535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/comments?post=1535"}],"version-history":[{"count":5,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/posts\/1535\/revisions"}],"predecessor-version":[{"id":1545,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/posts\/1535\/revisions\/1545"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/media\/1540"}],"wp:attachment":[{"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/media?parent=1535"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/categories?post=1535"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/tags?post=1535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}