Webデザイナーの教科書(初級)
未経験からの基礎講座・どなたでも、ご自由にお使いください。
● CSS Reset-YUI-
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>
● CSS Reset-YUI-
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
Drawer Menu
ドロワーメニュー Flexible drawer menu using jQueryを使った簡単な 「Drawer」を使…
Rabbit&Cat
かわいいペットショップを、仮想して制作します。ヘッダーメニューを3本ラインにします。スマホとPCのメインイメージは、2種…
ウエディング関連サイト課題制作
架空のウェブサイトを作成します。東京都内にある架空のウエディング企画会社。和装・洋装・披露宴まですべてプロデュース。魅力…
自由制作課題(1年)
1年生による自由制作課題 習得２ヶ月による１年生の自由制作課題集です。ベーシック認証がかかっております。パスワード等はお…
【有印良品2019】(メインイメージ切替)②
ヒーローヘッダー 某良品ウェブサイト母の日特集をサンプルに練習します。 ● サンプルにする公式サイトはこちら(2019年…
【有印良品2019】(メニュー部分)①
某良品ウェブサイト母の日特集をサンプルに練習します。 ● サンプルにする公式サイトはこちら(2019年度版) メニュー部…
ケーキハウス進化系( RWD編② )
三本ラインのメニューを表示させます。 今回は、fontawesomeを使って、表示させる方法を採用しています。 …
ケーキハウス進化系( RWD編① )
レスポンシブ練習問題(お題) clearfixで行った「ケーキハウスの進化系」を練習します。 ▶ 前回の練…
画像の種類
画像の種類とその特徴 パソコンのデータには、拡張子と言われる「.」ドットから後ろに記述されている文字列があります。 デー…
flex boxを学ぶ
flex boxとは、「Flexible Box Layout Module」のことです。レスポンシブなサイトを組む際に…
