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:
parent
addfe5c89f
commit
bb19c355f9
6
Makefile
6
Makefile
@ -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 $@ $^
|
@ -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.
|
||||||
|
@ -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)
|
|
@ -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
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user