triBlog

トリアナのブログ。

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が効いてくれないと…

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

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

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

フロントエンド
書いた人: おくだ
ライター画像

【VuePress】グローバルナビゲーションとサイドバーを表示する

VuePressでサイトを公開する時、 まず設定すべきなのがグローバルナビゲーションとサイドバーです。 グローバルナビゲーションはユーザーがサイトを回遊するのに役立ち、 サイドバーは目次などが表示でき、記事の内容がわかり…

フロントエンド
書いた人: おくだ
ライター画像

【VuePress】ゆる〜くインストールからHello VuePressを表示するまでをまとめてみた

個人でブログ書きたいなぁとか、技術メモをサイトとして公開したいなぁって方必見。 静的サイトジェネレーターのVuePressを使って爆速なサイトを作っていきましょう。 今回は初歩の初歩、インストールから画面に「Hello …

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

【静的サイトジェネレータ】WordPress不要!2020年注目のVuePressの特徴をまとめてみた

みなさんは静的サイトジェネレーターって聞いたことありますか。 将来、WordPressに代わる存在になるのでは……とWEB業界で囁かれてる技術なんです。 今回はそんな静的サイトジェネレータの中でも、Vue.jsで構築する…

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

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

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

ページ上部へ