トリアナのブログ。
奥深い余白の実装、人によってかなり書き方が違うと思います。 そんな中、『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が効いてくれないと…
こんにちは。 今回はソースコードを書く上で重要視していることをお話します。 結論 読むだけで理解できるようなソースコードを書くこと 理由 ①拡張性を保つため ②保守性を保つため ③属人化を防ぐため ※上記は…
VuePressでサイトを公開する時、 まず設定すべきなのがグローバルナビゲーションとサイドバーです。 グローバルナビゲーションはユーザーがサイトを回遊するのに役立ち、 サイドバーは目次などが表示でき、記事の内容がわかり…
個人でブログ書きたいなぁとか、技術メモをサイトとして公開したいなぁって方必見。 静的サイトジェネレーターのVuePressを使って爆速なサイトを作っていきましょう。 今回は初歩の初歩、インストールから画面に「Hello …