How to Build Your First SaaS

I remember the time when I was a part of the team to provide our web-based applications as service (SaaS). We had ideas, of course, based on our previous experience in the web development area. But it was really difficult to start.

This time the situation is changed. Many web apps are SaaS-based now. And you can find not just short posts about SaaS but the articles for long reading. One of these is The SaaS Handbook – How to Build Your First Software-as-a-Service Product Step-By-Step.

The article describes a tech stack (it’s JS – Node.js + Preact – an alternative version of the React), structure, design, integrations with third-party services, and deploy and gives tips and ideas to build your version of the SaaS..

Move legacy PHP project to the modern Laravel ecosystem

Legacy projects can be a pain – you have to not just support an old code but add new features. And at some point this may become a nightmare. However, there are many ways to upgrade it without full re-development at one time. One possible solution is to move such projects to the modern Laravel ecosystem as it’s described in this article.

The idea behind of it is to wrap the old code to handle it by Laravel. Once it’ll be done, the old functionality will work as expected, while all new features will be added in Laravel. Additionally the old code can be refactored and moved under Laravel without a downtime or an interruption of the project. This solution will give a smooth transition from old system to the new one.

Also do not forget about tests – unit and integration, static analyzers like PHPStand and code style control with PHPCS. This will help you to catch possible bugs even before run your app.

Built and Launched a Product in 14 Hours

Many of us have pet projects we never finish. This article shows how to complete your project in 14 hours from idea to live product! Sure, your project can be more complicated and may take more time. In any case this article will be helpful in terms of services used by author as well as inspiration to bring your idea live.

How to be more productive with Slack

Slack became a standard de-facto to communicate teams in IT area for sure. It has a lot of useful features as well as smart business decisions such HipHat acquisition.

Here is a nice article with seven points which help you to be more productive using Slack. My favorite tips are reminders and giphy. Plus ability to keep track of important messages.

Reminders are really excite. For example, to set reminder to notify you today at 12pm to come to the office just send this command to the slack bot:

/remind me to come to office today at 12pm

And Slack bot will send you notification today at 12pm. It’s also possible to set reminder for your colleague or channel as well as one time reminders or recurring ones.

Allow inline line breaks for Monolog

By default Monolog ignores line breaks inside debug message and puts it in one line. That’s fine for GrayLog or something similar but is not handy for me during local development. The fix is easy. Just add new Formatter with allowInlineLineBreaks option in true to your StreamHandler and enjoy formatted dumping of arrays:

Fixing color issue in Fedora 26, Chrome and external monitor

If you use Chrome version 62 under Fedora 26 and realize the blue color becomes purple on your external monitor (laptop screen is fine) then welcome to the club! My first guessing was cable – changed it with the same result, then tried different monitors with different connection methods – VGA, HDMI, USB. No luck. Then I spent some time to check my video card, google similar problem. But suddenly I put Firefox to the same external monitor and found blue color as a blue!

So, card is fine, monitor and cable are fine too. The problem with some weird settings of Chrome. Using this Reddit thread I found solution:

  • Open new tab and type there chrome://flags
  • Find option “Force color profile” and set it to “sRGB”
  • Restart Chrome and enjoy blue as blue 🙂

Hide up/down arrows on inputs with type=”number”

HTML5 brought many cool things and input type number is one of them. It allows to input only numbers from the box and there is a way to specify limits for input values. However together with those useful features it has one annoying thing – up/down arrows on the right side, embedded into field. If you don’t like them just change field type to textinput and they disappear. But there is a more elegant way to hide them and the same time use all advantages of HTML5 number form input. Just add to your CSS file following code:
[code lang=”CSS”]
.no-spinners {
-moz-appearance:textfield;
}
.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
[/code]
After that add class no-spinners to any number input you would like to see without up/down arrows.