今回はGoogle Maps APIを使った地図の埋め込みと、カスタマイズ方法を紹介します。 実装内容は以下。 GoogleMap APIは取得済みブログではなく、企業ホームページに埋め込み地図の色や...

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

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

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

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

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

ホームページにGoogleMapを埋め込んでも表示されない原因は４つです。今回はその原因と解決法について説明します。 前提条件 GoogleMapのAPIキーは取得済みブログではなく、企業ホームページ...

gitでよく使うコマンドについてまとめてみました。コマンドの説明については#の部分に書いてありますが、基本的にはコピペ用に作成しています。 説明する環境は以下。 macOS Mojar v10.14....

Zendeskのテーマを作るときに開発環境でSassとAutoprefixerを設定する方法を紹介します。今回は個人的な備忘録になります。 前提条件は以下。 エディタの拡張機能でコンパイルしないZen...

今回はZendeskのテーマ制作する環境をローカルに作る手順について説明します。 前提条件は以下になります。 Zendeskの新規テーマを制作する構築するドメインは「hogehoe.zendesk.c...