New Article

WEB Tips

今までの仕事や趣味等の経験から、ワードプレス、HTML、CSS、JS等のWEB系の技術やプラグインなどで共有したいことや、忘備録的な内容も含め、ふざけながら更新していきます。

CSS

ページ遷移時にアニメーションを入れる方法【ライブラリなし】

次のページに進む際、トップに戻る際、ページ遷移時にアニメーションがあると、サイトの印象はかなり強くなりますよね。
WEB Tips

【画像圧縮プラグインエラー】Compress JPEG & PNG imagesを使うとサイトが止まる

制作をしていれば、「画像の圧縮」と聞くと、勝手にパンダが頭に浮かぶ人も多いはず。
WordPress

【10分でOK】AMP Storiesをワードプレスのプラグインで簡単作成

インスタグラムやフェイスブックでは、もはや定番の「ストーリーズ」。AMPページのストーリーズが2018年に発表されてから、作成方法の記事などを見てきましたが、テンプレートがあるとはいえ、ただただ面倒くさそう。 そんなネガティブなイメ...
WEB Tips

マネしたくなるWEBサイトの動きやデザイン14選

WEBサイトをデザインしたり、制作する際、又は提案する場合など、参考サイトを探す事、多々多々、多々あると思います。 参考サイトをまとめたギャラリーサイトはありがたいですが、デザイン以外の動きまではパッと見れなかったり、又は見てる余裕...
2019.08.07
CSS

CSSだけで新着記事を流れるテキストのヘッドライン表示にする

流れるテキストで目立たせて、新着記事等をJavaScript等を使わずCSSだけで表示させる方法を、紹介します。
CSS

CSSをminify化(ファイル圧縮)する際のCSSアニメーションの注意点

CSSをminify化(ファイル圧縮)した際、CSSアニメーションが動かないという事があり、原因を調べてみました。圧縮する際のエラーかなと思っていたのですが、エラーというよりはCSSの書き方に注意が必要でした。
WordPress

【Cocoon】スマホ表示時のフッターボタンをオリジナルアイコンに変更

先日、Cocoonテーマに追加された「モバイルフッターメニュー」のカスタマイズ機能。この「モバイルフッターメニュー」をカスタマイズして、オリジナルアイコンに変更する方法を紹介します。
WEB Tips

僕がワードプレスブログで、ページ速度を上げるためにやったこと

「PageSpeed Insights」で計測した結果をもとに、ページ速度を上げるためにやった事をまとめました。
WEB Tips

【ページ速度の結果】サーバーをカラフルボックスに変えて1か月、気づいたデメリット

2018年の年末にサーバーをロリポップからスターサーバーに変えーの、そして年号は令和に変わり半年でカラフルボックスに変えました。気をつけてください、女心と秋の空とサーバー。 1か月利用して気になったデメリットを追加しました。 ...
2019.07.08
WordPress

ワードプレスでパーマリンクが数字のみの場合「-2」が付く

パーマリンク問題は、私の中である程度、理解できているもんだと思っていました。 私が出くわした問題は単純にワードプレス・データベース内に同じスラッグがあるという問題ではございません。
WEB Tips

令和にも残そう、懐かしい90年代WEBデザイン。さよなら平成。

もうすぐ令和、平成も残りわずかですね。 そんな新しい時代に突入する昨今(元号、関係あるのは日本だけやけど)、あえて懐かしいデザインで作成されたサイトを集めてみました。
2019.05.21
WEB Tips

多言語サイトのSEO注意点【僕が失敗した話】

海外から日本への観光客やオリンピックの影響、反対に日本から海外展開等々、サービスのグローバル化の為、多言語サイトの需要も増えていると思います。 自分は無知がゆえに多言語サイト制作にあたり、SEOの部分でミスをしてしまいました。そんな...
2019.07.30
CSS

ヘッダを固定【fixed】したサイトのページ内リンクのズレを考える

ヘッダーやメニューバーを上部に固定させるサイトデザインは世の中に溢れています。 ページスクロールの解説記事もたくさん溢れています。 ただ、position:fixedなどでヘッダを固定した際のズレの事、考えた事ありますか?
2019.05.15
WEB Tips

【3回目で受かった】Googleアナリティクス個人認定資格(GAIQ)微妙に難しかった

「そうだ、まずは肩書きを固めよう」と思い、「資格だ、資格。こういう時は資格だ」と、WEB関連の資格を調べたところ、そうだ「Google アナリティクス個人認定資格(GAIQ)」があるじゃないか。 早速、受けてみました。
2019.04.03
WordPress

【Cocoon】GoogleAdSenseでエラーが出た際にやった事

表示上は問題なくても、裏側を見るとエラーが出てるなんて事、僕は多々あります。。。 ほったらかしにしてると、サイトの表示速度の低下に繋がるかもしれません。 今記事では当ブログで発生していたアドセンスのエラーの解決方法について書きます。
タイトルとURLをコピーしました