-
-
CSS3の『flexbox』だけでフッターを一番下（最下部）に固定する
ウェブサイトを作成する際に、コンテンツの内容が少ないページのフッターがウィンドウの途中に来てしまって、下に不自然に余白ができてしまう問題ってありますよね。 ↑こういう状態です。 ...
カテゴリー： ウェブ制作
チップス通信
-
-
jQueryでレスポンシブ対応かつ切替可能なモーダルを作成する方法
今回は切り替えが可能なモーダルウィンドウの作成方法をご紹介します。 まずはデモページを用意したのでご覧ください。 今回はこれを作っていきたいと思います。レスポンシブにも対応していま...
カテゴリー： ウェブ制作
-
-
googleマップを使ってワードプレスのブログ記事に地図を載せる方法
ホームページ自体はウェブ制作会社に作ってもらったけど、ブログは自分で更新している。 ワードプレスなどのCMSを使用したホームページが一般化した今、そういう方も非常に多いと思います。 ...
カテゴリー： ウェブ制作
-
-
Instagram APIを使ってインスタグラムの画像をウェブサイト上に表示する
追記 この記事で画像をウェブサイト上に表示するのに使用しているInstagram API platformは2018年7月31日から2020年の初めにわたり、順次サービスを終了していく事...
カテゴリー： ウェブ制作
-
-
Googleアナリティクス個人認定資格（GAIQ）とは？解説と取得までの流れ
本日は資格の紹介をします。 Google社が提供しているWEB解析ツール『Googleアナリティクス』は、もはや説明不要かと思います。 今回紹介するGoogleアナリティクス個人認...
カテゴリー： マーケティング
-
-
アイコンフォントの使い方を『Material Design Iconic Font』で解説
今回はアイコンフォントの使い方について解説していきます！ アイコンフォントは『Font Awesome』も有名ですが、そちらの方は既に解説されている方が多数いらっしゃったので、この記事で...
カテゴリー： ウェブ制作
-
-
HTMLやCSSのブラウザ対応状況を調べられるサイト『Can I use…』
ウェブサイトを制作する際にもっとも気をつけないといけないことの１つが「使用しようとしているHTMLやCSSが主要なブラウザに対応しているか？」ではないでしょうか。 2017年現在、HTM...
カテゴリー： ウェブ制作
-
-
『IoTとは？』を実例とともに説明
最近何かとよく耳にする『IoT』。 IoTとはInternet of Thingsの頭文字であり、日本語では「モノのインターネット」と呼ばれています。 正直、この言葉だけ聞いても全...
カテゴリー： マーケティング
-
-
『もっと見る』ボタンをAjaxローディングとJsonを使って実装してみた
今回は記事の一覧ページなどで見かける「もっと見る」ボタンの作り方について書いていきたいと思います！ まずは「もっと見る」ボタンの仕組みについての説明をしていきます。 今回、「もっと...
カテゴリー： ウェブ制作
-
-
レスポンシブ対応のスライダー『slick』が使いやすくておすすめ
今回は軽量で使い勝手のいいレスポンシブ対応スライダー『slick』について解説していきます。 レスポンシブ対応のスライダーは他にも有りますが、slickはブレイクポイントが設定可能な他、...
カテゴリー： ウェブ制作
