triBlog

トリアナのブログ。

WEB制作
ツール
フロントエンド

2020年、今年の自分のコーディングを振り返ってみた。

個人的コーディング流行大賞 2020
ライター画像
あべ

今年ももう直ぐ終わり。
第37回 2020年 新語・流行語大賞も発表されましたね。

そんなわけで、流行語ではなく今回は個人的にコーディングでたくさん使った、マイブームだった事を紹介していこうと思います。

PCで電話番号クリックしたくない(CSS)

わああああ、またスカイプのPOPがでてきたあああああ!
aタグのhref=”tel”。電話番号をリンクさせる時に利用しますよね?
ただ、PCだとちょっとお邪魔。

これいままで、jsで制御するのが主流だったのですが、なんとCSSで制御できるようになりました。
(IE11以下のブラウザに対応する場合はjQueryを使う方法になります。)
自分のCSSのベーステンプレに追加するようになった便利CSSです。

pointer-eventsを利用します。(クリック・タッチイベントを無効化)
書き方はこんな感じ。href=”tel”系のリンクPCの時は全部無効化の表記です。

参考コード

pointer-eventsなのですが、他にも便利な使い方が色々あるので試してみたいです。

参考記事

権限で分岐(WordPress)

WPでちょっと文言等追加や変更して確認してもらう時に、テストページではなくログインしたら見えるようにして確認してもらうことがあります。

ただし、これは会員登録等でWordpressのユーザー機能使ってる場合、ログインしたユーザー全てにみれてしまうんです。
WPのユーザーが、更新担当者しかいない場合はこれでいいのですが、担当のみに見てほしい時とかにはNGですよね。

そこで、最近はこちらを利用しています。
権限で分岐!

参考コード

current_user_can(‘ここを書き換えて権限を変えてね’)
管理者(administrator) – サイト内すべての管理機能にアクセスできるユーザー。マスター。
編集者(editor) – 他のユーザーの投稿を含むすべての投稿を発行、管理できるユーザー。
投稿者(author) – 自身の投稿を発行、管理できるユーザー。
購読者(subscriber) -コメントを読んだり書き込んだり。会員系機能はここのユーザーを使ってる。

今後は、会員様限定情報等で見せる場合は、is_user_logged_in
更新担当にだけ見せる場合は、current_user_canで使い分けていこうと思います。

参考記事


IcoMoon(ツール)

日々のFontAwesomeのダイエット(軽量化)に貢献していただいております。FontAwesomeのライ●ップ
IcoMoonは、Webフォント素材の配布、自作のアイコンや他の素材サイトでダウンロードしたSVGアイコンをWebフォントに変換できるサービスを提供しています。

そのうち、SVGアイコンもぶっこんでみたいので今後その時はまた記事書こうと思います。

これに関しては、前回記事を書いたので、こちらを参考にどうぞ。

underlineを使い分け(CSS)

とりあえず、underline!おまえはくっつき過ぎだ。

:hover等でも使うアンダーライン。
文字と、線がベッタリくっ付いてしまうのがちょっと見づらい。

そこで、自分は最近はこちらを使っています。

参考コード

実装するとこんな感じです。

見やすい! デザイン上くっ付くのやだな〜って時はこちらを使うと見た目が良いです。

まとめ

ほかにもありそうなのですが、今年の自分のコーディングをちょっと振り返ってみました。
来年はさらに便利な機能等が増えてるんでしょうね。ついていかなければ。

恒例 さいきんのあべさん

・Wordpressのランダム表示、ページングに悪戦苦闘した。(パーミッションで実装)
・日報の一言日記をちゃんと書くようにしてる。
・娘ちゃん、バージョン3へのアプデで、夜泣きアラートがまた実装されてしまった。
・審神者に、マスター、お空に、監督、マネージャー、監督生に、賢者様を最近追加してしまい回せてない。
・平なところで、なぜか穴にはまり車が脱輪した(汗
・本日、2020年12月9日 2020FNS歌謡祭に「刀剣男士 team新撰組 with蜂須賀虎徹 出演」曲目が「ゆめひとつ」で浮かれてる。(リンク

WEBサイトなどのご相談はこちらからどうぞ

記事を書いた人

ライター画像
あべ ママコーダー

コード打って、オタ活して、3人の子育てママして、人妻してる書けないくらいclass属性だけは多いコーダーです。

ライター画像
あべ ママコーダー

コード打って、オタ活して、3人の子育てママして、人妻してる書けないくらいclass属性だけは多いコーダーです。

ページ上部へ