Web制作

htmlを楽に作るため、Pugの基本的な使い方を解説します。

筆者は先日までejsでhtmlを作っていましたが、Pugに乗り換えました。

Pugの基本的な書き方
Pugでhtmlを作るのに知っておくと便利な使い ...

Web制作

htmlで静的Webサイトを作るなら、全てテキストエディタのベタ打ちで作れないこともないのですが、効率悪くかなり時間がかかります。

だから、cssにはSass。htmlやejsやpugなんかがあったりするのですが、、、

Web制作

htmlで画像を表示するimgタグはシンプルなのですが、細かいところをみると色々知っておかないといけないことがあります。

この記事でコーディングに必要なimgタグの知識についてまとめました。

imgタグのaltを埋め ...

Web制作

静的htmlで大量ページを作ったりした時に便利なejsの使い方を紹介します。

ejsのメリット

最初にejsを使うメリットを以下にまとめます。

htmlをパーツ化してヘッダーやフッターなどを別ファイルに作れる
変 ...

Web制作

SEO対策というと、記事のコンテンツが大事みたいな話をよく聞きますが、当然htmlソース側も大事です。

当方が運営している自作のWordPressテーマサイトで月間30万PVほどあります。

その知見から、マーク ...

Web制作

WordPressのver 4.7.1あたりから、aタグで別タブで開くように設定する(target=”_blank”)と、自動で

rel=”noopener noreferrer ...

Web制作

Webで生計を立てて4年目ぐらいになります。

最初はatomにひたすらベタ打ちでhtmlを書いていましたが、最近はコーディングが楽になるツールを色々使っています。

自分用のメモと共にコーディングで使っているツー ...

Web制作

htmlやcssなどでサイトを制作や微調整しているときに、たまに変更が反映されないことがあります。

理由はキャッシュなのですが、キャッシュを消してもなぜかうまく動かない時もあり、反映されない原因がわからない時も。

Web制作

Web制作で4年ほど生計を立てている僕が、VSCodeでhtml/css/jsにおすすめの拡張機能を紹介します。

全部無料です!

※emmetはデフォルトで入っていますので入れる必要ありません。

html ...

Web制作

一時期、webサイトの高速化にハマってました。

自作WPテーマでanalyticsで-1点の99点をとったでござる

満足! pic.twitter.com/z2cJYkkkWC

— 上谷 亮太 (@ ...