FEVDES BLOG

自分の経験をシェアしたい。Webデザインのテクニック&効率化。

コーディング

Sublime Textで一行ごとにタグで囲む方法

投稿日:

04

長文テキストを流し込んだり、リストタグで囲む場面がよくあります。

Sublime Textで一行ごとにタグで囲む方法です。

Sublime Textで一行ごとにタグで囲む方法

下記の文字列を一行ごとにliタグで囲んでみます。

ゾウ
ライオン
トラ
キリン
サル

01

「command + A」で、文字列を選択します。

02

「command + Shift + L」(Split into Lines)で、複数行を選択した状態から各行を複数選択した状態に切り替えます。

03

「control + shift + W」で選択した文字列をタグで囲み、liを入力します。

ちょっとしたことですが、記憶しておくと、制作スピードがアップします。

-コーディング

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

MacでAndroid環境をブラウザ検証できる「Genymotion」が超便利

iPhoneしか持ってない場合、Androidの検証に困ります。 そんな場合、 「Genymotion(ジェニーモーション)」を使うと MacでAndroidの検証が手軽にできます。 Genymoti …

レスポンシブWebデザインを制作して困ったことの解決方法

まだレスポンシブの案件が少なく、 知識もスキルもまだまだなのですが、 いくつか作ってみて、困ったことの解決方法です。 もくじ Javascriptを使った場合の端末ごとの処理 フォントによる見栄えの違 …

思ったより時間がかかった…初心者がコーディングで時間をロスしない方法

簡単に見えて以外と奥が深いのがHTML/CSSのコーディング。 今まで5,000ページ以上はコーディングをしてきましたが、未だに些細なことで予想外に時間をとられることはよくあります。 コーディング初心 …

100種類以上のGoogleのアイコンがつかえる。Material icons

アイコンを作成するのは大変ですよね。特に大量になると、時間も手間もかかります。 そんな時に便利なのが、Googleの「Material icons」です。 下のアイコンは、すべてWebフォントです。 …

HHKBのCtrlのみで英語・日本語に切り替える方法

PFU Happy Hacking Keyboard Lite2 for Macの英語配列を購入しました。 それまで、Apple純正キーボードの日本語配列を利用していました。 英語配列に変更してから、 …

プロフィール

KIYOTA
KIYOTA
Webデザイナー / ウェブ解析士
デザインとコーディングと制作現場が大好きなWebデザイナー(Webデザイナー歴13年)
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。 WACA上級ウェブ解析士。