コーディング練習用のデザインカンプを無料で配布しています
現在コーディングを練習したくても、なかなか素材がなくて探すの大変という方も多いと思います。
私自身は専任のデザイナーではないため、練習として作ったデザインを有効活用していただけると嬉しいです。
模写コーディングで躓いたり、挫折してしまう方も多いと思います。
実務では、デザインカンプからの対応がほとんどです。
こちらで画像の書き出し方や余白感などを練習してください。
画像などは、差し替えて頂ければオリジナルのページが制作できます。
ポイント
・今回のレベルは中級、ブログテーマ風デザインです。
・ファーストビューのタイトルは動的な部分になるので、HTML必須です。
・メインコンテンツ以外にサイドバーがあります。親要素にflexboxを使用する必要があります。
横並びはほとんどflexboxで対応されているケースが多いと思いますが、floatでも遊んでみてもおもしろいかも知れません。
・全体的にdivを多用することなく、リストタグも意識してみてください。
最後に
ダウンロードは完全無料ですが、再配布はご遠慮ください。
ツイッターなどでシェアして頂けると嬉しいです。
コメント