ウェブ制作【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作（その７-CCSの共通ファイル化）
前回まで、マークアップしたHTMLのindex.htmlに対してstyleタグを使って、CSSを記述してきました。 今回は、links.htmlに対してもCSSを適応して装飾していきたいと思います。し...
html
ウェブ制作
ウェブ制作【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作（その５-ページの追加）
はる こんにちは。 現役フロントエンジニアのはるです！ リンクを使い遷移について学びましょう。 今回は、Webページを増やしリンクを使いページ遷移をさせます。リンクの基本的な使い方を学びながら、リストタグ使いさまざまな...
ウェブ制作【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作（その４-マークアップ）
はる こんにちは。 現役フロントエンジニアのはるです！ HTMLの勉強をどんどん進めていきましょう！ 今回は、HTMLのマークアップをやっていきましょう！さまざまなタグができてます。最初は覚えられなくても何回も使ってゆ...
ウェブ制作【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作（その３-Webページの情報設定）
はる こんにちは。 今日も、HTMLの勉強していきましょう！ Webページの情報の設定してみましょう。 前回は、HTMLの雛形部分の説明をしました。そちらを読んでいない方はまず前の記事を読んでくださいね！ ...
ウェブ制作【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作（その２-HTMLの雛形）
はる こんにちは。現役フロントエンドエンジニアのはるです！はじめてのHTMLを書いていきましょう！ 前回、このチュートリアルで作成するWebサイトについてとHTMLの基礎知識を説明しました。ぜひ、完成するWebサイトはどんなものか...
ウェブ制作【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作（その１- 基礎知識編）
はる こんにちは。アイドルが大好き！現役フロントエンドエンジニアのはるです！プロフィールページを作りながら、HTML・CSSをチュートリアル形式で説明していきます。 以前、これからHTML・CSSを勉強始めようと思っている方に「ま...
ウェブ制作はじめの一歩！HTML・CSS入門者向けのWeb開発環境を用意しよう。
はる こんにちは。推しにガチ恋アイドルオタクで現役フロントエンドエンジニアのはるです！この記事では、HTML・CSSをはじめる入門者向けのはじめの一歩として用意するべき開発環境について紹介します。 この記事では、HTML・CSS・...
ウェブ制作metaタグのviewportを理解するために簡単な言葉でまとめてみた
レスポンシブ・リキッドレイアウトのサイトを作るにあたって、 <meta name="viewport" content="width=device-width, initial-scale=1.0"> この設定をやってい...
ウェブ制作ページ表示時にYouTubeのiframe埋め込みを自動再生させる方法
はる Youtubeのiframe埋め込みして、自動で再生させたい時の設定方法と、できる条件についてまとめました。特定条件なら自動再生させることができるので紹介します！ ページ表示に、iframe埋め込まれたYouTube動画を再...
ウェブ制作hamlをインストールから応用まで遊んだのでメモ
なぜこんなことやるかというと、導入しようと思ってinstallコマンドを入力したらうまくインストールできなかったの僕みたいな超入門者用にまとめます。 hamlインストール方法 コマンドラインから行いますコマンドで以下のことを実...