html-css-wizardry

KO | EN

gitlite — search

#python #ai #mcp #cli #llm #security #react #mcp-server #automation #rust #typescript #nodejs

html-css-wizardry

★ 53 Open GitHub ↗

Source for the html-css-wizardry book

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# All you need is HTML and CSS

This repository holds all the example projects from my book:
All you need is HTML and CSS: Building Interactive Web Interfaces with no JavaScript
[UK Amazon link](https://www.amazon.co.uk/dp/B08ZQ3NSYF/ref=sr_1_1)
[US Amazon link](https://www.amazon.com/All-you-need-HTML-CSS/dp/B08ZQ3NSYF/ref=sr_1_2)

# Other cool HTML, CSS and JavaScript tricks from me:

[Medium](https://matemarschalko.medium.com/)

## About the book

If you are a person who is just getting started with web development, the ideas in this book will allow you to level up and build interactive, animated web interfaces without knowing much about JavaScript.

If you are a JavaScript developer, then this book will remind you that there are many many things we can build with these simple languages without having to touch JavaScript at all.

In this book we will push the limits of what’s possible with just simple HTML and CSS!

Starting with the anchor element, we will build scrolling and animating carousels, image maps with dynamic, dismissible popups then move onto investigating mouse and keyboard interactions, toggle and focus states.

We will then move onto calculating and counting with CSS: we will build an analogue and a digital clock, a calorie counter and a shopping basket.

Finally, with the checkbox and radio buttons we will push things even further and build a content accordion three ways, a tab interface and even a fully functioning star rating component.

## Book content available online

Some example projects from the book are available online for free:

- [Animated page scroll with HTML and CSS only](https://levelup.gitconnected.com/animated-page-scroll-with-html-and-css-only-3788c4e2b853)
- [CSS-only Interactive, Swipeable Image Carousel](https://matemarschalko.medium.com/css-only-interactive-swipeable-image-carousel-3a38afe3da58)

html-css-wizardry

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README