Spells and Charms

プログラミング(呪文学)の学習記録。

2018-11-01から1ヶ月間の記事一覧

【Day2】 Text box - Modified

前回記事をdocumentを使わずにやってみようという話。 ahochauyo.hatenablog.com Language HTML CSS Javascript Code HTML/ Javascript <html lang="en"> <head> <meta charset="utf-8"> <title>googrun</title> <link rel="stylesheet" href="stylesheet.css"> </head> <body> <div class="container"> </div></body></html>

【Day2】 Text box

次の課題はこんなかんじ。 テキストボックスに何か入力してボタン押したら テキストボックスの中に入れた文字がアラートで表示されるように 前回検索ボックスをつくったのでそのまま流用することに。 Language HTML (前回分から一部変更) CSS (前回分から変…

【Day1】 Top page like the Google's.

最初の課題はグーグルみたいなトップページをつくるというチャレンジ。ボタンを押したらどこかに飛ぶ、などの動きはなし。見た目のみ。 Language HTMLCSS My code HTML <html lang="en"> <head> <meta charset="utf-8"> <title>googrun</title> <link rel="stylesheet" href="stylesheet.css"> </head> <body> <div class="container"> <img src="googrun.jpg" alt="logo"> <…</div></body></html>

【初歩】CSSでFlexboxをつかいたいときの宣言

必ず、CSS classごとに、display: flex; というpropertyを忘れないように。 これはHTMLでいう開始タグみたいなもので、 この宣言をしないと、flexboxは効かない。 参考までに自分のCSSで解説すると、赤字をぬかして青字だけ書いてました。 .container { disp…

【プログラミング学習】なんとなく一旦のゴールきめた。

友人のエンジニアの人に少し前から手ほどきをしてもらっている ネットの情報や、ベルリンでBoot campに参加され大胆なキャリアチェンジを成功させた佐藤さんのブログを参考にさせていただき、自分も目標は1000時間にしようとおもう。 来年の春か夏でBoot cam…