【JavaScript, jQuery】Typed.js Tutorial, Source Code Included

18 / 12 / 2017
Category: ENGLISH, FRONTEND, HTML, JavaScript, jQuery
Tags: | | |

Hiya, it’s Arisa (Schabibi), a freelance Frontend Developer from Japan, and living in Germany.

Many websites use animations.

One of my favorite animation is the one using  Typed.js.

 

I also applied on my portfolio website.

It’s an animation effect makes some text looks like somebody is texting on the web page.

But sometimes, it causes an error like text cursor is not showing or the cursor goes somewhere.

That’s what most people asking and I also went through that common issue.

Today, I wanna leave a note to show one of the samples to make Typed.js works well with a sample code.

(さらに…)

メールアドレスをBase64で暗号化:mailto:のアドレス丸見え防止

10 / 08 / 2017
Category: FRONTEND, HTML, jQuery
Tags: | |

こんにちは、フリーランスフロントエンドエンジニアのArisa(Schabibi)です。

 

フロントエンドの目線で、よく無意識に閲覧するウェブサイトのソースを見てしまうんですが、結構な頻度でHTMLソースコードに直接メールアドレスが書かれているのを見かけます。
商用や公用のアドレスなら問題ないかもしれません。
ただ、世の中には収集BOTというものがいまして、そういうウェブサイトのソースコードに直接記入してあるメールアドレスを、自動的にかき集めてたくさんスパムメールを送ることができてしまうんですね。

 

でも、ウェブサイトでよく見かけるメールアイコンをクリックすると、メーラーが自動で立ち上がる機能の方がコンタクトフォームより良いというクライアントの方もいらっしゃいますので、この機能は安全に実装したいですよね。

 

収集BOTは人間ではありませんが、ロボットが理解できなくても人間が見てもわかる暗号化も意味がありません。
暗号化ってフロントエンドで手軽にできるのかなと、知識のないときは思っていましたが(本当に最初の頃です 笑)すごく手軽にできる方法があります!

 

(さらに…)