triBlog

トリアナのブログ。

コラム
書いた人: ごとう
ライター画像

面白い技術があるから勉強したい

Webエンジニアになって3ヵ月が経ちました。新しいことに挑戦して成長していることを実感できて楽しいです。日を追ってやりたいことが増えていきます。 バックエンドエンジニアで入社しましたが、最近はフロントエンドの技術にも興味…

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

コーディング算数 Ⅰ

photoshop等からCSSに入れる数字を計算するのですが、 よく式をど忘れしちゃうので、メモついでにご紹介します。 (会社のブログをメモがわりにしてすみません。) さて、今回の数式は・・・・・。 デザインデータから、…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

バックエンド
書いた人: たなか
ライター画像

ソースコードを書く上で重要なこと

こんにちは。 今回はソースコードを書く上で重要視していることをお話します。   結論 読むだけで理解できるようなソースコードを書くこと 理由 ①拡張性を保つため ②保守性を保つため ③属人化を防ぐため ※上記は…

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

時短で簡単に!ストライプ・背景グラデーションをCSSで!

天の声「そろそろね、Webコーダーらしい話をしようね。 2.5舞台とかサブカルな話しかしてないからね。」 というわけで今回は、コーディングでよく利用しているサイトなどをご紹介しようと思います。 コピペでいけてしまうので、…

ページ上部へ