CSS
こんばんわ。 Djangoでタイピングアプリを制作していてよくわからないバグに出会いました。 iの色は何色だと思いますか？ 【開発環境】 OS：Windows10 Webブラウザ：Google Chrome IEはバグりません。EdgeはChromeと同じです。 問題のHTML font-sizeは見やす…
Webプログラミングの講義最終日。 2周目テキスト通り(float版)の2カラムページ制作。 【講義内容】 Webプログラミング 演習課題（2問） 【課題完成品】 【今日の積み上げ】 Webプログラミング
Webプログラミングの講義11日目。 2周目テキスト通り(float版)のワンカラムページ制作。 【講義内容】 Webプログラミング 公開用サーバにアップロード starserver free 演習課題（2問） 【課題完成品】 【ワンポイント】 CSSアニメーション fadein fadein.ht…
Webプログラミングの講義10日目。 参考テキストも一通り終えたので、2周目突入。 （1周目は独自(flexbox版)で制作したので、2周目はテキスト通り(float版)に制作中） 【講義内容】 Webプログラミング レスポンシブ対応 公開用サーバ準備 starserver free 【…
Webプログラミングの講義9日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、Vue.jsとCSSでページに動きを付けました。 【ワンポイント】 viewport 文字サイズの計算 表示したいサイズ(15px) / ブラウザ幅(375px) * 100vw …
Webプログラミングの講義8日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、Vue.jsとCSSでページに動きを付けました。 【ワンポイント】 CSSトランジション CSSアニメーション 【今日の積み上げ】 Webプログラミング
Webプログラミングの講義7日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、Vue.jsでページに動きを付けました。 【今日の積み上げ】 Webプログラミング
Webプログラミングの講義6日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、参考書のお問い合わせページを模写した。 【ワンポイント】 YouTube動画の埋め込み <iframe width="424" height="238" src="https://www.youtube.com/embed/UFQEttrn6CQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen><…</iframe>
Webプログラミングの講義5日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、参考書のページを模写した。 フルスクリーン、シングル、2カラムと3つ模写し終えたので CSS（特にFlexbox）だいぶん身についた。 【ワンポイン…
スクロールしても、サイドメニューが常時表示されます。 サンプルコード (index.html) <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Fixed Sidemenu</title> <link href="public/css/index.css" rel="stylesheet"> </head> <body> <div class="container"> …</div></body></html>
Webプログラミングの講義4日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、参考書の2カラムページを模写した。 【ワンポイント】 フルスクリーンページの制作 画像読み込み url()でパス指定 画像の繰り返し no-repeat: …
Webプログラミングの講義3日目。 【講義内容】 Webプログラミング CSS基礎 今日も講義の内容聞きつつ、参考書のシングルカラムページを模写した。 【ワンポイント】 コンテンツモデル ■ 7つのカテゴリ カテゴリ 説明 フロー ほぼすべてのタグが属する メタデ…
Webプログラミングの講義２日目。 【講義内容】 Webプログラミング HTML基礎 講義の内容は簡単すぎて退屈なので、参考書のフルスクリーンページを模写した。 フロントエンド楽しいな。 【ワンポイント】 Webサイトの制作の流れ サイトマップの作成 ワイヤー…
今日からWebプログラミングの講義が始まりました。 以下の参考書に沿って講義がされるのですが、自分で現代風にアレンジしています。 ●参考書 HTML＆CSSとWebデザインが 1冊できちんと身につく本作者:服部 雄樹発売日: 2017/07/21メディア: Kindle版 この本…
