Webサイト同様、読みやすく分かりやすい解説で、Webサイトづくりが捗ること間違いなしです。
FlexboxやCSSグリッドなど、最新技術も網羅されていて、制作の流れ・サイトマップ作成ツール・ワイヤーフレーム制作など実践さながらに学ぶことができます。
フロントエンドエンジニアやWebデザイナーなら必ず手元に置いておきたい本!!
著者は「Webクリエイターボックス」で著名なManaさん。
Webサイト同様、読みやすく分かりやすい解説で、Webサイトづくりが捗ること間違いなしです。
progateやドットインストールなどでHTMLとCSSを学んだ人の、次の一歩としてもおすすめです。
Webサイト同様、読みやすく分かりやすい解説で、Webサイトづくりが捗ること間違いなしです。
progateやドットインストールなどでHTMLとCSSを学んだ人の、次の一歩としてもおすすめです。
制作の流れ、サイトマップ作成ツール、ワイヤーフレーム制作など実践さながらに学ぶことができます。
FlexboxやCSSグリッドなど、最新技術も網羅されています。
デザインカンプで参考になるギャラリーサイトや、配色について各色の参考サイト、レイアウト別の参考サイトなども掲載されていて、勉強になります。
FlexboxやCSSグリッドなど、最新技術も網羅されています。
デザインカンプで参考になるギャラリーサイトや、配色について各色の参考サイト、レイアウト別の参考サイトなども掲載されていて、勉強になります。
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の
Manaによる渾身のHTML & CSSとWebデザインが学べる本
----------------------------------------------------------------------------
Webサイト制作に必要な知識がすべて身につく!
今のWebサイトの作り方が一気に学べる!
・知識ゼロから体系的に学べる! HTMLとCSSの基本
・最新の技術に対応! レスポンシブ、Flexbox、CSSグリッド
・手を動かしながら学べる! プロの現場で役立つテクニック
・コードの知識からデザインのことまで1冊ですべて学べる!
WebクリエイターボックスのManaが教える
Webサイト制作の定番&旬のスキル。
この1冊で必要なことがすべて学べる!
コードもデザインも全部学べる!
Amazon より
 |
| 「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」Amazonより |
Webクリエイターボックスの中の人Manaさんの書籍「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」を読んで、Webサイトを作ってみました。
Webクリエイターボックスの中の人Manaさんの書籍「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」を読んで、Webサイトを作ってみました。 |
| 今回制作しましたWebサイト |
XFREEのサーバー設定はこちらをどうぞ
書籍「本当によくわかるHTML&CSSの教科書」を読んでWebサイトを作成、サーバーにアップロードしました。/右手にコンパスなお、本書にはサンプルデータがあり画像等は自ら準備しなくても進めることができます。今回制作しましたWebサイトは画像等を自分で探してきて作成しています。
WOOPEST CAFE（制作しましたWebサイト）
タイル型レイアウト
サイズの異なる画像を用意してしまったので、枠がずれて苦労しました。
imgの高さ等を揃え、object-fitで画像をトリミングし、修正しています。カスタマイズでも（自分の準備した画像のせいで）画像がずれてしまったので、下記のWebクリエイターボックスのCSSサイトからスマホサイズのimgにつきgrid-column:1;grid-row:auto;で修正しました。
（なお、本書にはサンプルデータがあり画像等は自ら準備しなくても進めることができます。今回制作しましたWebサイトは画像等を自分で探してきて作成しています。）
2ページカラム
通常、HPにあるようなGoogleMapやSNSなどのプラグイン、お問い合わせフォームの設置方法なども掲載されていますよ。
さらにCSSグリッドなどを学びたい人向け
CSS Gridを使ったレスポンシブ対応の基本レイアウト/webクリエイターボックスCSSグリッドレイアウトで、サイズが違う複数のボックスをタイル状に配置する/webクリエイターボックス
日本語対応！CSS Flexboxのチートシートを作ったので配布します/Webクリエイターボックス
0 件のコメント:
コメントを投稿