1
0
mirror of https://github.com/cssanimation/css-animation-101.git synced 2025-01-16 22:38:15 +01:00

Improvements

This commit is contained in:
Donovan Hutchinson 2019-04-28 09:41:21 +01:00
parent addfe5c89f
commit bb19c355f9
4 changed files with 10 additions and 22 deletions

View File

@ -24,6 +24,8 @@ html: $(BUILD)/html/$(OUTPUT_FILENAME).html
pdf: $(BUILD)/pdf/$(OUTPUT_FILENAME).pdf pdf: $(BUILD)/pdf/$(OUTPUT_FILENAME).pdf
word: $(BUILD)/word/$(OUTPUT_FILENAME).docx
$(BUILD)/epub/$(OUTPUT_FILENAME).epub: $(METADATA) $(CHAPTERS) $(BUILD)/epub/$(OUTPUT_FILENAME).epub: $(METADATA) $(CHAPTERS)
mkdir -p $(BUILD)/epub mkdir -p $(BUILD)/epub
pandoc $(ARGS) --epub-metadata=$(METADATA) --epub-cover-image=$(COVER_IMAGE) -o $@ $^ pandoc $(ARGS) --epub-metadata=$(METADATA) --epub-cover-image=$(COVER_IMAGE) -o $@ $^
@ -37,3 +39,7 @@ $(BUILD)/html/$(OUTPUT_FILENAME).html: $(CHAPTERS)
$(BUILD)/pdf/$(OUTPUT_FILENAME).pdf: $(METADATA) $(CHAPTERS) $(BUILD)/pdf/$(OUTPUT_FILENAME).pdf: $(METADATA) $(CHAPTERS)
mkdir -p $(BUILD)/pdf mkdir -p $(BUILD)/pdf
pandoc $(ARGS) -V documentclass=$(LATEX_CLASS) -o $@ $^ pandoc $(ARGS) -V documentclass=$(LATEX_CLASS) -o $@ $^
$(BUILD)/word/$(OUTPUT_FILENAME).docx: $(METADATA) $(CHAPTERS)
mkdir -p $(BUILD)/word
pandoc $(ARGS) -V documentclass=$(LATEX_CLASS) -o $@ $^

View File

@ -11,8 +11,6 @@ There will be both theory and practical examples. We'll learn how to easily crea
## Hello, I'm Donovan ## Hello, I'm Donovan
![Donovan Hutchinson](images/donovan.jpg)
I've been writing articles about CSS and other topics for the best part of a decade. I've also been designing and developing websites since the late 90's. More recently, I've written for Smashing Magazine, Net Magazine, Tuts+, Adobe Inspire and more. I post random stuff at Hop.ie, and this year I've been writing tutorials on [CSSAnimation.rocks](https://cssanimation.rocks), all about advanced and useful animations in the browser. I've been writing articles about CSS and other topics for the best part of a decade. I've also been designing and developing websites since the late 90's. More recently, I've written for Smashing Magazine, Net Magazine, Tuts+, Adobe Inspire and more. I post random stuff at Hop.ie, and this year I've been writing tutorials on [CSSAnimation.rocks](https://cssanimation.rocks), all about advanced and useful animations in the browser.
During my days I work as a designer and front-end developer, and I'm a big fan of combining UX principles with fun animations in design. In the evenings I write blogs and try to make sure I'm aware of what's happening in the world of web design. During my days I work as a designer and front-end developer, and I'm a big fan of combining UX principles with fun animations in design. In the evenings I write blogs and try to make sure I'm aware of what's happening in the world of web design.

View File

@ -46,20 +46,6 @@ A question some have asked is "what do we do to progress past the 101 stage?".
My suggestion would be to look for challenges. Look to sites such as [Dribbble.com](http://dribbble.com), or [CodePen.io](http://codepen.io) for inspiration. Look for ideas from popular products (I frequently remake Apple designs), movies or TV shows. Wonder, how would I capture that effect on the web? Would CSS be a good way to do it? My suggestion would be to look for challenges. Look to sites such as [Dribbble.com](http://dribbble.com), or [CodePen.io](http://codepen.io) for inspiration. Look for ideas from popular products (I frequently remake Apple designs), movies or TV shows. Wonder, how would I capture that effect on the web? Would CSS be a good way to do it?
I'd also suggest reading some of the posts on [CSS Tricks](https://css-tricks.com/), [SaraSoueidan.com](http://sarasoueidan.com/articles/index.html), and even my own [CSSAnimation.rocks](https://cssanimation.rocks) website. I'd also suggest reading some of the posts on [CSS Tricks](https://css-tricks.com/), [SaraSoueidan.com](http://sarasoueidan.com/articles/), and of course [CSSAnimation.rocks](https://cssanimation.rocks).
So, if you don't want this knowledge to fade, practice. Find reasons to use it, and look for what interests you. If you can make it fun, it'll be all the easier. So, if you don't want this knowledge to fade, practice. Find reasons to use it, and look for what interests you. If you can make it fun, it'll be all the easier.
## Don't be a stranger, now
Have you been inspired to try some CSS animation? [Let me know](mailto:hello@cssanimation.rocks) if you want to share something cool, or have any questions. I'll look forward to hearing how you get on.
You can find me on Twitter, I'm [@donovanh](https://twitter.com/donovanh).
If you want me to send you a sticker, reply to this email and let me know the address to send it to.
Again, congratulations. You did it! Thank you for being part of this course!
Donovan
[CSSAnimation.rocks](https://cssanimation.rocks) / [@cssanimation](https://twitter.com/cssanimation)

View File

@ -2,7 +2,7 @@
Congratulations for finishing this introduction to CSS animation! I hope you've enjoyed it. Adding animation to your web projects is a great way to make them stand out. Congratulations for finishing this introduction to CSS animation! I hope you've enjoyed it. Adding animation to your web projects is a great way to make them stand out.
Introducing an essential video course: [Level Up Your CSS Animation Skills](http://courses.cssanimation.rocks/p/level-up/) Introducing an essential video course: [Level Up Your CSS Animation Skills](http://courses.cssanimation.rocks/)
Continue learning how to create amazing animations with over 4 hours of high quality video lessons and lifetime access to all video content, cheatsheets and guides. Continue learning how to create amazing animations with over 4 hours of high quality video lessons and lifetime access to all video content, cheatsheets and guides.
@ -18,6 +18,4 @@ You will learn how to:
By the end of the course you'll have the skills you need to create an impressive animated landing page! By the end of the course you'll have the skills you need to create an impressive animated landing page!
As a _reward for finishing this book_ you can save 35% today with the code `BOOK` here: Go to https://courses.cssanimation.rocks/ now to see what you can learn!
https://courses.cssanimation.rocks/p/level-up/?product_id=901211&code=BOOK