{"id":16109,"date":"2018-09-24T11:28:22","date_gmt":"2018-09-24T10:28:22","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=16109"},"modified":"2020-09-03T16:06:08","modified_gmt":"2020-09-03T15:06:08","slug":"small-ships","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/small-ships\/","title":{"rendered":"Small Ships"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Introducing a brand new series directly from the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/why-marvel\">Marvel<\/a> dev team. You'll find us back here every month at the same time, dropping some details on what we've shipped the past 30 days. We'll leave the big launches out of these updates, you'll see enough of those in various mediums on all our channels. These will be focused on the smaller features, product iterations and also, for shedding a little light on how the team works.  <\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Inside Stroke for design tool<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Until recently, when creating a rectangle, ellipse or image in Marvel's design tool, you've been limited to the type of border you could create. It could be dashed, dotted, solid, thick, thin, colourful, transparent, sharp-cornered or rounded, but it would always be centre-aligned.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Marvel's design tool now gives you access to inside-aligned borders, which means creating shapes which, no matter how thick the border, won't ever get larger.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We've done this to better reflect the expectations of our users, especially those who're working on applications designed for platforms where most primitive shapes with borders tend to incorporate those borders into their size.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">However, if you're more of a centre-aligned border kinda person, we've still got you covered. Just select the object you want to change, find the border panel in the right-hand Inspector sidebar, click the cog icon and choose your preferred position.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/09\/Image-5-2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/09\/Image-5-2.png\" alt=\"\" width=\"762\" height=\"368\" class=\"alignnone size-full wp-image-16113\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/Image-5-2.png 762w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/Image-5-2-600x290.png 600w\" sizes=\"auto, (max-width: 762px) 100vw, 762px\" \/><\/a><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Tooltips<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Another thing you may have noticed recently turning up in Marvel's design tool are the tooltips when hovering over buttons. We've got a lot of features which are largely symbolised by icons, so to add clarity and make our product more accessible, we've added tooltips wherever a button isn't able to fit any text.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/09\/Image-6.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/09\/Image-6.png\" alt=\"\" width=\"878\" height=\"668\" class=\"alignnone size-full wp-image-16114\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/Image-6.png 878w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/Image-6-600x456.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/Image-6-768x584.png 768w\" sizes=\"auto, (max-width: 878px) 100vw, 878px\" \/><\/a><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Next up<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We've got some great new features coming up in the near future, and we'd like to test some of them before release with some of our most engaged users. If you think you fit that description, head to this form to <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelmarketing.typeform.com\/to\/bJAXfw\">sign up to beta test<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Otherwise, we're always keen to hear your feedback. You can contact me at dan@marvelapp.com or you can stick some feedback on our <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.cnflx.io\/public\">feature request board<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducing a brand new series directly from the Marvel dev team. You&#8217;ll find us back here every month at the same time, dropping some details on what we&#8217;ve shipped the past 30 days. We&#8217;ll leave the big launches out of these updates, you&#8217;ll see enough of those in various mediums on all our channels. These will be focused on the&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/small-ships\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":252,"featured_media":16115,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-16109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-engineering"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/small-ships\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Small Ships | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"Introducing a brand new series directly from the Marvel dev team. You&#039;ll find us back here every month at the same time, dropping some details on what we&#039;ve shipped the past 30 days. We&#039;ll leave the big launches out of these updates, you&#039;ll see enough of those in various mediums on all our channels. These will be focused on the... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/small-ships\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-24T10:28:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-03T15:06:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/smallships.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/small-ships\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/smallships.png\",\"width\":\"1600\",\"height\":\"700\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/small-ships\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/small-ships\/\",\"name\":\"Small Ships | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/small-ships\/#primaryimage\"},\"datePublished\":\"2018-09-24T10:28:22+00:00\",\"dateModified\":\"2020-09-03T15:06:08+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/small-ships\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/small-ships\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/small-ships\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/58bc08ac2e7d9398e8604ddf32490b77\"},\"headline\":\"Small Ships\",\"datePublished\":\"2018-09-24T10:28:22+00:00\",\"dateModified\":\"2020-09-03T15:06:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/small-ships\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/small-ships\/#primaryimage\"},\"articleSection\":\"Small Ships\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/small-ships\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/58bc08ac2e7d9398e8604ddf32490b77\",\"name\":\"Dan Hough\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b8d1d6a83b2216113cdaaa4e27ca46ae874ff75f4407e9833d9c9f5d5c275b6e?s=96&d=mm&r=g\",\"caption\":\"Dan Hough\"},\"description\":\"Former developer, now Product Manager at Marvel. I turn user needs into dev work, and tweet nonsense and music frequently: @basicallydan\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/16109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/252"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=16109"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/16109\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/16115"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=16109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=16109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=16109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}