<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Front End Factory Blog &#187; Get Better</title>
	<atom:link href="https://blog.frontendfactory.com/category/get-better/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.frontendfactory.com</link>
	<description>Front-end news, trends, and etc</description>
	<lastBuildDate>Tue, 05 Apr 2016 19:25:59 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.1.23</generator>
	<item>
		<title>How to get your newsletters in Primary tab for Gmail instead of Promotions?</title>
		<link>https://blog.frontendfactory.com/how-to-get-your-newsletters-in-primary-tab-for-gmail-instead-of-promotions/</link>
		<comments>https://blog.frontendfactory.com/how-to-get-your-newsletters-in-primary-tab-for-gmail-instead-of-promotions/#comments</comments>
		<pubDate>Sun, 14 Feb 2016 08:00:56 +0000</pubDate>
		<dc:creator><![CDATA[frontend]]></dc:creator>
				<category><![CDATA[Get Better]]></category>
		<category><![CDATA[How to fix]]></category>
		<category><![CDATA[Productivity]]></category>

		<guid isPermaLink="false">http://blog.frontendfactory.com/?p=125</guid>
		<description><![CDATA[Two years ago gmail launched it&#8217;s tab interface which splits our mail interface into 3 parts &#8211; Primary, Social, Promotions. Before the tabs Gmail&#8217;s open rate was 15% and when it launched that percent dropped down to 12.5% and even to 10% during holidays. So the significant difference between primary tab open rate (35%-50%) and promotions tab (5%-10%) make]]></description>
				<content:encoded><![CDATA[<p>Two years ago gmail launched it&#8217;s tab interface which splits our mail interface into 3 parts &#8211; Primary, Social, Promotions. Before the tabs Gmail&#8217;s open rate was 15% and when it launched that percent dropped down to 12.5% and even to 10% during holidays.</p>
<p>So the significant difference between primary tab open rate (35%-50%) and promotions tab (5%-10%) make many marketers want to get out of the last tab. But how can we prevent our newsletter mails to go to Promotions tab?</p>
<p>Here is the traditional way that is almost inapplicable, making your readers to move your emails to the Primary tab:</p>
<p><img class="alignnone size-large wp-image-130" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/move-email-to-primary-449x251.png" alt="move-email-to-primary" width="449" height="251" /></p>
<p><img class="alignnone size-full wp-image-131" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/confirm-primary.png" alt="confirm-primary" width="414" height="74" /></p>
<p>Here are few simple tips you can try:</p>
<h4>1. Always write in the right time.</h4>
<p><a href="http://blog.frontendfactory.com/wp-content/uploads/2016/02/best-mailing-time.png"><img class="alignnone size-large wp-image-133" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/best-mailing-time-449x200.png" alt="best-mailing-time" width="449" height="200" /></a></p>
<p>Do not send newsletters over the weekend or holidays (this is a sign that you are promoting something). Try to contact your subscribers whenever they are up to this. The best time for this is 2-3pm. The end of the workday is great time to contact them. They are still focused in their email and it&#8217;s absolutely business emailing time. If you email once per week statistics shows that the best days for this are Wednesday and Thursday.</p>
<h4>2. Use no images. And include maximum 1 link. No Rss.</h4>
<p><a href="http://blog.frontendfactory.com/wp-content/uploads/2016/02/text-email.png"><img class="alignnone size-full wp-image-134" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/text-email.png" alt="text-email" width="342" height="254" /></a></p>
<p>Many marketers will disagree using of no images in your email, but that is very valuable for reaching the primary tab. You can catch your readers attention with right text formatting and replace the call to action fancy image buttons with the right wording. Including maximum 1 link will guarantee that you are not sending promotional email with links to many offers in your website.</p>
<h4>3. Write your emails in traditional letter form.</h4>
<p>Try to write your readers like they are your friends. Using traditional language in your emails will help you to get out of the promotions tab. &#8220;Hey George, how are you doing?&#8221;, &#8220;It&#8217;s Dido from Front End Factory. I hope you are doing well.&#8221; and etc.</p>
<h4>4. Make your emails personal. Reader&#8217;s name is a must have.</h4>
<p>If you are using <a href="http://aweber.com/">aweber</a> or <a href="http://mailchimp.com/">mailchimp</a> you can include your readers&#8217; details in your emails to make them more personalised. Include as many personalised elements as you can. Adding user&#8217;s company, project name or address is also a great solution if is possible for you.</p>
<h4>5. Do not use promotional words.</h4>
<p>Your email and especially subject should be free of promotional wording like &#8220;Promotion&#8221;, &#8220;Sale&#8221;, &#8220;Discount&#8221; etc. Here are few bad examples for your subjects &#8220;Hey Mike, see our promotions today&#8221;, &#8220;Limited time offer for you&#8221;, &#8220;Save up to 50% on our new collection&#8221;, &#8220;Get rich with us&#8221; and etc.</p>
<p>I hope this article will help you to reach the primary tab of your readers&#8217; gmail accounts.</p>
<p>Please share tis article to help your friends doing this also.</p>
]]></content:encoded>
			<wfw:commentRss>https://blog.frontendfactory.com/how-to-get-your-newsletters-in-primary-tab-for-gmail-instead-of-promotions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 conversion Rate Optimization Tips for your checkout page</title>
		<link>https://blog.frontendfactory.com/convertion-rate-optimization-tips-for-your-checkout-page/</link>
		<comments>https://blog.frontendfactory.com/convertion-rate-optimization-tips-for-your-checkout-page/#comments</comments>
		<pubDate>Sat, 13 Feb 2016 19:01:20 +0000</pubDate>
		<dc:creator><![CDATA[frontend]]></dc:creator>
				<category><![CDATA[Get Better]]></category>
		<category><![CDATA[How to fix]]></category>
		<category><![CDATA[Productivity]]></category>

		<guid isPermaLink="false">http://blog.frontendfactory.com/?p=110</guid>
		<description><![CDATA[Since the checkout page is one of the most important pages in your ecommerce website, you have to be sure that you can take the best of it. Some times checkout page is exactly the place where customers take the decision to buy or leave. 1. Layout it right Give your customers the feeling that they are in a checkout page]]></description>
				<content:encoded><![CDATA[<p>Since the checkout page is one of the most important pages in your ecommerce website, you have to be sure that you can take the best of it. Some times checkout page is exactly the place where customers take the decision to buy or leave.<span id="more-110"></span></p>
<h3>1. Layout it right</h3>
<p>Give your customers the feeling that they are in a checkout page and just need to do 1 step to complete their order. Let them focus on filling their shipping &amp; billing details.</p>
<p>Use one-page checkout. Many case studies have shown that <strong>one-page checkouts convert better</strong> than multi-step checkout pages. Anyway if you really have to make your checkout page in few steps, let your customers know where they are, what have they passed and what is left. In every next step show them what they did in the previous, that way you will prevent them of going back to the previous steps/pages.</p>
<p>Removing main site elements like navigations, sidebars, big footers, banners etc are also one of the best things you can do in point of design. It&#8217;s important to have you customers focused and feeling comfortable to finish the checkout.</p>
<div id="attachment_112" style="width: 459px" class="wp-caption alignnone"><a href="http://blog.frontendfactory.com/wp-content/uploads/2016/02/paypal-checkout.jpg"><img class="size-large wp-image-112" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/paypal-checkout-449x304.jpg" alt="paypal checkout" width="449" height="304" /></a><p class="wp-caption-text">PayPay&#8217;s checkout is a great example of simple one-page checkout.</p></div>
<h3>2. Simplify</h3>
<p><strong>Guest checkout option is important</strong>. If your customers are not logged in always give them first the ability to checkout without a registration or give them option to sign up with one-click using their facebook accounts. Customers don&#8217;t like registering, its engaging. You always can send them an account password after they finish their order.</p>
<p><img class="alignnone size-large wp-image-113" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/guest-checkout-option-449x304.png" alt="guest-checkout-option" width="449" height="304" /></p>
<p>Ask them only for what you need. People do not like filling unnecessary fields. The less fields your customers have to fill, the faster they will finish the checkout process. Always use default billing address same as shipping with checkbox option to show the billing fields.</p>
<h3>3. Trust elements</h3>
<p>You have to give your customers the feeling of security checkout process. HTTPS is mus-have. Put logos of the credit cards and payment methods that you accept. Giving money-back guarantee is also really helpful. Adding the right testimonials to the checkout page is worthy.</p>
<p><img class="alignnone size-full wp-image-114" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/Screenshot-2016-02-13-20.54.48.png" alt="Screenshot 2016-02-13 20.54.48" width="255" height="217" /></p>
<p><a href="http://blog.frontendfactory.com/wp-content/uploads/2016/02/trusted-checkout.png"><img class="alignnone size-large wp-image-115" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/trusted-checkout-415x304.png" alt="trusted checkout" width="415" height="304" /></a></p>
<h3>4. Give enough information</h3>
<p>Show clearly all the products of the purchase with their prices, including delivery information, taxes and etc. Your customers want to be sure what they order and how much they will pay. Otherwise you risk them to leave the checkout page looking for total prices in basket page or shipping costs on the delivery page.</p>
<p><img class="alignnone size-full wp-image-116" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/order-summary-window.png" alt="order-summary-window" width="400" height="300" /></p>
<h3>5. Prevent exits</h3>
<p>You should keep your customers in the checkout page until the time they pay. Try to prevent any option of leaving the page during that time. You can use a simple javascript code or popup if the customer try to leave the page by mistake or even offer them discount if they do it.</p>
<p><img class="alignnone size-full wp-image-117" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/are-you-sure.jpg" alt="are-you-sure" width="400" height="300" /></p>
<p>I the tips from the <a href="http://frontendfactory.com/">Front End Factory</a> will help you to increase your conversion rate.</p>
<p>You can subscribe to our newsletter to get weekly tips on how to better your CRO.</p>
]]></content:encoded>
			<wfw:commentRss>https://blog.frontendfactory.com/convertion-rate-optimization-tips-for-your-checkout-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 Tools for fluent remote project &amp; team management for web design companies</title>
		<link>https://blog.frontendfactory.com/5-tools-for-fluent-remote-project-team-management-for-web-design-companies/</link>
		<comments>https://blog.frontendfactory.com/5-tools-for-fluent-remote-project-team-management-for-web-design-companies/#comments</comments>
		<pubDate>Tue, 09 Feb 2016 22:21:00 +0000</pubDate>
		<dc:creator><![CDATA[frontend]]></dc:creator>
				<category><![CDATA[Front-end]]></category>
		<category><![CDATA[Get Better]]></category>
		<category><![CDATA[Productivity]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://blog.frontendfactory.com/?p=87</guid>
		<description><![CDATA[Working with remote teams and clients in this business is almost everyday in every web design/development company. In this article I will show you how paying less than $100/month help us to be productive and efficient at the maximum. 1. Teamwork Projects &#8211; Your business timeline Probably the best project management software out there. It involves so]]></description>
				<content:encoded><![CDATA[<p>Working with remote teams and clients in this business is almost everyday in every web design/development company. In this article I will show you how paying less than $100/month help us to be productive and efficient at the maximum.</p>
<h3>1. Teamwork Projects &#8211; Your business timeline</h3>
<p><a href="https://www.teamwork.com/friend/elegance"><img class="alignnone size-large wp-image-96" src="http://blog.frontendfactory.com/wp-content/uploads/2016/01/teamwork-project-management-449x304.png" alt="teamwork-project-management" width="449" height="304" /></a></p>
<p>Probably the best project management software out there. It involves so many great features like sub tasking, time tracking, invoicing with different hourly rates or taxes, milestones, late tasks, reminders, team chat, and etc. 100% brandable with many 3rd party integrations. You will just love it and get addicted to it.</p>
<p>Price: starts at $12/month<br />
Free version: Yes<br />
Mobile app: Yes<br />
<a href="https://www.teamwork.com/friend/elegance">Visit Teamwork Website</a></p>
<h3>2. Slack &#8211; chat for teams</h3>
<h3><img class="alignnone size-large wp-image-97" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/slack-chat-screenshot-449x304.png" alt="slack-chat-screenshot" width="449" height="304" /></h3>
<p>The most efficient and funny way to chat with your team. Allows running multiple teams, chatting in many topics in groups or private, voice chat and screen sharing. Slack-hosted file sharing with great file &amp; history search that will never let you loose an attachment.</p>
<p>Price: Free<br />
Mobile app: Yes<br />
<a href="http://slack.com/">Visit Slack.com</a></p>
<h3>3. Invision app &#8211; design management made easy</h3>
<p><img class="alignnone size-large wp-image-98" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/invision-designers-collaboration-449x304.png" alt="invision-designers-collaboration" width="449" height="304" /></p>
<p>InvisionApp is the best way to communicate with your clients and manage the design process. Gives great options for design prototyping and collecting/discussing on clients feedback. Even has option for you and your client to draw at the same time in the same screen. Thats amazing! Also you get notified about every single action, comment or file version change so that you will always be on track with what&#8217;s happening. Strongly recommend it for web designers and web design companies working remotely with their clients.<br />
Price: $19/month<br />
Free trial: Yes<br />
Mobile app: No</p>
<h3>4. ScreenHero &#8211; Sharing your screen or even the whole device</h3>
<p><img class="alignnone size-full wp-image-99" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/screen-hero-logo.png" alt="screen-hero-logo" width="400" height="300" /><br />
This amazing app allows you to share your screen while having a call with a client or colleague and even give them the ability to use your browser, keyboard and clipboard. Super fast and light solution that moves screen shares to next level.<br />
Free trial: Yes<br />
Mobile app: no<br />
<a href="http://screenhero.com">Visit Screen Hero website</a></p>
<h3>5. Time Doctor &#8211; Stop wasting time</h3>
<p><img class="alignnone size-large wp-image-102" src="http://blog.frontendfactory.com/wp-content/uploads/2016/02/time-doctor-449x136.png" alt="time-doctor" width="449" height="136" /></p>
<p>The software that raised our employees productivity with more than 30%. If you manage remotely teams work with freelancers or just want to take more of the time that you are paying to your employees TimeDoctor will help you do that. Offers great features like start/end work, tracking mouse moves, screenshot &amp; weak time use, TimeDoctor can boost your team&#8217;s effectivity to the sky and lower your expenses paying for wasted time.<br />
Price: $9/user<br />
Free Version: Yes<br />
Mobile app: Yes<br />
<a href="http://timedoctor.com/">Visit TimeDoctor</a></p>
]]></content:encoded>
			<wfw:commentRss>https://blog.frontendfactory.com/5-tools-for-fluent-remote-project-team-management-for-web-design-companies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Double your front-end development speed with these 5 tools &amp; tips</title>
		<link>https://blog.frontendfactory.com/double-your-front-end-development-speed-with-these-5-tools-tips/</link>
		<comments>https://blog.frontendfactory.com/double-your-front-end-development-speed-with-these-5-tools-tips/#comments</comments>
		<pubDate>Wed, 20 Jan 2016 14:06:53 +0000</pubDate>
		<dc:creator><![CDATA[frontend]]></dc:creator>
				<category><![CDATA[Front-end]]></category>
		<category><![CDATA[Get Better]]></category>
		<category><![CDATA[How to fix]]></category>
		<category><![CDATA[Productivity]]></category>

		<guid isPermaLink="false">http://blog.frontendfactory.com/?p=43</guid>
		<description><![CDATA[For the past 10 years we&#8217;ve been doing tons of front-end work, and for that time, we have  found few very helpful tools that doubled the speed of front-end development process. 1. Write with Sublime Text SublimeText is an ultra fast text editor that made our work so much easier and lighter. Supports a lot of features that will make you feel comfortable]]></description>
				<content:encoded><![CDATA[<p>For the past 10 years we&#8217;ve been doing tons of front-end work, and for that time, we have  found few very helpful tools that doubled the speed of <a href="http://frontendfactory.com/">front-end development</a> process.</p>
<p><span id="more-43"></span></p>
<h2>1. Write with Sublime Text</h2>
<p><a href="http://blog.frontendfactory.com/wp-content/uploads/2016/01/sublime-text-editor.png"><img class="alignnone size-large wp-image-68" src="http://blog.frontendfactory.com/wp-content/uploads/2016/01/sublime-text-editor-449x304.png" alt="sublime-text-editor" width="449" height="304" /></a></p>
<p><a href="http://www.sublimetext.com/">SublimeText</a> is an ultra fast text editor that made our work so much easier and lighter. Supports a lot of features that will make you feel comfortable with your code.</p>
<p>Link: <a href="http://www.sublimetext.com/">http://www.sublimetext.com/</a></p>
<p>&nbsp;</p>
<h2>2. Use Less/Sass with Prepros</h2>
<p>Benefits of using <a href="http://lesscss.org/">less</a> css or <a href="http://sass-lang.com/">sass</a> as css framework are so much. Once you get used to this you will never go back to writing old-school css. They come with powerful short-hand codes and functions that will decrease your source code&#8217;s line numbers with up to 30%. Reusing or developing the code that you build with less or sass is much more easier than the plain CSS code. Small example of sass:</p>
<div class="code-embed-wrapper">
<pre class="language-css code-embed-pre line-numbers" ><code class="language-css code-embed-code">.header {
.menu {
   li {
    a {
     display:block;
     .rounded(5px);
     background:#eee;
     &amp;:hover {
        background:#ccc;
     }
    }
   }      
 }
}</code></pre>
<div class="code-embed-infos">
<span class="code-embed-name">Less example source code</span>
</div>
</div>
<p><a href="https://prepros.io/">Prepros</a> complie all your less files into the css code you need immediately after you save.</p>
<p>Links:</p>
<p><a href="http://lesscss.org/">http://lesscss.org/</a><br />
<a href="http://sass-lang.com/">http://sass-lang.com/</a><br />
<a href="http://prepros.io">https://prepros.io/</a></p>
<p>&nbsp;</p>
<h2>3. CSS HAT for photoshop</h2>
<p><a href="http://blog.frontendfactory.com/wp-content/uploads/2016/01/css-hat-panel.png"><img class="alignnone size-large wp-image-77" src="http://blog.frontendfactory.com/wp-content/uploads/2016/01/css-hat-panel-292x304.png" alt="css-hat-panel" width="292" height="304" /></a></p>
<p>This plugin will help you turning photoshop layers into css lines of code. It takes text proerties or layers blending options and turns them into a css/less or sass code that you can simply copy and past into your text editor. Saves you tones of measures and time ot check if you have written the right gradient or box-shadow properties.</p>
<p>Link: <a href="https://csshat.com/">https://csshat.com/</a></p>
<p>&nbsp;</p>
<h2>4. Cut and slice me for Photoshop</h2>
<p><a href="http://blog.frontendfactory.com/wp-content/uploads/2016/01/cut-and-slice-me-tool.png"><img class="alignnone size-full wp-image-79" src="http://blog.frontendfactory.com/wp-content/uploads/2016/01/cut-and-slice-me-tool.png" alt="cut and slice me tool" width="398" height="268" /></a></p>
<p>Cut and slice me provides you very easy and fun way to export all your photoshop assets into web format graphics (png/jpg), with option to export few formats for them, also retina ready for vector shapes. Really cool photoshop plugin</p>
<p>Link: <a href="http://www.cutandslice.me/">http://www.cutandslice.me/</a></p>
<p>&nbsp;</p>
<h2>5. Browser Stack</h2>
<p><a href="http://blog.frontendfactory.com/wp-content/uploads/2016/01/browser_selection.png"><img class="alignnone size-large wp-image-80" src="http://blog.frontendfactory.com/wp-content/uploads/2016/01/browser_selection-449x304.png" alt="browser_selection" width="449" height="304" /></a></p>
<p>Oh man, where can i find IE 7 now to do tests.. or windows XP? Awful question, but s**t happens. The best way to have all kind of devices, OS, platforms and browsers in less than $30/month is using BrowserStack. Absolutely pays every cent of the amount when it&#8217;s a question of cross browser, device or platform testing. With the subscription you get remote access to all kind of virtual devices, OS and browser.</p>
<p>Link: <a href="http://browserstack.com/">http://browserstack.com/</a></p>
<p>That&#8217;s how we manage doing more within less time.<br />
I would love if you share your way to work faster and easier.</p>
]]></content:encoded>
			<wfw:commentRss>https://blog.frontendfactory.com/double-your-front-end-development-speed-with-these-5-tools-tips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
