らくだ🐫のさいと

HTML＆CSS自主練｜メモ｜サンプルページ『亀井野酒造』を作った際の参考サイトなど

14/10/2018

サンプルページ『亀井野酒造』を作りましたサンプルページ　亀井野酒造 HTML＆CSS自主練：サンプルページ『亀井野酒造』 – アラフォー専業主婦が緩くプログラミングを学ぶブログ手順としてはざっくり下記の流れです何を作るか決める（山梨にある酒造って事にする）情報収集（酒蔵のサイト巡（…続きを読む）

HTML＆CSS自主練｜サンプルページ『亀井野酒造』

12/10/2018

sample：亀井野酒造山梨にある酒蔵と言う設定で架空のサイトのトップページを作りました https://rakuda-san-desu.github.io/sample2018-10-09/ レスポンシブにも対応気になることはまだまだ多いけど修正し続けると収拾がつかなくなりそうなので一先ず公（…続きを読む）

HTML&CSS自主練｜メモ｜マーク付きのボタン

27/09/2018

上手く出来なかったマーク付きのボタン見本のボタンこういうヤツ。シンプルで素敵です。因みにhoverで反転です。マークがなければMOREをセンタリングでOKだけどマークが入りますよね。スペースで位置調整は卒業したいしなぁ。と、悩みました。最初に考えたボタン＞の部分はFontAweso（…続きを読む）

HTML&CSS自主練｜メモ｜サイト模写とflex boxと半円形とmarginのマイナス数値

26/09/2018

サイト模写始めましたサイト作成の練習としてサイト模写をすることにしました。「コーディング　模写　おすすめ」とかでググりましてこちらのサイトを模写することに pas-pol.jp 自分ルールとしてキャプチャ画像からコードを考えて書くなるべく検証やソースを見ないでもわからなかったら覗く ho（…続きを読む）

HTML＆CSS書籍｜メモ｜targetとinheritとfirst-child

20/09/2018

作りながら学ぶHTML/CSSデザインの教科書 6章、リンク設定に関しての諸々。リンクの設定自体と言うより、いろんなナビゲーションの作り方・考え方について。大切なのは閲覧者がいかに見やすく、使いやすいデザインであるか。と、言う事。カッコイイ！素敵！！ってなるのはもちろん大切だけど操作しづらい（…続きを読む）

HTML&CSS書籍｜メモ｜float解除とtimeタグとマークアップと言うもの

02/09/2018

作りながら学ぶHTML/CSSデザインの教科書本日はサクサクと5章を。ページヘッダーやページフッダーの追加と2カラムのレイアウトなどカラムデザインと言えばfloat floatの不具合回避として Progateでは空のdivを挿入してfloat解除する方法を教わりましたがこちらでは疑似要素を（…続きを読む）

HTML＆CSS書籍｜メモ｜line-heightと画像関連タグ

28/08/2018

作りながら学ぶHTML/CSSデザインの教科書前回は1~2章準備とメインの部分のマークアップ。今回は3~4章。 cssによる装飾と画像の挿入です。画像が入るとにぎやかになりますね。新しい知識もいくつか。 line-height キレイに見せるためには丁寧にデザインしましょう。と、言う事で（…続きを読む）

HTML＆CSS書籍｜メモ｜セクションタグ

26/08/2018

作りながら学ぶHTML/CSSデザインの教科書 WEBデザイン＆コーディングの勉強にこちらの本を購入しました。 HTML＆CSSの初歩から、一つのサイトを構築して公開するまでが説明されている模様です。早速知らないタグが始めのうちはサクサクと。と、思いきや早速知らないタグに遭遇。セクションタグ（…続きを読む）

HTML＆CSS 道場コース上級編｜メモ｜レスポンシブデザインとブラウザ幅による表示非表示の切り替え

09/08/2018

HTML&CSS道場コース上級編勢い勇んで道場コースの上級編をやろうとしたら最初からさっぱりわからなくて学習コースをやり直したらくだ🐫です。いや、びっくりした。結局「なにこれ分からん」ってなったのはヘッダー部分の各コンテンツへのリンクを、モバイルサイズの時はアイコン（…続きを読む）

HTML&CSS 道場コース中級編｜メモ｜メッセージ部分とフッター文字の太さ

04/08/2018

HTML&CSS道場コース中級終了今日はなんだか調子がいい（気がする）らくだ🐫です。道場コース中級、メッセージ部分とフッターはサクサク終了できました。とは言えちょっとくらいは躓くよね。凡ミス注意思ったようにスタイルが適用されないぞ？と思うとクラス名の指定を間違えて（…続きを読む）

HTML&CSSの記事一覧