HTML

HTML5のvideoタグで1フレーム進む・戻るを実装する方法

こんにちは、macoです。 本記事では、HTML5のvideoタグで、1フレームずつ進むボタンと戻るボタンを実装する方法を解説します。 コード付きで解説するので、そのままコピペするだけで確認できると思います。 注意 この記事...
git

Gitの使い方をちゃんと分かるためのよく使うコマンドまとめ

こんにちは、macoです。 Git初心者で、コマンドの意味が分からない、どんなコマンドがあるのか知りたいと考えていませんか? この記事では以下の内容を解説します。 1.Gitの使い方をちゃんと分かるためのよく使うコマンド一覧 2...
CSS

Animate.cssがiPhone6sで動かない場合の対処法

Animate.cssがiPhone6sで動かない。 そんな経験はありませんか? この記事では、Animate.cssがiPhone6sで動かない場合の対策を紹介します。 ほとんどの場合、これから紹介するやり方で解決するはずです。...
npm

npm scriptsのbrowser-syncでSSI(サーバーサイドインクルード)を使う方法

こんにちはmacoです。 最近、gulpなどのタスクランナーからnpm scriptsに乗り換える人がいますが、npm scriptsのbrowser-syncでSSI(サーバーサイドインクルード)を使いたい場合もありますよね? ...
PHP

WordPressのgutenberg(グーテンベルグ)を元のエディタに戻す方法

こんにちはmacoです。 WordPressの新しいエディタ、gutenberg(グーテンベルグ)が使いにくいという声が多いようです。 僕はfunctions.phpに1行追加するだけで元のエディタに戻しました。 プラグインで...
CSS

CSSで変数を使う方法

こんにちはmacoです。 CSSでカラーコードや数値など、よく使う値を変数にすることができたら便利ですよね。 この記事では、CSSで変数を使う方法を紹介します。 変数の定義方法 変数はCSS内で次のように定義します。 :roo...
アドセンス

アドセンスの審査に通らないと嘆く前にやるべきことリスト

アドセンスの審査に通らない方へ。 アドセンスの審査に必要な準備をしたいけど何をしたら良いのかわからない、と考えていませんか? この記事では、以下の内容を解説します。 1.アドセンスの審査に通らないと嘆く前にやるべきことリスト ...
PHP

WordPressのビジュアルエディタからボタンを削除する方法【プラグインなし】

WordPressのビジュアルエディタから、いらないボタンを削除したいと思ったことはありませんか? ビジュアルエディタとは、下記の画像のようなテキストを整形しながら執筆できる部分のことです。 (ハイライトされた画像) この記事では...
CSS

CSSで背景付きの斜めの要素を作る方法

オシャレなサイトが増えている現代、CSSで背景付きの斜めの要素を作りたいという人がいると思います。 この記事を読めば、その作り方を学ぶことができます。 CSSで背景付きの斜めの要素を作る方法 まずはデモを見てください。 デモ ...
CSS

CSSのフォントサイズをpxからremに変えたら捗った話

こんにちはmacoです。 今回は、「CSSのフォントサイズをpxからremに変えたら捗った話」をしたいと思います。 皆さんは、CSSのフォントサイズの単位は何で指定していますか? 僕はつい最近までpxでずっとやってきましたが、re...