AEDIタイムズ用 HTMLモックアップ(Bootstrap 4 Alpha 4 使用)

これはウェブサイト制作の為のデザインとHTML + CSS + JavaScriptの AEDIタイムズ のHTMLモックアップ、テストページです。

1: ウェブサイト・ウェブページのデザインをする

紙に手書きのデザインをした後、Photoshopでデザインをブラッシュアップしてデジタル化します。

2: PhotoshopからHTMLに

Photoshopのデザインを元に、このようなHTML + CSS + JavaScriptの本来のホームページの元となるこのようなウェブページを制作します。

3: デスクトップ用のウェブサイトだけでなく、タブレット、スマホにも対応

このページはウィンドウを拡大縮小してみていただくと分かりますが、デスクトップやタブレット、スマートフォンに対応したレスポンシブデザインを採用しています。

4: WordPressdへ

このウェブサイト制作用のモックアップを制作した後はWordPressにこれを流しこんでいきCMSとして機能させるようにします。

記事見出し

As of v9.0, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

記事見出し

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

記事見出し

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

Safariのバグに気をつけろ!

As of v9.0, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Media heading

Cras sit amet nibh libero, in gravida nulla.

Media heading

Cras sit amet nibh libero, in gravida nulla.

Media heading

Cras sit amet nibh libero, in gravida nulla.

Safariのバグに気をつけろ!!!

As of v9.0, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

記事見出し

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

記事見出し

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

Card image cap

記事見出し

Some quick example text to build on the 記事見出し and make up the bulk of the card's content.

Card image cap

記事見出し

Some quick example text to build on the 記事見出し and make up the bulk of the card's content.

Card image cap

記事見出し

Some quick example text to build on the 記事見出し and make up the bulk of the card's content.

Card image cap

記事見出し

Some quick example text to build on the 記事見出し and make up the bulk of the card's content.