Webデザイナーの教科書(初級)
未経験からの基礎講座・どなたでも、ご自由にお使いください。
● CSSがセットになったレッスンファイルをダウンロードする。
● HTML基本構文
●CSS Reset-YUI-
● Font AwesomeCDN 4.7.0
● CSSがセットになったレッスンファイルをダウンロードする。
● HTML基本構文
<!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">
● Font AwesomeCDN 4.7.0
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
font-awesomeで作るSNS
とても便利なfont-awesomeで、人気のSNSを表示させてみましょう。 See the Pen YzKLJYe b…
sample Cafe
[crayon-5d853e1920642513211274/]
フロートの基礎①
See the Pen float_001 by nakatax (@cocohp) on CodePen.
ハローウィン特集
ハローウイン特集 楽しさいっぱい！今年もハローウィン 今年は、バナー作品が多く集まりました。バナーは、ユーザーに興味を持…
わくわくパン屋さん★Vol.II
▶︎ 解説を見る サンプルを見る リキットレイアウト メインとなる白のコンティナーボックスは、リキットレイ…
Drawer Menu
ドロワーメニュー Flexible drawer menu using jQueryを使った簡単な 「Drawer」を使…
Rabbit&Cat
かわいいペットショップを、仮想して制作します。ヘッダーメニューを3本ラインにします。スマホとPCのメインイメージは、2種…
ウエディング関連サイト課題制作
架空のウェブサイトを作成します。東京都内にある架空のウエディング企画会社。和装・洋装・披露宴まですべてプロデュース。魅力…
専門学生が作る夏のバナー
今年も、暑い夏が到来しました。関西では、7月25日に天神祭が開催され、広報用のポスターやチラシが街を賑わいます。また、夏…
レイアウトの基礎
縦スクロールバー ウェブサイトは、横スクロールバーと縦スクロールバーがありますが、「縦スクロール」して閲覧するのがブラウ…
