ABOUT

WORK

3D-SNOW

snownotes.orgについて

About

Category

SNS

https://lit.link/shotarokamimura

Contact

shotaro.kamimura@gmail.com

Language

日本語
English

SNOWNOTES TECHNOLOGY

SNOWNOTES TECHNOLOGYへ

HOME >
テクノロジー >
ウェブサイト制作 >

ウェブサイト制作

[css] レスポンシブの時にdiv要素の順番を入れ替える方法

CSSを使って、HTMLサイトのレスポンシブ対応の時にHTML構造のdiv要素の順番を入れ替えるやり方を整理する。スマホ対応のサイトを作る時、レスポンシブの時だけHTMLのdiv要素の順番が入れ替わ ...

#flexbox #HTML/CSS #レスポンシブ

[html / css] ヘッダーメニューをアイコンに変えてレスポンシブ対応させる

横幅がスマホサイズになった時にヘッダーメニューをアイコンに変えて、レスポンシブ用のヘッダーメニューにするやり方を説明する。完成のイメージ完成系は下。ある幅までいくと、ヘッダーメニューが3本線のアイ ...

#header #HTML/CSS #レスポンシブ

[HTML / CSS] flexで画像や説明文を横並びさせる

Flexboxを使って、画像と説明文のセットを横一列に並べるレイアウトの作り方を説明する。完成形下記のようなイメージを作る。 HTMLの用意まずはHTMLを用意する。「offers」というクラ ...

#HTML/CSS #image

[HTML/CSS] 写真と文字を左右に配置するレイアウトを作る方法

ウェブサイト作成の際の備忘録。イメージとしては、下記のようなレイアウトを作成する時。 HTML 下記のように用意。すると縦のように並ぶ。 CSS 上記の「cozyspace-img」クラスと「co ...

#HTML/CSS #image

[CSS] ヘッダーを上部に固定する方法

ヘッダーを固定させるための備忘録。最初にヘッダーを作ると、固定されていないので、スクロールした時にヘッダーが消えてしまう。これをスクロールしても上部に固定させるようにする。 position: f ...

#header #HTML/CSS

[CSS]見出しの下線デザインでタイトルより短い下線を表示させる

HTMLサイトの見出しの下線デザインで、CSSを使ってタイトルより短い下線を表示させる方法を説明する。このABOUTの下のボーダーラインを作成する。 HTMLの用意 HTMLはシンプルに<H1 ...

[CSS]ロゴを左に、メニューを右に横並びに配置するヘッダーを作成

ここではHTMLサイト作成時に、ロゴを左に、メニューを右に横並びに配置する基本的なヘッダーの作り方を解説。コピペで使えるheaderのHTMLとCSSを提供しているウェブサイトもいくつか紹介する。 ...

#header #HTML/CSS

[CSS] background-size: cover;でも画像周りに余白ができた時の対応

メイン画像を貼り付けようとした時にどうしても余白ができてしまった時の対応をメモ。起こったことメイン画像を貼った時に、画面いっぱいに表示させようと思ったのだが、どうしても周りにスペースができてしまっ ...

#HTML/CSS #image #user agent stylesheet

静的ページ・動的ページとは

静的ページ・動的ページについて整理。静的ページとは誰が見ても同じ文章が反映されるWebページのこと。例）Wikipedia、コーポレートサイト動的ページとは内容が、見る人やその人がとった行動 ...

サーバーとは何か、分かりやすく簡単に説明

サーバーとは何か、わかりやすく、なるべく初心者も分かるよう簡単に説明する。また、Webサーバーを中心に、サーバーの機能を見ていく。 Webサーバーとアプリケーションサーバーの違いや、Webアプリケー ...

#server #Webサーバー

« Prev 1 2 3 4 5 Next »

雪国での暮らしと遊びを通して滑走文化、雪国の農村文化、食文化など雪と人との関わりを探求する。

A weblog that explores the relationship between snow and people through living in Yukiguni, including skiing culture, rural culture in snow country, and food culture. Shotaro Kamimura.

https://lit.link/shotarokamimura

See more articles

experience

Hello!

About
Contact

Language

日本語
English

© snownotes All Rights Reserved.