前言（第二版）
- 结构
- 风格
前言（第一版）
- 一些更新
- 关于本书第一版的一些赞誉
第一周：游戏新闻 - Game Insider
- 工具
- HTML和CSS入门
- 任务
- 发布你的设计
- 小结
- 挑战
第二周：社交媒体- Instagram新界面
- 解构页面
- 实现内容列表
- 挑战
第三周：移动优先 - Creative Agency
- 解构页面
- 桌面版本
- 设计
- 总结
- 挑战
三周三页面
从设计稿到代码
2014年，也就是8年前，我编写了本书的第一版，当时不论是在公司内部还是外部的反响都非常不错。当我将这本书托管在SelfStore上时，即使在当时的互联网环境中，即使在该书的电子版完全公开可以在Gitbook上免费下载的情况下，我依然卖出了几百本。不过可惜的是，SelfStore后来由于其他原因停止了运营，而Gitbook也进行了重大的改版，我也就慢慢淡忘了这本书。
直到今年的7月份，当我整理之前的邮件时，发现了很多读者的感谢信以及在我博客评论区的赞赏和鼓励，我才想起这本书已经太久没有更新。
现在，它回来了，我基本上是重写了整本书，希望她可以像第一版一样帮助到一些读者。
Minimum price
$7.99
$9.99
You pay
$9.99Author earns
$7.99PDF
EPUB
WEB
About
About the Book
我们往往惊叹于UX设计师做出的或简洁清新，或色彩丰富，或风格独立的精美设计稿。这本书的主要目的就是要教会你，用最简单的HTML和CSS来复现这些充满美感的设计。
书中选取了3个不同设计师的作品，其中包含了主流Web页面所必备的元素，如导航栏，卡片，输入框，图片/头像以及文本的排版等等。我们会从无到有的介绍如何编写HTML文档，如何使用CSS的布局器控制元素的位置，使用字体，空间，形状，颜色等将平淡无奇的文档变为设计。
通过实现这些设计，你不但可以从开发者的角度去了解如何解构页面，如何使用工具逐步完成一个设计的复线，你还可以从中学习到一个好的设计之所以是美的原因，从而潜移默化的将这些对美的感知应用到你下一个项目中。
Author
About the Author
Juntao Qiu
Hi, I'm Juntao, and I help developers write better code through clear, practical guidance.
I am deeply committed to contributing to both the online and offline developer communities, sharing insights and knowledge gleaned from my experiences in various projects. Among my contributions are several publications focused on Web Development. Notably, my latest works include "React Anti-Patterns" (2024), "Test-Driven Development with React (2nd)" (2023) and "Maintainable React" (2022).
Additionally, I host a YouTube channel (@icodeit.juntao), where I delve into Clean Code practices and Refactoring techniques, aiming to assist developers in honing their coding skills.
Contents
Table of Contents
The Leanpub 60 Day 100% Happiness Guarantee
Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.
You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!
So, there's no reason not to click the Add to Cart button, is there?
See full terms...
Earn $8 on a $10 Purchase, and $16 on a $20 Purchase
We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earned over $14 million writing, publishing and selling on Leanpub.
Learn more about writing on Leanpub
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Learn more about Leanpub's ebook formats and where to read them
Write and Publish on Leanpub
You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!
Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.
Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.