New Article

WEB Tips

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

JavaScript

「トップへ戻るボタン」にページのスクロール量を可視化カスタマイズ

もはやデフォルトの存在の「トップへ戻る」ボタン。凝ったデザインや素材を使うのは「面倒だなぁ」と思い、ずっと後回しにしておりました。そんな時、良い「トップへ戻る」ボタンを見つけました。
CSS

【ワードプレステーマ】CocoonでSANGOみたいな切り替えタブを実装する

トップページを固定ページに変更してから数週間経って、ずーっと「これでいっか」感があり、前からいいなぁと思っていたSANGOの切り替えタブを実装。その実装したトップページのテンプレートファイルを紹介。
WEB Tips

【カスタマイズ】ワードプレステーマ「Cocoon」に変えてからの当サイトのデザイン変更点

ワードプレスのテーマをCocoonに変更してから、もうすぐ10カ月ぐらい経ったかなと。今振り返ってみれば、全部自分の自己満なんですが、いろいろ変更やカスタマイズしてきたなと思いまして、このへんで何を変更したか、まとめようと思いました。 ...
2019.10.05
WordPress

ワードプレス初心者向け記事に対して思う疑問「それどうなの?」

ワードプレスと出会って、約7年ぐらい経ったと思います。最初は「動的なWEBサイトって嫌だなぁ」と苦手意識しかありませんでした。 ですが、当時の勤務先の代表のおかげでワードプレスを覚え、今ではワードプレスを触らない日はないぐらい毎日利...
CSS

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

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

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

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

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

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

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

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

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

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

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

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