{"id":83,"date":"2015-11-27T05:39:06","date_gmt":"2015-11-27T05:39:06","guid":{"rendered":"http:\/\/qtypography.com\/blog\/?p=83"},"modified":"2016-08-31T09:47:47","modified_gmt":"2016-08-31T09:47:47","slug":"typogrid_web_app","status":"publish","type":"post","link":"https:\/\/qtypography.com\/blog\/2015\/11\/27\/typogrid_web_app\/","title":{"rendered":"TypoGrid Web App. New tool for typographers\/calligraphers &#038; Pixel artists."},"content":{"rendered":"<p>In 2012, I developed the first version of this web application under &#8220;Square Kufi \/ Kufi Murabba&#8221; name. The concept of the app was to help users to create one kind of arabic calligraphy which is Square Kufi using pen and eraser tools.<\/p>\n<p>Square Kufic is one of the oldest calligraphy style in the arabic heritage. It appeared from the thirteenth century on coins, tile work and elsewhere in Iraq, Turkey &amp; Iran. In today\u2019s world, it is used for logotypes by some designers and typographers of both, the Arab world as well as globally.<br \/>\nTypoGrid App<br \/>\nAt the end of 2014, and after feedback and further development of my vision, I developed a lot of concepts to created an advanced and smart tool for typographers and graphic designers which would help them to create typography letters and pixel arts based on the grids system, in a much more faster way. Thus, this web application has now emerged as something more than a tool to create Kufi arabic calligraphy &#8211; it has become a Typogrid.<\/p>\n<p>Qassim Haider<\/p>\n<p>Technical Features:<br \/>\n&#8211; User-friendly interface<br \/>\n&#8211; Export as SVG (as vector for Adobe Illustrator) and PNG (as an image for Adobe Photoshop)<br \/>\n&#8211; Import SVG files<br \/>\n&#8211; Compatible on iPad, Tablets and smart phones<\/p>\n<p>&nbsp;<\/p>\n<p>What is new in version 1.3.0 ?<br \/>\n&#8211; Bold &amp; light thicknesses \/ Unit controller (Click on + and &#8211; keys).<br \/>\n&#8211; New mode views.<br \/>\n&#8211; Rounded Corners.<br \/>\n&#8211; Bug fixes &amp; performance improvements.<br \/>\n&#8211; More compatible on desktop &amp; tablets.<br \/>\n<a href=\"http:\/\/typogridapp.com\" target=\"_blank\">http:\/\/typogridapp.com<\/a><\/p>\n<p><iframe loading=\"lazy\" title=\"TypoGrid - Movie 2\" src=\"https:\/\/player.vimeo.com\/video\/121029805?dnt=1&amp;app_id=122963\" width=\"640\" height=\"400\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"TypoGrid - Movie1\" src=\"https:\/\/player.vimeo.com\/video\/121028665?dnt=1&amp;app_id=122963\" width=\"700\" height=\"438\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"TypoGrid - Movie 3\" src=\"https:\/\/player.vimeo.com\/video\/158229896?dnt=1&amp;app_id=122963\" width=\"700\" height=\"438\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"TypoGrid - Movie 4\" src=\"https:\/\/player.vimeo.com\/video\/158233830?dnt=1&amp;app_id=122963\" width=\"700\" height=\"438\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"TypoGrid - Movie 5\" src=\"https:\/\/player.vimeo.com\/video\/179593398?dnt=1&amp;app_id=122963\" width=\"700\" height=\"438\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/p>\n<p><span style=\"color: #000000; font-family: Helvetica; font-size: 13px; line-height: normal;\">\u00a0<\/span><\/p>\n<div data-animation=\"no-animation\" data-icons-animation=\"no-animation\" data-overlay=\"\" data-change-size=\"\" data-button-size=\"0.7\" style=\"font-size:0.7em!important;display:none;\" class=\"supsystic-social-sharing supsystic-social-sharing-package-flat supsystic-social-sharing-hide-on-homepage supsystic-social-sharing-spacing supsystic-social-sharing-content supsystic-social-sharing-content-align-left\" data-text=\"\"><a data-networks=\"[]\" class=\"social-sharing-button sharer-flat sharer-flat-3 counter-standard without-counter facebook\" target=\"_blank\" title=\"Facebook\" href=\"http:\/\/www.facebook.com\/sharer.php?u=https%3A%2F%2Fqtypography.com%2Fblog%2F2015%2F11%2F27%2Ftypogrid_web_app%2F\" data-main-href=\"http:\/\/www.facebook.com\/sharer.php?u={url}\" data-nid=\"1\" data-name=\"\" data-pid=\"1\" data-post-id=\"83\" data-url=\"https:\/\/qtypography.com\/blog\/wp-admin\/admin-ajax.php\" data-description=\"TypoGrid Web App. New tool for typographers\/calligraphers & Pixel artists.\" rel=\"nofollow\" data-mailto=\"\"><i class=\"fa-ssbs fa-ssbs-fw fa-ssbs-facebook\"><\/i><div class=\"counter-wrap standard\"><span class=\"counter\">0<\/span><\/div><\/a><a data-networks=\"[]\" class=\"social-sharing-button sharer-flat sharer-flat-3 counter-standard without-counter twitter\" target=\"_blank\" title=\"Twitter\" href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fqtypography.com%2Fblog%2F2015%2F11%2F27%2Ftypogrid_web_app%2F&text=TypoGrid+Web+App.+New+tool+for+typographers%2Fcalligraphers+%26%23038%3B+Pixel+artists.\" data-main-href=\"https:\/\/twitter.com\/share?url={url}&text={title}\" data-nid=\"2\" data-name=\"\" data-pid=\"1\" data-post-id=\"83\" data-url=\"https:\/\/qtypography.com\/blog\/wp-admin\/admin-ajax.php\" data-description=\"TypoGrid Web App. New tool for typographers\/calligraphers & Pixel artists.\" rel=\"nofollow\" data-mailto=\"\"><i class=\"fa-ssbs fa-ssbs-fw fa-ssbs-twitter\"><\/i><div class=\"counter-wrap standard\"><span class=\"counter\">1<\/span><\/div><\/a><a data-networks=\"[]\" class=\"social-sharing-button sharer-flat sharer-flat-3 counter-standard without-counter like\" target=\"_blank\" title=\"Like\" href=\"#\" data-main-href=\"#\" data-nid=\"5\" data-name=\"\" data-pid=\"1\" data-post-id=\"83\" data-url=\"https:\/\/qtypography.com\/blog\/wp-admin\/admin-ajax.php\" data-description=\"TypoGrid Web App. New tool for typographers\/calligraphers & Pixel artists.\" rel=\"nofollow\" data-mailto=\"\"><i class=\"fa-ssbs fa-ssbs-fw fa-ssbs-heart\"><\/i><div class=\"counter-wrap standard\"><span class=\"counter\">0<\/span><\/div><\/a><a data-networks=\"[]\" class=\"social-sharing-button sharer-flat sharer-flat-3 counter-standard without-counter print\" target=\"_blank\" title=\"Print\" href=\"#\" data-main-href=\"#\" data-nid=\"14\" data-name=\"\" data-pid=\"1\" data-post-id=\"83\" data-url=\"https:\/\/qtypography.com\/blog\/wp-admin\/admin-ajax.php\" data-description=\"TypoGrid Web App. New tool for typographers\/calligraphers & Pixel artists.\" rel=\"nofollow\" data-mailto=\"\"><i class=\"fa-ssbs fa-ssbs-fw fa-ssbs-print\"><\/i><div class=\"counter-wrap standard\"><span class=\"counter\">0<\/span><\/div><\/a><a data-networks=\"[]\" class=\"social-sharing-button sharer-flat sharer-flat-3 counter-standard without-counter mail\" target=\"_blank\" title=\"Mail\" href=\"#\" data-main-href=\"#\" data-nid=\"16\" data-name=\"\" data-pid=\"1\" data-post-id=\"83\" data-url=\"https:\/\/qtypography.com\/blog\/wp-admin\/admin-ajax.php\" data-description=\"TypoGrid Web App. New tool for typographers\/calligraphers & Pixel artists.\" rel=\"nofollow\" data-mailto=\"\"><i class=\"fa-ssbs fa-ssbs-fw fa-ssbs-envelope-o\"><\/i><div class=\"counter-wrap standard\"><span class=\"counter\">0<\/span><\/div><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>In 2012, I developed the first version of this web application under &#8220;Square Kufi \/ Kufi Murabba&#8221; name. The concept of the app was to help users to create one kind of arabic calligraphy which is Square Kufi using pen and eraser tools. Square Kufic is one of the oldest calligraphy style in the arabic [&hellip;]<\/p>\n<div data-animation=\"no-animation\" data-icons-animation=\"no-animation\" data-overlay=\"\" data-change-size=\"\" data-button-size=\"0.7\" style=\"font-size:0.7em!important;display:none;\" class=\"supsystic-social-sharing supsystic-social-sharing-package-flat supsystic-social-sharing-hide-on-homepage supsystic-social-sharing-spacing supsystic-social-sharing-content supsystic-social-sharing-content-align-left\" data-text=\"\"><a data-networks=\"[]\" class=\"social-sharing-button sharer-flat sharer-flat-3 counter-standard without-counter facebook\" target=\"_blank\" title=\"Facebook\" href=\"http:\/\/www.facebook.com\/sharer.php?u=https%3A%2F%2Fqtypography.com%2Fblog%2F2015%2F11%2F27%2Ftypogrid_web_app%2F\" data-main-href=\"http:\/\/www.facebook.com\/sharer.php?u={url}\" data-nid=\"1\" data-name=\"\" data-pid=\"1\" data-post-id=\"83\" data-url=\"https:\/\/qtypography.com\/blog\/wp-admin\/admin-ajax.php\" data-description=\"TypoGrid Web App. New tool for typographers\/calligraphers & Pixel artists.\" rel=\"nofollow\" data-mailto=\"\"><i class=\"fa-ssbs fa-ssbs-fw fa-ssbs-facebook\"><\/i><div class=\"counter-wrap standard\"><span class=\"counter\">0<\/span><\/div><\/a><a data-networks=\"[]\" class=\"social-sharing-button sharer-flat sharer-flat-3 counter-standard without-counter twitter\" target=\"_blank\" title=\"Twitter\" href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fqtypography.com%2Fblog%2F2015%2F11%2F27%2Ftypogrid_web_app%2F&text=TypoGrid+Web+App.+New+tool+for+typographers%2Fcalligraphers+%26%23038%3B+Pixel+artists.\" data-main-href=\"https:\/\/twitter.com\/share?url={url}&text={title}\" data-nid=\"2\" data-name=\"\" data-pid=\"1\" data-post-id=\"83\" data-url=\"https:\/\/qtypography.com\/blog\/wp-admin\/admin-ajax.php\" data-description=\"TypoGrid Web App. New tool for typographers\/calligraphers & Pixel artists.\" rel=\"nofollow\" data-mailto=\"\"><i class=\"fa-ssbs fa-ssbs-fw fa-ssbs-twitter\"><\/i><div class=\"counter-wrap standard\"><span class=\"counter\">1<\/span><\/div><\/a><a data-networks=\"[]\" class=\"social-sharing-button sharer-flat sharer-flat-3 counter-standard without-counter like\" target=\"_blank\" title=\"Like\" href=\"#\" data-main-href=\"#\" data-nid=\"5\" data-name=\"\" data-pid=\"1\" data-post-id=\"83\" data-url=\"https:\/\/qtypography.com\/blog\/wp-admin\/admin-ajax.php\" data-description=\"TypoGrid Web App. New tool for typographers\/calligraphers & Pixel artists.\" rel=\"nofollow\" data-mailto=\"\"><i class=\"fa-ssbs fa-ssbs-fw fa-ssbs-heart\"><\/i><div class=\"counter-wrap standard\"><span class=\"counter\">0<\/span><\/div><\/a><a data-networks=\"[]\" class=\"social-sharing-button sharer-flat sharer-flat-3 counter-standard without-counter print\" target=\"_blank\" title=\"Print\" href=\"#\" data-main-href=\"#\" data-nid=\"14\" data-name=\"\" data-pid=\"1\" data-post-id=\"83\" data-url=\"https:\/\/qtypography.com\/blog\/wp-admin\/admin-ajax.php\" data-description=\"TypoGrid Web App. New tool for typographers\/calligraphers & Pixel artists.\" rel=\"nofollow\" data-mailto=\"\"><i class=\"fa-ssbs fa-ssbs-fw fa-ssbs-print\"><\/i><div class=\"counter-wrap standard\"><span class=\"counter\">0<\/span><\/div><\/a><a data-networks=\"[]\" class=\"social-sharing-button sharer-flat sharer-flat-3 counter-standard without-counter mail\" target=\"_blank\" title=\"Mail\" href=\"#\" data-main-href=\"#\" data-nid=\"16\" data-name=\"\" data-pid=\"1\" data-post-id=\"83\" data-url=\"https:\/\/qtypography.com\/blog\/wp-admin\/admin-ajax.php\" data-description=\"TypoGrid Web App. New tool for typographers\/calligraphers & Pixel artists.\" rel=\"nofollow\" data-mailto=\"\"><i class=\"fa-ssbs fa-ssbs-fw fa-ssbs-envelope-o\"><\/i><div class=\"counter-wrap standard\"><span class=\"counter\">0<\/span><\/div><\/a><\/div>","protected":false},"author":1,"featured_media":113,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,1],"tags":[27,25,24,26,6,28,29],"class_list":["post-83","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-profile","category-public","tag-kufi-murabba","tag-kufic","tag-pixel","tag-square-kufi","tag-typography","tag-typogrid","tag-web-app"],"_links":{"self":[{"href":"https:\/\/qtypography.com\/blog\/wp-json\/wp\/v2\/posts\/83"}],"collection":[{"href":"https:\/\/qtypography.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qtypography.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qtypography.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qtypography.com\/blog\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":5,"href":"https:\/\/qtypography.com\/blog\/wp-json\/wp\/v2\/posts\/83\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/qtypography.com\/blog\/wp-json\/wp\/v2\/posts\/83\/revisions\/115"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qtypography.com\/blog\/wp-json\/wp\/v2\/media\/113"}],"wp:attachment":[{"href":"https:\/\/qtypography.com\/blog\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qtypography.com\/blog\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qtypography.com\/blog\/wp-json\/wp\/v2\/tags?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}