server

SSH接続とは?

SSH接続とは、サーバーに接続する手段の一つ。サーバーへの一般的な接続方法にFTP接続がありますが、FTP接続は通信する一切の情報を暗号化せずに通信するため、非常に危険です。

SSHでの接続の場合、ネットワ ...

cording

自分がよく使うload系のイベントをまとめておきます。

DOMContentLoadedイベントとloadイベントの違い

HTMLをすべて読み込んだら実行される処理

DOMContentLoadedイベントはDO ...

cording

anime.jsのmorfingを使用して流体シェイプがうにょにょ動くアニメーションのサンプルを作成してみました。下記の記事を参考にさせていただきました。

2019年流行の流体シェイプでポートフォリオサイトを作ってみる。

cording

CodePenを使ってサンプルを作成したら、とても手軽にブログにサンプルを載せることができたので、方法をご紹介します。

CodePenのサイトでアカウント登録

こちらのサイトでアカウントを作成します。Pro版は1ヶ月$12か ...

cording

下記の記事を参考にして、waypoint.jsでスクロールに連動してクラス名を追加し、さらにmobile ON/OFFをつけるカスタマイズをしてみました。今回はjQueryではなくJavaScript版を使用しています。

...

cording

アニメーション、したいですよね。いまウェブサイトにアニメーションを実装するのに何がいいのか?を考えてみました。

必須で実現したいこと

個人的には以下です。

手軽に導入できる
スクロールの可

cording

VS CodeにSASS/SCSSファイルのコンパイルが簡単にできる拡張機能(エクステンション)「Easy Sass」をインストールする方法をご紹介します。

extensionsをクリック

左サイドバーメニューにあるエクステ ...

Mac

これ、今まで知らなかった自分が本当に恥ずかしい。。。

MacのFinderで右クリックで速攻できました。

こちらの記事で紹介してくれています。

Mac – 複数のファイル名を一括で変更( ...

cording

SVGスプライトを使用してコマ割りアニメーションを作ってみました。以下の記事を参考にさせていただきました。

CSSスプライトとstepsを使ってアニメーション画像を作ろう

今回作ったサンプルはこちらです。

cording

compassを使っていないけどスプライト画像だけ作成したかったので、generatorを探してみました。以下、今回行った手順です。

animate CC でアニメーションを作成する

こんな感じの1秒24フレームのアニメーシ ...