Skip to content
/ rwd4 Public

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

License

Notifications You must be signed in to change notification settings

benfrain/rwd4

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Responsive Web Design with HTML5 and CSS, Fourth Edition

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!

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published