You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
474 lines
18 KiB
474 lines
18 KiB
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Blog</title>
|
|
<meta name="description" content="Ura is a digital studio which focuses on visual communication solutions tailored for Open Source and Internet Freedom projects.
|
|
">
|
|
|
|
<!-- Metadata -->
|
|
|
|
<meta property="og:site_name" content="Ura Design">
|
|
|
|
<meta property="og:title" content="Blog">
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:description" content=""/>
|
|
|
|
|
|
<meta property="og:url" content="http://localhost:4000/blog/" />
|
|
|
|
|
|
<meta content="https://ura.design/images/main/icon.png" property="og:image">
|
|
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:site" content="@uracreative" />
|
|
<meta name="twitter:image:src" content="https://ura.design/" />
|
|
|
|
<link rel="stylesheet" href="/css/app.css">
|
|
<link href="/fonts/overpass/overpass.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="/css/superslides.css"/>
|
|
<link rel="stylesheet" href="/css/slick-theme.css"/>
|
|
<link rel="stylesheet" href="/css/slick.css"/>
|
|
<link rel="stylesheet" href="/css/animate.css"/>
|
|
<link rel="stylesheet" href="/css/linea-styles.css"/>
|
|
<link rel="stylesheet" href="/css/linea-arrows-styles.css"/>
|
|
<link rel="stylesheet" href="/css/fontawesome-all.css"/>
|
|
<link rel="stylesheet" href="/css/style.css"/>
|
|
<link rel="stylesheet" href="/css/responsive.css"/>
|
|
|
|
<script src="/bower_components/modernizr/modernizr.js"></script>
|
|
|
|
<link rel="canonical" href="http://localhost:4000/blog/">
|
|
<link rel="alternate" type="application/rss+xml" title="Ura Design" href="http://localhost:4000/feed.xml">
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div class='contain-to-grid sticky transparent'>
|
|
<nav class='top-bar' data-options='sticky_on: large' data-topbar=''>
|
|
<ul class='title-area'>
|
|
<li class="">
|
|
<h1>
|
|
<a href='/'><img src="/images/main/logo.svg" width="180.7px" height="56.5px" alt="Ura Logo">
|
|
</a>
|
|
</h1>
|
|
</li>
|
|
</ul>
|
|
<div id="menu-toggler" class="right">
|
|
<a href='#'>
|
|
<i class="icon-arrows-hamburger-2"></i>
|
|
</a>
|
|
</div>
|
|
<section class='top-bar-section closed'>
|
|
<ul class='right'>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="has-dropdown active">
|
|
<a href="/blog/">Blog</a>
|
|
<ul class='dropdown'>
|
|
|
|
<li>
|
|
<a href="/events">Events</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="has-dropdown ">
|
|
<a href="/services">Services</a>
|
|
<ul class='dropdown'>
|
|
|
|
<li>
|
|
<a href="/request">Request</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="has-dropdown ">
|
|
<a href="/projects">Projects</a>
|
|
<ul class='dropdown'>
|
|
|
|
<li>
|
|
<a href="/logobridge">Logobridge</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="">
|
|
<a href="/support-us">Support Us</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="has-dropdown ">
|
|
<a href="/about">About</a>
|
|
<ul class='dropdown'>
|
|
|
|
<li>
|
|
<a href="/contact">Contact</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="/jobs">Jobs</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
</section>
|
|
</nav>
|
|
</div>
|
|
|
|
|
|
|
|
<div style="background-color: #3399d4;" class="full new">
|
|
<div class="section-title new">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<h1 style="color: #fff; font-size: 2rem;" class="wow slideInDown">Blog</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="three spacing"></div>
|
|
|
|
<div class="row">
|
|
<div class="large-12 columns table" style="border-bottom: 3px solid aliceblue;">
|
|
|
|
|
|
<div class="large-1 blog centered-text columns">
|
|
|
|
<h1 class="blogdate"><a href="/2018/07/05/thunderbird-style-guide">05</h1>
|
|
<p id="post-month">July 2018</p></a>
|
|
</div>
|
|
<div class="large-8 columns bottom-blog">
|
|
<div class="post-content blog">
|
|
<h3 id="blog-title" class="blog"><a href="/2018/07/05/thunderbird-style-guide">Thunderbird Style Guide and Usability Study</a></h3>
|
|
<p class="blogauthor">by <a href="https://lushka.al" target="_blank">Anxhelo Lushka</a></p>
|
|
<p>To be inline with the new Firefox Photon Design system, we worked on a fork specifically tailored for Thunderbird, including a revamped logo and word mark. We also set the stage for an upcoming UI redesign in the future by conducting a small Usability Study specifically tailored on security features out-of-the-box within Thunderbird.[…]</p>
|
|
<div class="tags">
|
|
|
|
<a href="/tags/#style-guides">Style Guides</a>
|
|
|
|
<a href="/tags/#usability-study">Usability Study</a>
|
|
|
|
<a href="/tags/#open-source-design">Open Source Design</a>
|
|
|
|
<a href="/tags/#thunderbird">Thunderbird</a>
|
|
|
|
</div>
|
|
<p><a href="/2018/07/05/thunderbird-style-guide" class="button tiny blue simple boxed">Read more</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="large-3 columns blog middle-blog" style="margin-bottom: 30px;">
|
|
|
|
<a href="/2018/07/05/thunderbird-style-guide"><img style="display: block; margin: auto;" src="http://localhost:4000/images/blog/thumb_thunderbird.png" alt="post"></a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="two spacing"></div>
|
|
|
|
<div class="row">
|
|
<div class="large-12 columns table" style="border-bottom: 3px solid aliceblue;">
|
|
|
|
|
|
<div class="large-1 blog centered-text columns">
|
|
|
|
<h1 class="blogdate"><a href="/2018/07/02/style-guides-go-beyond-aesthetics">02</h1>
|
|
<p id="post-month">July 2018</p></a>
|
|
</div>
|
|
<div class="large-8 columns bottom-blog">
|
|
<div class="post-content blog">
|
|
<h3 id="blog-title" class="blog"><a href="/2018/07/02/style-guides-go-beyond-aesthetics">Style Guides go Beyond Aesthetics</a></h3>
|
|
<p class="blogauthor">by <a href="https://elioqoshi.me/" target="_blank">Elio Qoshi</a></p>
|
|
<p>Style guides serve as a playbook for software creators. They itself serve as a single source of truth to create consistently well designed experiences familiar to the user.[…]</p>
|
|
<div class="tags">
|
|
|
|
<a href="/tags/#style-guides">Style Guides</a>
|
|
|
|
<a href="/tags/#brand-guidelines">Brand Guidelines</a>
|
|
|
|
<a href="/tags/#open-source-design">Open Source Design</a>
|
|
|
|
</div>
|
|
<p><a href="/2018/07/02/style-guides-go-beyond-aesthetics" class="button tiny blue simple boxed">Read more</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="large-3 columns blog middle-blog" style="margin-bottom: 30px;">
|
|
|
|
<a href="/2018/07/02/style-guides-go-beyond-aesthetics"><img style="display: block; margin: auto;" src="http://localhost:4000/images/blog/osd_event.png" alt="post"></a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="two spacing"></div>
|
|
|
|
<div class="row">
|
|
<div class="large-12 columns table" style="border-bottom: 3px solid aliceblue;">
|
|
|
|
|
|
<div class="large-1 blog centered-text columns">
|
|
|
|
<h1 class="blogdate"><a href="/2018/06/17/welcoming-renata-uras-usability-researcher">17</h1>
|
|
<p id="post-month">June 2018</p></a>
|
|
</div>
|
|
<div class="large-8 columns bottom-blog">
|
|
<div class="post-content blog">
|
|
<h3 id="blog-title" class="blog"><a href="/2018/06/17/welcoming-renata-uras-usability-researcher">Welcoming Renata, Ura's Usability Researcher</a></h3>
|
|
<p class="blogauthor">by <a href="https://elioqoshi.me/" target="_blank">Elio Qoshi</a></p>
|
|
<p>Open Source Design has gone a long way. In our early days we were mostly asked to design logos, imagery and color palettes for open source projects. We were usually aiming to look under the hood beyond visual design services, something we didn't often get the chance to.[…]</p>
|
|
<div class="tags">
|
|
|
|
<a href="/tags/#usability-research">Usability Research</a>
|
|
|
|
<a href="/tags/#open-source-design">Open Source Design</a>
|
|
|
|
<a href="/tags/#renata-gegaj">Renata Gegaj</a>
|
|
|
|
</div>
|
|
<p><a href="/2018/06/17/welcoming-renata-uras-usability-researcher" class="button tiny blue simple boxed">Read more</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="large-3 columns blog middle-blog" style="margin-bottom: 30px;">
|
|
|
|
<a href="/2018/06/17/welcoming-renata-uras-usability-researcher"><img style="display: block; margin: auto;" src="http://localhost:4000/images/blog/Renata_Redon_thumbnail.png" alt="post"></a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="two spacing"></div>
|
|
|
|
<div class="row">
|
|
<div class="large-12 columns table" style="border-bottom: 3px solid aliceblue;">
|
|
|
|
|
|
<div class="large-1 blog centered-text columns">
|
|
|
|
<h1 class="blogdate"><a href="/2018/06/13/reproducible-builds-styleguide">13</h1>
|
|
<p id="post-month">June 2018</p></a>
|
|
</div>
|
|
<div class="large-8 columns bottom-blog">
|
|
<div class="post-content blog">
|
|
<h3 id="blog-title" class="blog"><a href="/2018/06/13/reproducible-builds-styleguide">Reproducible Builds Style Guide</a></h3>
|
|
<p class="blogauthor">by <a href="https://lushka.al" target="_blank">Anxhelo Lushka</a></p>
|
|
<p>We have been in talks with the Reproducible Builds community since late 2017 where they were looking to have a new logo to represent the project. Going a step further, we also decided to work on a fully fledged live style guide.[…]</p>
|
|
<div class="tags">
|
|
|
|
<a href="/tags/#reproducible-builds">Reproducible Builds</a>
|
|
|
|
<a href="/tags/#open-tech-fund">Open Tech Fund</a>
|
|
|
|
<a href="/tags/#usability-lab">Usability Lab</a>
|
|
|
|
<a href="/tags/#style-guide">Style Guide</a>
|
|
|
|
</div>
|
|
<p><a href="/2018/06/13/reproducible-builds-styleguide" class="button tiny blue simple boxed">Read more</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="large-3 columns blog middle-blog" style="margin-bottom: 30px;">
|
|
|
|
<a href="/2018/06/13/reproducible-builds-styleguide"><img style="display: block; margin: auto;" src="http://localhost:4000/images/blog/ReproducibleBuilds_thumbnail.png" alt="post"></a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="two spacing"></div>
|
|
|
|
<div class="row">
|
|
<div class="large-12 columns table" style="border-bottom: 3px solid aliceblue;">
|
|
|
|
|
|
<div class="large-1 blog centered-text columns">
|
|
|
|
<h1 class="blogdate"><a href="/2018/05/31/oscal-18-we-were-there">31</h1>
|
|
<p id="post-month">May 2018</p></a>
|
|
</div>
|
|
<div class="large-8 columns bottom-blog">
|
|
<div class="post-content blog">
|
|
<h3 id="blog-title" class="blog"><a href="/2018/05/31/oscal-18-we-were-there">OSCAL'18 - We were there!</a></h3>
|
|
<p class="blogauthor">by <a href="https://twitter.com/marianaballa1" target="_blank">Mariana Balla</a></p>
|
|
<p>Open Source Conference Albania (OSCAL) is a two-days annual open source event held in Tirana, Albania since 2014. The conference gathers open source enthusiasts from all around the world with a considerable number of attendees being young students from the region of the Balkans. Most members of the Ura team participated on the event, while some of us were part of the organizing team of the event.[…]</p>
|
|
<div class="tags">
|
|
|
|
<a href="/tags/#oscal">OSCAL</a>
|
|
|
|
<a href="/tags/#identihub">Identihub</a>
|
|
|
|
<a href="/tags/#open-source-design">Open Source Design</a>
|
|
|
|
</div>
|
|
<p><a href="/2018/05/31/oscal-18-we-were-there" class="button tiny blue simple boxed">Read more</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="large-3 columns blog middle-blog" style="margin-bottom: 30px;">
|
|
|
|
<a href="/2018/05/31/oscal-18-we-were-there"><img style="display: block; margin: auto;" src="http://localhost:4000/images/blog/OSCAL_thumbnail.png" alt="post"></a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="two spacing"></div>
|
|
|
|
<div class="row">
|
|
<div class="large-12 columns table" style="border-bottom: 3px solid aliceblue;">
|
|
|
|
|
|
<div class="large-1 blog centered-text columns">
|
|
|
|
<h1 class="blogdate"><a href="/2018/03/31/introducing-cryptopayments-for-our-services">31</h1>
|
|
<p id="post-month">March 2018</p></a>
|
|
</div>
|
|
<div class="large-8 columns bottom-blog">
|
|
<div class="post-content blog">
|
|
<h3 id="blog-title" class="blog"><a href="/2018/03/31/introducing-cryptopayments-for-our-services">Introducing cryptopayments for our services</a></h3>
|
|
<p class="blogauthor">by <a href="https://twitter.com/marianaballa1" target="_blank">Mariana Balla</a></p>
|
|
<p>Every day we try to understand the needs of our partners by taking their feedback seriously. During this process we have noticed that some of our partners prefer to use Paypal and others bank transactions, which has been for many years the standard process of payments for services similar to what we offer.[…]</p>
|
|
<div class="tags">
|
|
|
|
<a href="/tags/#cryptopayments">Cryptopayments</a>
|
|
|
|
<a href="/tags/#open-source-design">Open Source Design</a>
|
|
|
|
<a href="/tags/#ux-design">UX design</a>
|
|
|
|
</div>
|
|
<p><a href="/2018/03/31/introducing-cryptopayments-for-our-services" class="button tiny blue simple boxed">Read more</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="large-3 columns blog middle-blog" style="margin-bottom: 30px;">
|
|
|
|
<a href="/2018/03/31/introducing-cryptopayments-for-our-services"><img style="display: block; margin: auto;" src="http://localhost:4000/images/blog/CryptoCurrencyThumb.jpg" alt="post"></a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="two spacing"></div>
|
|
|
|
|
|
|
|
<div class="full light-grey blog">
|
|
<nav class='wrapper'>
|
|
<div class="row">
|
|
<div class="small-6 columns">
|
|
|
|
<!-- <span class="newer">Newer Entries</span> -->
|
|
|
|
</div>
|
|
<div class="small-6 columns">
|
|
|
|
|
|
<a href="/blog/page2" class="previous button boxed black" style="float: left;">Older Entries <i class="fa fa-angle-double-right"></i></a>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="cookieConsent" style="display: none;">
|
|
<div id="closeCookieConsent">x</div>
|
|
This website is using cookies. <a href="/privacy-policy" target="_blank">More info</a>. <a class="cookieConsentOK">That's Fine</a>
|
|
</div>
|
|
|
|
<div class="full no-padding footer blue centered-text">
|
|
<div class="two spacing"></div>
|
|
<div class="row">
|
|
<div class="small-12 columns">
|
|
<p>Made with <i class="fa fa-heart" style="color: red;" aria-hidden="true"></i> in <a href="https://en.wikipedia.org/wiki/Tirana" target="_blank">Tirana, Albania</a><p>
|
|
<div class="one spacing"></div>
|
|
<ul class="socials">
|
|
<li><a href="https://twitter.com/uracreative" target="_blank"><i class='fab fa-twitter'></i></a></li>
|
|
<li><a href="https://github.com/uracreative/ura.design/" target="_blank"><i class='fab fa-github'></i></a></li>
|
|
</ul>
|
|
<p>Committed to Free Software, Internet Freedom, and <a href="http://opensourcedesign.net/">Open Source Design</a></p>
|
|
<p> Trademarks are property of their respective owners. All site content, unless otherwise noted, is licensed <a href="http://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0 International</a> by Ura Design</p>
|
|
<p><a href="https://tinyletter.com/uracreative/archive" target="_blank">Newsletter Archive</a></p>
|
|
<p><a href="/privacy-policy" target="_blank">Privacy Policy</a></p>
|
|
<div class="two spacing"></div>
|
|
<p class="back-to-top"><a href="#"><i class="fas fa-chevron-up"></i>Back to top</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="spacing"></div>
|
|
</div>
|
|
|
|
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
|
|
<script src="/bower_components/foundation/js/foundation.min.js"></script>
|
|
<script src="/js/jquery.superslides.min.js"></script>
|
|
<script src="/js/slick.min.js"></script>
|
|
<script src="/js/wow.min.js"></script>
|
|
<script src="/js/jquery.validate.js"></script>
|
|
<!-- <script src="/bower_components/countto/jquery.countTo.js"></script> -->
|
|
<script src="/bower_components/appear/jquery.appear.js"></script>
|
|
<script src="/js/app.js"></script>
|
|
<script src="/js/svg.js"></script>
|
|
<script src="/js/cookie.js"></script>
|
|
|
|
<!-- Matomo -->
|
|
<script type="text/javascript">
|
|
var _paq = _paq || [];
|
|
/ tracker methods like "setCustomDimension" should be called before "trackPageView" /
|
|
_paq.push(["setCookieDomain", "*.ura.design"]);
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="//analytics.ura.design/";
|
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
|
_paq.push(['setSiteId', '2']);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
</script>
|
|
|
|
<noscript><p><img src="//analytics.ura.design/piwik.php?idsite=2&rec=1" style="border:0;" alt="" /></p></noscript>
|
|
<!-- End Matomo Code -->
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|