【VSCode】拡張機能無しでbrタグのショートカット追加

デザイン上のテキストをpタグなどにコピペして、それぞれの行にbrタグ入力して…ってやっていたけど流石にメンドすぎたので、ハックをGoogle.

white-space: pre-line; とかにしても良かったけど、開きタグの次は改行するっていうポリシーがあったのでやっぱやめた。

wpautopに慣れすぎるといけないな(でもやっぱり好きWordPress)

キーバインディングの追加

brタ

もっとみる

wordpressでブログを作りました。

自分のサイト内にブログを作ることにしました。
アメブロ、ライブドアブログ、FC2ブログ、はてなブログ、ジュゲム、LINEブログ、エキサイトブログ、GOOブログ等等無料ブログもたくさんありますし、ポータルサイトもあるので、アクセスが集めやすい利点もいっぱいありますが、最近ブログサービス終了のニュースもあるので自分のサイトにもデータを入れようと思い作りました。

https://torikago.in

もっとみる

slick.jsでクリックした画像へスライドさせる追加js

centerModeとかで横にチラ見えしている前後のスライドをクリックしたとき、そのスライドへ移動してくれたらいいなぁと思ったのでちょっとだけ追加。

オプションのパラメータにないかなと思って調べたけど無さそうだった(ググり力不足?)ので、実装。

コード

var slider = $('.Examples');$('li[data-slick-index]').click(function (

もっとみる

MP3音源プレイヤー2016版の記憶と第一シーズン公開

連続再生可能+文字数無制限と言える流れる解説表示機能+リンクURL埋め込み可能+FLASH対応+HTML5対応+メニューは日本語・英語自動切換え、そんな無料のMP3プレイヤーの配布開始!

https://motpresse.votre.space/mp3player2016/#post-1746

【CSS】文章に「インデント」を付ける方法とは?!【学習メモ】

インデント … 「字下げ」のこと

〇基本的なインデント

p { text-indent: 1em; }

「1em」というのは、「1文字分」のインデントのこと。

〇2行目以降のみインデント

p {padding-left:1em;text-indent:-1em;}

「padding-left」左側に1文字分の余白を作る。

「text-indent」を「-1em」として、最初の行だけ余

もっとみる

【CSS】ヘッダーで大活躍!「aリンク」を広げる方法とは?!【学習メモ】

HTML

よくある「リスト」のコードです。

<body> <ul> <!-- ここにaリンクがあります --> <li><a href="hogehoge">1</a></li> <li><a href="hogehoge">2</a></li> </ul></body>

CSS

「aリンク」に対して、「display: block;」を指定してあげると、親要素(今回の場合は<li>

もっとみる

Webサーバーを簡単に立ち上げ?!「Web Server for Chrome」とは?

みなさんこんにちは!せみの声が聞こえてきて夏を感じている、おさかなです!(summer…!🍉🌻)

今回はWebサーバーを簡単に立ち上げることができる「Web Server for Chrome」について、書いていこうと思います!

それでは、レッツゴー!!!!!

目次
1. そもそも「Webサーバ-」って何?
2.「Web Server for Chrome」とは?
3. 実際につかってみ

もっとみる

【HTML】ボックスの「表示」「非表示」を指定する!「visibility」プロパティとは?【学習メモ】

「visibility」プロパティ
要素の「表示」「非表示」を指定することができるもの。

例えば、「hover」時のみ表示したいものがあるときなどに、使うと便利。

値は3種類。

・visible … 表示

visibility: visible;

・hidden … 非表示

visibility: hidden;

・collapse … テーブル、表の「行」や「列」にこの値を指定する

もっとみる