トップ
サービス
事例
コラム
会社概要
お問い合わせ
トップ
サービス
事例
コラム
会社概要
お問い合わせ
Column
コラム
TOP
コラム一覧
カテゴリーから探す
EC
HTML・CSS
Podio
TEGARU
Tips
Trends
WordPress
イベント
事例
集客方法
アーカイブから探す
2025年
2024年
2023年
2022年
2021年
2015年
2024.01.15
HTML・CSS
明奈
インストールしたフォントをWebフォントとして設定する方法
今回はCSSの@font-faceを使用してインストールしたフォントをWebフォントとして表示させる方法を紹介します。 @font-faceとは @規則と呼ばれるものの1つであり、外部のWebフォントを読み込んだり、ローカル内のフォントデータを呼び出したりできます。 インストールしたフォント(ローカルフォント)を使用するメリット ローカルフォントは、あらかじめインストールされているもの
READ MORE
2023.12.22
HTML・CSS
明奈
CSS|画像を文字(テキスト)の形に切り抜く方法
今回は、CSSの[background-clip]を使用して、下記のように背景画像をテキストの形に切り抜く方法を紹介します。 設定方法 設定は簡単です。切り抜く箇所に、背景画像と[ background-image]とテキストの色を透過指定[color: transparent;]し、切り抜く[background-clip: text;]を指定してください。 HTML
READ MORE
2023.12.18
HTML・CSS
明奈
CSS|全ブラウザ対応した! グリッドレイアウト[Grid Layout]の新機能サブグリッド[Subgrid]とは
今回は、グリッドレイアウトの新機能サブグリッドを紹介します! グリッドレイアウトとは 要素を格子状(グリッド)に配置するレイアウト手法です。flexboxと同じで、親要素と子要素が必要。 親要素にdisplay: grid;を記載することで、下記のように全体を囲む親要素がグリッドコンテナーになり、子要素がグリッドアイテムになります。また、グリッドアイテムの間の空白スペースをグリッドギャッ
READ MORE
2023.12.04
HTML・CSS
明奈
Swiper|画像ズームアップでバグが起きた際に試してほしいこと
以前の記事で、「SwiperとCSSを使用し、スライダーの背景画像をズームしながらふわっと切り替えする方法」を紹介しました。 SwiperとCSSを使用し、スライダーの背景画像をズームしながらふわっと切り替えする方法 今回は、画像をズームアップさせた際にスマホで確認すると、途中でズームアップされず、かくっとなる現象が起きたため、その解決方法を紹介します。 設定は簡単です。 アニメー
Swiper
READ MORE
2023.11.21
Tips
明奈
jQuery|ページを読み込み後の処理が効かない場合に試してほしいこと
jQueryのページを読み込み後の処理が効かない場合は、以下のステップを試してみることをお勧めします。 例 $(window).load(function() { // 処理 }); こちらの記述がきかない場合は、jQueryのバージョンを確認してください。 jQuery3.0以降では上記の記述だと効かなくなるため、以下の記述をしてください。 $(window
jQuery
READ MORE
2023.10.16
HTML・CSS
明奈
CSS|画像の下の余白を消す方法
imgタグで画像を設定する際、画像の下に余白ができる場合があります。 今回は、その余白を消す方法を紹介します。 なぜ余白ができる? img要素に対して余白ができる原因は、画像を含むインライン要素にvertical-align: baseline;の初期値が効いているからです。 解決方法 解決方法は、 img要素に対して、vertical-align: bottom;
READ MORE
2023.10.03
Tips
明奈
XAMPPでphpMyAdminに入れなくなった際に、試してほしいこと
前回は、XAMPPのMySQLがスタートができない際の、エラー解消手順を紹介しました。 今回は、MySQLはスタートしているのにもかかわらず、phpMyAdminに入れずエラーが出る場合に試してほしいことを紹介します。 エラー内容 下記の添付のように、phpMyAdminを開くことができなくなり、エラーが出ている。 試してほしいこと コントロールパネルを開きM
MySQL
XAMPP
READ MORE
2023.09.29
HTML・CSS
明奈
iOSで、input, textarea入力時にズームインしてしまうのを解決する方法
iOSでinput, textareaを入力時にズームインしてしまう問題を解決する方法を紹介します。 設定は簡単です。 input,textarea { font-size: 16px; } 上記は16px以上で、ズームインを回避することができます。 また、もう一つの方法としてviewportの設定でズームインしてしまう問題を解決できるので、紹介します。 以下
iOS
READ MORE
2023.08.04
HTML・CSS
明奈
CSS|キャプション(テキスト)の幅を画像の幅に合わせる方法
画像の下にキャプション(テキスト)を入れる場合、下記のようにキャプションの幅が画像よりはみ出して表示されてしまうことがあります。 今回は、HTMLの<figure>タグと<figcaption>タグを使用し、CSSでキャプションの幅を画像の幅に合わせる方法を紹介します。 HTML <div class="img-box"> &l
READ MORE
2023.07.25
Tips
明奈
XAMPPのMySQLがスタートができない際に試してほしいこと
開発には欠かせないソフトウェアを、簡単かつ無料で一気にインストールすることができるXAMPPですが、エラーが出て思うようにいかないことがあります。 今回は、その中でMySQLがスタートできない際に試していただきたい点を紹介します。 エラー内容 コントロールパネルでXAMPPのMySQLの「Start」ボタンを押下した際、下記のエラーが出てしまい、スタートできない。 エラー解
MySQL
XAMPP
READ MORE
<
1
2
3
4
…
8
>