use ko-fi tip button

This commit is contained in:
Ayo 2019-10-12 19:32:42 +08:00
parent 7d6806ad0d
commit 7f28d9fe44
4 changed files with 41 additions and 24 deletions

View file

@ -1,8 +0,0 @@
---
title: "What Is Git And How To Use It"
permalink: "/git-how-to"
description: "Git is a tool to track the history of code changes and control versioning. In this post, I'll guide you through how to set it up and the basics of using it."
keywords: ""
image: "git-github.jpg"
image-attrib: ""
---

View file

@ -9,7 +9,7 @@ image-attrib: ""
<span class="first-letter">I</span>n my [last post](google-firebase-overview), I went through some of my considerations for choosing the backend tech for my projects.
I then proceeded to give an overview of Google Firebase by listing the features it has has to offer for my considerations.
I then gave an overview of Google Firebase by listing the features it has has to offer for my considerations.
In this post, let's have a dive into what Firebase really is and the pros and cons of using it for your app development in 2019.<!--more-->
@ -21,7 +21,11 @@ It offers [all the basic features we want our backend to have](google-firebase-o
You can use it as a backend for developing mobile apps (iOS and Android), web apps (JQuery, Angular, React, Vue, etc.), and even games (C++ and Unity)!
In its home page, the *long* list of features are categorized into ones you can use to build better apps, improve app quality, and grow your business.
In its [home page](https://firebase.google.com/), the *long* list of features are categorized into ones you can use to build better apps, improve app quality, and grow your business:
![Google Firebase Features](/assets/images/screenshots/firebase_features.png)
## Why You Will Want To Use Google Firebase
This basically means it supports the three pillars of modern app development:
@ -31,8 +35,6 @@ This basically means it supports the three pillars of modern app development:
**3. Users Engagement** - AdWords, app indexing, dynamic links, push notifications
![Google Firebase Features](/assets/images/screenshots/firebase_features.png)
And since it is a Google product, you can expect it to integrate well with other Google products such as Google Ads, Google Marketing, and the Play Store. It can also integrate with other third-party platforms such as Slack and Jira.
> "Firebase gives you the tools to develop high-quality apps, grow your user base, and earn more money. We cover the essentials so you can monetize your business and focus on your users."
@ -41,11 +43,25 @@ And since it is a Google product, you can expect it to integrate well with other
It also comes with SDKs, tools, helpers, and an active community to support your backend development.
So... pretty good huh?
But no matter how good a platform Google Firebase is, it is far from being perfect.
That brings us to...
## Why You Will NOT Want To Use Google Firebase
1. Limited SDKs
2. Limited Queries (just main opeartions)
3. NoSQL Database
4. Your data is held by Google
5. You will have to use JavaScript
6. Firebase Console is still in development
As I said earlier, Google Firebase is a comprehensive platform. In my future posts I will talk about how to use some of its features and the SDKs that support app development.
For now, let's go throught the general reasons why you will want to use Google Firebase.
## Why You Will Want To Use Google Firebase

View file

@ -84,8 +84,8 @@
</div>
<h2>Web Technologies and Productivity Hacks</h2>
<!--p>Learn how to use the best and latest web applications and technologies to boost your productivity.</p-->
<p>Working on a web-based project?</p>
<div class="post-readmore"><a target="_blank" class="button" href="https://docs.google.com/forms/d/e/1FAIpQLScinfuT_8-4q5Yk16nGUMxWxVpQgWZwyAaJ5oFY5_0NsRMjMw/viewform?usp=sf_link">Get FREE Consultation</a></div>
<p>Want to give me a tip?</p>
<!--div class="post-readmore"><a target="_blank" class="button" href="https://docs.google.com/forms/d/e/1FAIpQLScinfuT_8-4q5Yk16nGUMxWxVpQgWZwyAaJ5oFY5_0NsRMjMw/viewform?usp=sf_link">Get FREE Consultation</a></div-->
</div>
{% endif %}
<div class="side-panel" id="donate-form">
@ -95,13 +95,17 @@
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form-->
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="724PMTDRRFGVA" />
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/en_PH/i/scr/pixel.gif" width="1" height="1" />
</form>
<!--form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="724PMTDRRFGVA" />
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/en_PH/i/scr/pixel.gif" width="1" height="1" />
</form-->
<div class="tip-btn">
<script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script>
<script type='text/javascript'>kofiwidget2.init('Buy me a coffee', '#ee4a03', 'X8X115F7C');kofiwidget2.draw();</script>
</div>
</div>
</nav>
<div class="clear-both"></div>

View file

@ -273,7 +273,7 @@ caption {
#donate-form {
background-color: #80ae3c !important;
height: 50px;
padding: 30px 0;
padding: 30px 0 15px;
}
#donate-form form {
@ -563,3 +563,8 @@ table.image caption {
width: 100%;
height: 100%;
}
.tip-btn {
width: 100%;
text-align: center;
}