今回はテキストやサムネイル画像をクリックしたときに、YouTube動画をポップアップ表示してくれるプラグインを紹介します。まずはデモサイトを作成したので表示を確認してみてください。 デモサイト 実装内...

今回はPhotoshopのレイヤースタイルにあるブレンド条件の説明と、具体的にどのように使うのか説明します。 説明する環境は以下の通り。 macOS Catalina v10.15.4Photosho...

今回はPhotoshopの不透明度と塗りの違いについて説明します。 説明する環境は以下の通り。 macOS Catalina v10.15.4Photoshop cc 2020 v21.1.3 不透明...

サイトを効率的に作成していくにはファイルの管理方法や、クラスの命名規則など、統一されたルールが必要です。今回は自分なりのFLOCSSを含めたサイト設計について説明します。 説明する前提条件は以下。 あ...

今回はPhotoshopで立体的な球体を作る方法を説明します。 説明する環境は以下の通り。 macOS Mojar v10.14.6Photoshop cc 2020 v21.0.0 Photosho...

今回はSassの使い方と導入するメリットについて説明します。よく使うものに絞って紹介していきます。 説明する環境は以下。 macOS Mojar v10.14.6Visual Studio Code...

今回はSwiper.jsを使ってパララックスするスライダーの実装方法を紹介します。奥行きのあるスライダーを実装したい方にオススメです。 デモサイト 実装内容は以下。 Swiperの８系を使用jQuer...

今回は紙に書いた文字をIllustratorに取り込んで、文字のところだけをトレースして書き出す方法を説明します。Photoshopよりも綺麗に取り込めて、svg形式でも出力することが可能です。 Il...

今回は1,000以上確認したWebサイトの中から、特に良く使われているGoogle Fontsを紹介します。フォントを使っているサイトも一緒に紹介しているので参考にしてみてください。 前提条件は以下で...

今回は会計ソフトfreeeを使って青色申告書を作成する方法を説明します。2019年度分を青色申告したので情報を共有しておきます。 会計ソフトfreee公式ページ 前提条件は以下。 個人のフリーランス前...