htmlを楽に作りたい!初めてのPugの導入・使い方まとめ
htmlを楽に作るため、Pugの基本的な使い方を解説します。
筆者は先日までejsでhtmlを作っていましたが、Pugに乗り換えました。
Pugの基本的な書き方Pugでhtmlを作るのに知っておくと便利な使い ...
SassやPugを楽にコンパイルするならPreprosでOK
htmlで静的Webサイトを作るなら、全てテキストエディタのベタ打ちで作れないこともないのですが、効率悪くかなり時間がかかります。
だから、cssにはSass。htmlやejsやpugなんかがあったりするのですが、、、
htmlでimgタグのaltやseoについてまとめ
htmlで画像を表示するimgタグはシンプルなのですが、細かいところをみると色々知っておかないといけないことがあります。
この記事でコーディングに必要なimgタグの知識についてまとめました。
imgタグのaltを埋め ...テンプレートエンジンejsの使い方まとめ
静的htmlで大量ページを作ったりした時に便利なejsの使い方を紹介します。
ejsのメリット最初にejsを使うメリットを以下にまとめます。
htmlをパーツ化してヘッダーやフッターなどを別ファイルに作れる変 ...
自サイトで月間30万PV獲得したエンジニアのマークアップでのSEO対策法まとめ
SEO対策というと、記事のコンテンツが大事みたいな話をよく聞きますが、当然htmlソース側も大事です。
当方が運営している自作のWordPressテーマサイトで月間30万PVほどあります。
その知見から、マーク ...
aタグのnoopener noreferrerを削除するjavascript
WordPressのver 4.7.1あたりから、aタグで別タブで開くように設定する(target=”_blank”)と、自動で
rel=”noopener noreferrer
【html効率化】4年間のコーディングで使ったツールまとめ
Webで生計を立てて4年目ぐらいになります。
最初はatomにひたすらベタ打ちでhtmlを書いていましたが、最近はコーディングが楽になるツールを色々使っています。
自分用のメモと共にコーディングで使っているツー ...
html/css/jsの変更が反映されない時はブラウザキャッシュを消してみよう
htmlやcssなどでサイトを制作や微調整しているときに、たまに変更が反映されないことがあります。
理由はキャッシュなのですが、キャッシュを消してもなぜかうまく動かない時もあり、反映されない原因がわからない時も。
【2020年版】VSCodeでhtml/css/jsの拡張機能おすすめ
Web制作で4年ほど生計を立てている僕が、VSCodeでhtml/css/jsにおすすめの拡張機能を紹介します。
全部無料です!
※emmetはデフォルトで入っていますので入れる必要ありません。
html ...Webサイト高速化の改善ノウハウが溜まったので知見をまとめた
一時期、webサイトの高速化にハマってました。
自作WPテーマでanalyticsで-1点の99点をとったでござる
満足! pic.twitter.com/z2cJYkkkWC
— 上谷 亮太 (@ ...