I resigned from my daily job 2 years ago to purchase my dream of building SaaS products, I’ve built 3 paid products as an indie hacker but none of them has become a big surprise.
I don’t think it is time to give up, but I do need to get more income to support my dream and life.
When building Yet, I need to think deeper about the responsive, it’s not only about how the website displayed on different devices, but also about how to simulate different devices when user previewing on the desktop.
I managed to avoid using JS and solve the responsive problem only by CSS. Besides using
@media I’d like to share some other experiences for building a better responsive website and it’s time to say goodbye to PX.
I know there’s a lot of suggestion of using
rem for font-size, but using
em is more flexible.
rem calculates font-size based on the root’s font-size, and…
For those who can’t use Stripe, FastSpring is one of the best choices of adding payment system into your SaaS. The doc of FastSpring is so confusing, so I’d like to share how I set up two different recurring payment in my SaaS. I will use React as the example, but it won’t do too much with the React.
Login to your FastSpring dashboard, click
Products in the menu and select
Subscriptions in the submenu. Create a new subscription and set a unique
Product Path and remember it because we need to use it after.
In HTML, modal usually refers to an element with the following CSS:
However, scrolling inside a modal will lead to body scrolling which is kind of annoying. I searched on the internet but didn’t find a perfect solution(especially for React), so I did some experiments and found a solution which works well in Chrome, Firefox and Safari.
I just wanna do a quick explanation of how I define my Modal component for a better understanding, you can skip this section if you only interesting in the final solution.
Data visualization will make your App more outstanding, but there is no way to use d3 or SVG directly in react-native. Although react-native-svg could be useful, but it only support for iOS, so what if you want to make an App for both platforms?
Recently I was making an App for NBA. As an NBA huge fan, I really cares the data of the player and we always judging a player’s performance by his data. So how to demonstrate those data? here is my design for player’s page:
Supporting for both platforms is one of my initial goals before making…
First thanks to my colleague Katie for modification and review and Iris for the illustration.
Translation isn’t too common in web development projects. And especially as a front-end developer, I don’t have much experience dealing with translation, as it’s typically handled by the backend. However, in Wiredcraft’s most recent project, building the voter registration system for the Myanmar general election, we abandoned Django’s translation strategy and did translation in two different and new ways, utilizing the front-end!
Before I start to show you the magic, you should know the general meaning of the following technologies:
if you have a react component contains js and css, and you want to share it to the NPM then other developers only need to import your component in their js file just like using other common component, no need to separately import sass or css file
Almost four months ago, I created a react component called react-tooltip then shared it to the NPM. …
In my recent project, I need to support opening the select manually, to be exactly, the users only want to use keyboard to control the select:
We use React as our front-end framework and I was disappointed when I got nothing related on google, so I decided to do it myself with some original JS knowledge.
In the past, it is easy to do this via Jquery, but React is not designed to react with DOM, so I have to…