triBlog

トリアナのブログ。

WEB制作
書いた人: あべ
ライター画像

便利!CSSだけで文字数制限

レスポンシブが基本の現在。 デバイスによっては幅がバラバラなため中途半端な位置で … と省略されるの気持ち悪いですよね。 また、WPなどの動的なサイトの場合はphpでの文字数制限しても、全角半角、英数字だったりで文字自体…

SEO
書いた人: あべ
ライター画像

WordPressのtitleタグの出力内容をカスタムフィールドで変更できるようにしてみた。

SEO対策のために、WPのタイトルを丸々変更しなければいけないことがあります。 テンプレ開いて分岐を沢山書いて編集するのが大変なので、ちょっとWPに手を加えて管理画面から編集できるように楽にしてみましたので、ご紹介いたし…

WEB制作
書いた人: おくだ
ライター画像

エンジニアが技術記事を書く重要性

みなさん、技術記事書いていますか? 私は書いています。 なぜなら私がエンジニアとして重要だと思っていること、それが『アウトプット』と『チームでの成果の最大化』だからです。 この2つはとても密接な関係にあります。 後述しま…

WEB制作
書いた人: おくだ
ライター画像

gapプロパティはCSS余白界の最適解になり得る

奥深い余白の実装、人によってかなり書き方が違うと思います。 そんな中、『flexboxレイアウト、これが最適解では?』と思えるgapプロパティのご紹介です。 gapはflexboxレイアウトで使える新しいプロパティ 今ま…

SEO
書いた人: あべ
ライター画像

WordPressのメタとOGP設定を自動化にして整理してみた。

こんにちは、コーダーのあべです。 WordPressのヘッダーが分岐だらけでごちゃって気になることはないですか? 普通とっちらからないと言われそうですが、 SEO対策のために「title」「keywords」「descr…

WEB制作
書いた人: おくだ
ライター画像

【SSG】GatsbyとVuePressを比較してみた

最近、Gatsbyを触る機会があったので以前触ったことのあるVuePressと比較してみました! SSG(静的サイトジェネレータ)とは WordPressなどの動的なCMSとは違い、 静的サイトジェネレータ(以下、SSG…

WEB制作
書いた人: あべ
ライター画像

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

今年ももう直ぐ終わり。 第37回 2020年 新語・流行語大賞も発表されましたね。 そんなわけで、流行語ではなく今回は個人的にコーディングでたくさん使った、マイブームだった事を紹介していこうと思います。 PCで電話番号ク…

Image Map Resizer
Image Map Resizer
WEB制作
書いた人: おくだ
ライター画像

jQuery不要!クリッカブル(イメージ)マップを実装するならレスポンシブや2倍書き出しでもズレないImage Map Resizerを使おう

超、超、超かんたんです。 もうレスポンシブや2倍書き出しのときにクリッカブルマップがズレることはありません。 どんなときも、どんなときも、クリッカブルがクリッカブルらしくあるためにImage Map Resizerを使い…

ツール
書いた人: あべ
ライター画像

FontAwesomeの欲しいのだけチョイスしたい。

便利で、種類もあるFontAwesomeよく利用してます。 かゆいところに手が届く便利なアイコンが沢山使えます。 有料だとさらにたくさん使えるのですが、無料でも全然いける。 ただ、こやつ・・・重たい・・・非常に重たい。 …

WEB制作
書いた人: あべ
ライター画像

チェックボックスをおしゃれにしたら、validationが効かなかった事について

こんにちは〜、おたコーダーのあべです。 昨今のCSSの進化でラジオボタンやチェックボックをおしゃれに装飾できるようになりました。 しかし、せっかく装飾したのにフォームでjquery validationが効いてくれないと…

ページ上部へ