Uncategorized

意外といろんなところで使えるul>li

勉強を始めた当初で出てくる<ul>タグと<li>。私の中で箇条書きのところでしか使わないと勝手に考えていましたが、意外にも、いろんなところで使われることを知りました。
Uncategorized

新着記事一覧部分のマークアップについて

ちづみさんのコーディング課題を取り組んでいる時に、新着記事がお知らせで表示されるセクションがありました。そこのマークアップについてのお話です。
Uncategorized

SCCS(サス)について【未学習】

SCSSというCSSを効率的に記述することができるものがあると知りました。
Uncategorized

CSSベース設定時のfont-sizeとrem指定について

2回目、3回目のデザインカンプを終えて振り返りをしている時に、「フォントのサイズ指定をどのようにやっていくのか」が、私にとって課題の1つでした。
Uncategorized

しょーごさんのコーディング課題【初級Ex】実践1日目!(XDデータからの画像書き出し~HTML部分)

しょーごさんのコーディング課題【初級Ex】実践1日目!(XDデータからの画像書き出し~HTML部分)
Uncategorized

最近の勉強手順

デザインカンプ3つ目を終えた時点での勉強手順について書いています。
Uncategorized

ちづみさんの「コーディングの練習をしよう~その2~」完走しました!

ついに!ちづみさんのコーディング練習用デザインカンプ、完走しました!所要時間は5日、20時間弱です。CSSとレスポンシブに想像以上に時間を取られました^^;以下、簡単に振り返りをまとめておきたいと思います。
Uncategorized

ちづみさんの「コーディングの練習をしよう~その2~」実践中!5日目!

今日で完成させたかったんですが、日付超えてしまいそうなので、先にブログに作業メモを残しておこうと思います。ここまで、トータルで17時間くらいです。
Uncategorized

ちづみさんの「コーディングの練習をしよう~その2~」実践中!4日目!

今日は、PC用の画面でレイアウトを充てて終わり、レスポンシブの調整に入りました。今日の作業時点で新たに気づいたことをまとめておきます。
Uncategorized

ちづみさんの「コーディングの練習をしよう~その2~」実践中!3日目!

HTML部分の組み立ては終わり、次はCSSをあてていっています。
Uncategorized

ちづみさんの「コーディングの練習をしよう~その2~」実践中!

デザインカンプの取り組み状況を記しています。
Uncategorized

2つ目のデザインカンプからのコーディングを終えて・・・

1つ目のデザインカンプよりは少し良くなっているかなと思いましたが、解答コードや解説を読んでみて、まだまだだなと思いました。以下、反省点、出来なかった点と新しく分かった点などをまとめておきます。
Uncategorized

3つ目のデザインカンプからのコーディングに取り組む前に・・・

2つ目のデザインカンプで使用した、クリスタさんのデザインカンプ課題【初級編】はPENGIN BLOGさんの方で解説がされていますので、まずはその記事を読んで振り返ります。また、PENGIN BLOGさんには2回目のデザインカンプ取組み時にい...
Uncategorized

クリスタさんのデザインカンプ課題【初級編】完走しました!

模写ではなく、デザインカンプということなので、ポートフォリオとして掲載させていただきます。
Uncategorized

デザインカンプからのコーディング2つ目に取組み中!気づいたこと。

1つ目のデザインカンプの時と違って、2つ目のデザインカンプでは得ることが多くなりました。忘れないうちに、そのことを書いておきます。
Uncategorized

ドットインストールの動画CSS編とXDからのコーディング実践YouTube動画

1つ目のカンプに取り組む前に見ておいたほうが良かったなと思う動画が2つあったので、覚書として記しておきます。
Uncategorized

フリーランスで活動されている方とお話をさせていただきました!!

ツイッターで知り合った、フリーランス歴4年の方とお話をさせて頂く機会がありました。
Uncategorized

2回目のデザインカンプからのコーディング課題に取り組む前に・・・

1回目のデザインカンプに取り組んでから1週間以上経っていたことと、前回からもっと改善してコーディングができないかを考えて、デザインカンプ課題に取り組む前に、動画やサイトで見直しをしました。先日の記事でもご紹介したアキユキさんの動画とPENG...
Uncategorized

ITパスポート試験無事に終了。ここからweb制作の勉強を本格再開!

無事にITパスポート試験終わりました!職場にこの資格は取るように言われていたので、一安心です。これで、WEB制作の方の勉強に思いっきり集中できそうです。次のデザインカンプ課題はPENGIN BLOGさんで紹介されているデザインカンプ課題【初...
Uncategorized

最終的なゴール

今回は、日頃のコーディング学習から少し離れて、最終的なゴールについて考えてみたいと思います。コーディングができるようになって、その後JavaScriptやjQueryも扱えるようになった後、動きをつけたサイト作りができるようになれると知りま...
Uncategorized

しょーごさんのデザインカンプからのコーディング課題【初級編】の模範解答を模写

今週はITパスポート試験の勉強に集中することを決めているので、あまりコーディングの勉強に時間は取れませんが、なまることがないように、毎日最低30分はPCに向かってコードを書くようにしています。昨日はドットインストールの動画でサクッとEmme...
Uncategorized

Emmet記法

Emmet記法の勉強をしました。
Uncategorized

Javascriptの勉強

Progateのアプリを使って、JavaScriptの勉強を始めました!
Uncategorized

今週の学習ペース

今週はコーディングの勉強のペースを落とします。
Uncategorized

XDからコーディング→参考になった動画2つ【初心者さん向け】

これからXDデザインカンプを始める人向けの動画を見つけたので、 保存用として記録にのこしておきます。
Uncategorized

次の【デザインカンプからのコーディング課題】と【取り組む前にやるべき事】

しょーごさんのデザインカンプ課題【初級編】を終えて、次はクリスタさんとちづみさんのデザインカンプに挑戦しようと考えています(しょーごさんが動画でお話されていたロードマップ通りです)。ただ、その前に一つ、問題があります。AdobeXDが正常に...
Uncategorized

週末・休日の学習

小さな子供を持つ母親の週末・休日の勉強方法について、感じたこと、思ったことを書いています。
Uncategorized

ボックスモデルの説明が分かりやすかったサイト

web制作勉強を始めた初心者の私にとって説明が分かりやすいサイトがあったので紹介します。
Uncategorized

【初級】XDデザインからのコーディング練習【HTML/CSS】(模範解答付き)完走!

ついに、初めてのポートフォリオが完成しました!しょーごさんの【初級】XDデザインからのコーディング練習【HTML/CSS】です!!
Uncategorized

【初級】XDデザインからのコーディング練習【HTML/CSS】(模範解答付き)実践中!

初めてのデザインカンプに取り組んだ時に起こった障害や壁を書き記しておきます。また、実践してみて自分なりに分かったことなども挙げています。