トリアナのブログ。
レスポンシブが基本の現在。 デバイスによっては幅がバラバラなため中途半端な位置で … と省略されるの気持ち悪いですよね。 また、WPなどの動的なサイトの場合はphpでの文字数制限しても、全角半角、英数字だったりで文字自体…
SEO対策のために、WPのタイトルを丸々変更しなければいけないことがあります。 テンプレ開いて分岐を沢山書いて編集するのが大変なので、ちょっとWPに手を加えて管理画面から編集できるように楽にしてみましたので、ご紹介いたし…
みなさん、技術記事書いていますか？ 私は書いています。 なぜなら私がエンジニアとして重要だと思っていること、それが『アウトプット』と『チームでの成果の最大化』だからです。 この2つはとても密接な関係にあります。 後述しま…
奥深い余白の実装、人によってかなり書き方が違うと思います。 そんな中、『flexboxレイアウト、これが最適解では？』と思えるgapプロパティのご紹介です。 gapはflexboxレイアウトで使える新しいプロパティ 今ま…
こんにちは、コーダーのあべです。 WordPressのヘッダーが分岐だらけでごちゃって気になることはないですか？ 普通とっちらからないと言われそうですが、 SEO対策のために「title」「keywords」「descr…
最近、Gatsbyを触る機会があったので以前触ったことのあるVuePressと比較してみました！ SSG（静的サイトジェネレータ）とは WordPressなどの動的なCMSとは違い、 静的サイトジェネレータ（以下、SSG…
今年ももう直ぐ終わり。 第37回 2020年 新語・流行語大賞も発表されましたね。 そんなわけで、流行語ではなく今回は個人的にコーディングでたくさん使った、マイブームだった事を紹介していこうと思います。 PCで電話番号ク…
超、超、超かんたんです。 もうレスポンシブや2倍書き出しのときにクリッカブルマップがズレることはありません。 どんなときも、どんなときも、クリッカブルがクリッカブルらしくあるためにImage Map Resizerを使い…
便利で、種類もあるFontAwesomeよく利用してます。 かゆいところに手が届く便利なアイコンが沢山使えます。 有料だとさらにたくさん使えるのですが、無料でも全然いける。 ただ、こやつ・・・重たい・・・非常に重たい。 …
こんにちは〜、おたコーダーのあべです。 昨今のCSSの進化でラジオボタンやチェックボックをおしゃれに装飾できるようになりました。 しかし、せっかく装飾したのにフォームでjquery validationが効いてくれないと…