WEB Tips

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

CSS

テーブルを並べ替えソートする便利なライブラリ「tablesorter」のカスタマイズ

テーブルの一覧をクリックで並び替えソートしてくれる「tablesorter」。簡単設置で、本当に便利な便利なライブラリの簡単なカスタマイズ方法。
CSS

inputタグのcheckboxとradioボタンでできる事まとめ

フォームの中の選択項目として利用するinputタグのcheckboxとradioボタン。どちらも選択肢を選ぶ目的で古(いにしえ)から伝わる方法です。 そんなcheckboxとradioボタンを使い、JavaScriptなどは使わずに...
CSS

アクセシビリティを考えてinputタグのcheckboxをボタン化する

inputタグのcheckboxを使いやすくする為にCSSで装飾する事、あると思います。押しやすくしたり、視認性を高めたり、操作性を向上させる事は良い事ですが、引き換えにアクセシビリティが損なわれる事もあります。 この記事ではそのア...
JavaScript

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

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

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

トップページを固定ページに変更してから数週間経って、ずーっと「これでいっか」感があり、前からいいなぁと思っていたSANGOの切り替えタブを実装。その実装したトップページのテンプレートファイルを紹介。
2020.01.27
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年に発表されてから、作成方法の記事などを見てきましたが、テンプレートがあるとはいえ、ただただ面倒くさそう。 そんなネガティブなイメ...
タイトルとURLをコピーしました