Sassの使い方と導入するメリット - 効率的にサイトを作るためのツール 今回はSassの使い方と導入するメリットについて説明します。よく使うものに絞って紹介していきます。 説明する環境は以下。 macOS Mojar v10.14.6Visual Studio Code... 2021.03.02
Swiperでパララックス スライダーを実装する方法 - サムネイル付き 今回はSwiper.jsを使ってパララックスするスライダーの実装方法を紹介します。奥行きのあるスライダーを実装したい方にオススメです。 ・デモサイト 実装内容は以下。 Swiperの4系を使用(IE対... 2020.04.27
Webサイトで使われるフォント厳選16個 - Google Fonts 編 今回は1,000以上確認したWebサイトの中から、特に良く使われているGoogle Fontsを紹介します。フォントを使っているサイトも一緒に紹介しているので参考にしてみてください。 前提条件は以下で... 2020.04.26
GoogleMapが表示されない4つの原因と解決方法 - APIキーの設定ミスが9割 ホームページにGoogleMapを埋め込んでも表示されない原因は4つです。今回はその原因と解決法について説明します。 前提条件 GoogleMapのAPIキーは取得済みブログではなく、企業ホームページ... 2020.10.16
gitのコマンド一覧 - 忘れるコマンドを管理する gitでよく使うコマンドについてまとめてみました。コマンドの説明については#の部分に書いてありますが、基本的にはコピペ用に作成しています。 説明する環境は以下。 macOS Mojar v10.14.... 2020.08.31
Zendeskのテーマ開発でSassとAutoprefixerを設定する手順 Zendeskのテーマを作るときに開発環境でSassとAutoprefixerを設定する方法を紹介します。今回は個人的な備忘録になります。 前提条件は以下。 エディタの拡張機能でコンパイルしないZen... 2020.05.05
Zendeskのテーマ制作環境をローカルに作る4ステップ! 今回はZendeskのテーマ制作する環境をローカルに作る手順について説明します。 前提条件は以下になります。 Zendeskの新規テーマを制作する構築するドメインは「hogehoe.zendesk.c... 2020.05.05
「Live Sass Compiler」の設定方法 - VScodeでSassを書く 今回はVScodeの拡張機能「Live Sass Compiler」の設定方法を説明します。手軽にSassを書ける環境を作れるのでおすすめです。この機能には自動でベンダープレフィックス(Autopre... 2020.04.28
背景画像をズームアップしながらフェードで切り替えるスライダー - Swiperで実装する方法 今回は背景画像をズームアップさせながらフェードで切り替えるスライダーを、Swiperを使って実装します。Swiperなどのプラグインを使わなくても実現できますが、ページネションの設定や1ページに複数ス... 2021.01.25
Vscodeの拡張機能「Project Manager」の使い方 - 複数のフォルダを同時に開く 今回はVscodeの拡張機能「Project Manager」の設定方法を紹介します。ワークスペースに複数のプロジェクトを表示させて、その状態をいつでも呼び出せる環境を作れる拡張機能です。 説明する環... 2020.03.20