abhijit47/ben-frain-rwd4

Code samples and website code for the book Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS - 4th Edition

Responsive Web Design with HTML5 and CSS, Fourth Edition, published by Packt

For more about this title, visit rwd.education

Queries? Create an issue, contact the author on Twitter or via his website

Building the 'rwd.education' site

You can browse the source files used to build the rwd.education website here.

To build the site I used vitejs to speed development.

Note that a CSS post-processor step was used so I can nest media queries inside selectors (see Chapter 14 for more info) and TypeScript was used for the little bit of JavaScript.

I also used the rather lovely https://realfavicongenerator.net/ to make all the favicon images/manifests.

If you are curious and 'don't mind getting your hands dirty', included in the folder should be everything you need to run it up in a local server yourself.

• You will need to install a recent version of Node (I used 16 if memory serves)
• You will need to install Vite v3
• Run [sudo] npm install in Terminal from the 'rwd.education' folder
• Assuming all installs OK (cross all your digits!), after everything is installed, you should now be able to run npm run build from the Terminal and away you go.

Problems? Open an issue, Tweet at me or send me a mail. Happy building!