CODE html/css

HTML/CSS/JSのメモはCODEPENが便利

更新日:

こんばんは
CODEPENって便利ですね。

HTML/CSS/JS(jQuery)のコードを書いている時に、これ使えるなっていうのは以下のような感じでメモしていました。

でも、書き殴っているだけで整理されていないので、さすがに煩雑になってきました。
そんな時に思い出したのが、ブログの記事などでよく見かけるソース記載の形式。

CODEPEN
調べてみたら簡単に利用できるようなの使ってみました。
登録方法は割愛。特に迷うことはなかったです。

↑トップページ。「Pen」をクリック。

↑コードを書いて、右下の「Embed」をクリック。

↑「Copy & Paste Code」のコードをコピペしたのが↓。

See the Pen MWKxNGP by yoshiya.kiryu (@yoshiyakiryu) on CodePen.

※上の状態で「CSS」をクリックするとコードが消える。
※「Result」をクリックすると結果が消える。

どう考えても便利です。
今までの分も含めて、ここにメモして行こうと思います。

P.S.
軽くハマってしまったこと。
jQueryを使う場合、以下のようにjQueryを加えないとダメなんですね・・
最初は「$ いず のっと でぃふぁいんど」とか出ていました。

から

こういう便利なサービスを作るのは外国人ですねぇ・・・

P.S.のP.S.
VSCodeの予測変換に慣れると少し書きづらいのでコピペ必須。
「font-weight」が書けなかったです。

-CODE, html/css
-, ,

Copyright© kerublog , 2021 All Rights Reserved Powered by STINGER.