PROGRAMMING一覧

【WordPress】bloginfoのパラメーター(廃止・非推奨に注意)

『bloginfoって非推奨なの? だれか使い方まとめてくれない??』 こんにちは、福井でフリーのWebエンジニアをやっているJohです。最近はNFTに興味がでて仮想通貨の勉強もはじめました。 この記事では、WordPress...

記事を読む

一文字ずつアニメーションする文章を実装する方法

この記事では、文字が一文字ずつアニメーションする方法を説明します。 CSSだけでごり押しする方法 まず、一番わかりやすいコードが以下です。右下のreturnをクリックすればアニメーションが始まります。 See the Pen ...

記事を読む

OGPの書き方まとめ(Twitter・FacebookでURLの共有)

OGPというのは、『Open Graph Protocol』の略で、TwitterやFacebookでURLを貼った時、タイトル、画像、説明文がキレイに表示される仕組みのことを言います。 ホームページをxdでデザインして、コー...

記事を読む

Head内『meta http-equiv=”X-UA-Compatible” content=”IE=edge”』の意味をわかりやすく解説

Visual Studio CodeのHTMLファイルで、Emmetを利用し、『!』⇒tabを押すと、以下のようなコードがでてきます。 このコードにでてくる、 とは、どんな意味があるのでしょうか。 この記事で、でき...

記事を読む

【webpack】jQueryやslickスライダーをバンドルする方法

この記事では、webpackを使って、jQueryやslickスライダープラグインをバンドルする方法についてまとめてあります。 webpackの使い方がわからない人に役立つと思うので、参考にしてください。 フォルダを用意してVS c...

記事を読む

【jQuery】ポチするとバーっと出てくるトグルメニューの基礎

先日やっていた模写サイトにトグル(アコーディオン)メニューがあったので、一から学びなおしてここにまとめておきます。 コピペすればすぐ使えるので、仕組みがよくわからなくても読む価値ありです。 1.超基礎!トグル1つだけ Se...

記事を読む

スライダープラグインslick.jsの実装・カスタマイズまとめ

模写した時に、jQueryのスライダープラグイン『slick.js』を使ったので、使い方をまとめておきます。 初めてこのプラグインを利用する人、使い方を忘れてしまった人などは参考になると思います。 1.slickスライダーの...

記事を読む

NO IMAGE

【HTML&CSS】positionプロパティの使い方をわかりやすく説明

この記事では、CSSにおけるpositionプロパティの使い方についてまとめました。 できるだけわかりやすく説明したつもりなので、よかったらご覧ください。 要点 positionプロパティは指定した要素の配置場所を決める 指...

記事を読む

【CSS】background(背景一括指定)の使い方をわかりやすく説明

この記事では、CSSにおけるbackgroundプロパティの一括指定についてまとめてあります。 わかりやすく説明したつもりなので、よかったらぜひご覧ください。 1.動画で解説 この記事は、youtubeにも投稿してあります。 ...

記事を読む

【PHP】参照(リファレンス)渡しとは?使い方をわかりやすく説明

では、今日はこの記事で、PHPにおける参照(リファレンス)渡しについて説明します! 僕も最初まったく意味がわからなかったのです。 でもがんばって勉強してある程度理解できました! できるだけわかりやすく説明するのでぜひ参考に...

記事を読む