10 months ago

Screenshot Tool By Zeit Return Screenshoot by URL

Link Preview Tool: I found this tool in Zeit example repository and It's quite helpful and Nice if A Blog post or any page don't have any featured image then you can use this tool API.

I'm using this API into DailyHack Meta Tags to preview page screen in all social network link preview

How to use:

It's so simple just pass the URL as endpoint.<URL>

It will return you an image of that page. Good new it's Open Source Project. So, you can host this on your own server.

10 months ago

Validate your side project before beginning development

Validate your audience and drill down to exactly what are people searching using

A visual summary of what questions, prepositions and comparisons are people using while searching the keywords related to your project.

10 months ago

Quickly create images for social media and SEO

I use Pablo for quickly creating a properly sized image for Twitter, Facebook, LinkedIn, and search engines.

It's not as full featured as an image editor, but that is the point. You just search an image from Unsplash, add a heading and/or caption, and an optional watermark. Download the image and set it up in your meta for articles.

10 months ago

Use Netlify for a free and simple URL shortener

I use Kent C. Dodd's netlify-shortener tool to setup a free URL shortener on Netlify.

It works by updating a _redirects file in your repository with a CLI command, so I can type shorten my-short-name and it will deploy and copy to my clipboard.

It's also possible to create a web interface for this as well, but will take a bit more time to setup versus the few minutes with netlify-shortener.

Feel free to look at my URL shortener repo to see how few things are needed to get it working:

a year ago

Watch YouTube videos when I do code

I'm using a hack to play YouTube Videos sometime while I do code. This trick is working on MacOs.

double click on video and then click Picture in Picture. that's all.

Here is the tutorial video.

(via) @levelsio

a year ago

Copy the ssh key directly from the terminal

You don't need to copy and paste the key to the machine you want to connect to another. All you have to do is generate your key and then type this command on the terminal:

ssh-copy-id <username>@<ipaddress/host>

You will be prompt to type in the username password and then the key will be copied, you can now log into the machine by using the command ssh <username>@<ipaddress/host>

a year ago

Get last typed command on terminal

You can run the last typed command in the terminal by using !!.

Let's say that your history looks like this:

cd Documents

if you type !! the last command (ls) will be auto-filled in the terminal for you.

But you can also get more specific, by using !<term> so you could use !cd to get the last cd command which was cd Documents

a year ago

Search previous typed command on terminal

If you press ctrl+r in the terminal you will activate the reverse-i-search. With it, you can search your whole history for a command. If you type very long commands you or if you don't remember the whole command that you typed you can just press ctrl+r and type the bit you remember, the command that matches will show up.

If you want to search it again all you need to do is press ctrl+r again.


Let's say you used the command git rebase -i Head~2 before, but you don't remember what does after git rebase or you just don't feel like typing the whole thing.

Press ctrl+r and then type git re if git rebase -i Head~2 was the last command that you used, it will be shown. Then just press enter to run the command.

a year ago

Vim: Search for a term

When editing a long file with vim, you might need to try and find a certain word or term, but scrolling down is not really practical.

Luckily, Vim has your back and you can just use these two commands to search for a term through the whole file.

  • :?<term>
    • searches for that term from the cursor down
  • :\<term>
    • searches for that term from the cursor up

If you want to cycle through different occurrences of the same term you can use: - n or / - go to the next searched term - N or ? - go to the previous searched term

a year ago

CSS border awesome tricks

I found this CSS tricks to rounded the box in one CSS code. Here I'm sharing a link.

Pattern: border-radius: <horizontal radius> / <vertical radius>

  1. border-radius: 60px 45px 30px 15px/15px 30px 45px 60px;
  2. border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  3. border-radius: 50% 40% 45% 50% / 40% 50% 55% 40%;
  4. border-radius: 50% 50% 40% 40% / 60% 60% 20% 30%;