Today marks the start of the Scottish 100 Days Project, the mission of which is to:
give anyone, regardless of age or ability, the framework and ...
For further actions, you may consider blocking this person and/or reporting abuse
I looked at this before and thought "That is so cool, but I don't have time." Now I do and I feel really eager to try, so I'll join and see how it is going. Starting my first picture now!
Amazing! Please do share what you create - would love to see π
sure :) here it is: codepen.io/collection/DRxQzk?grid_...
Love it! The moon phases are really cool. I've followed you on CodePen - looking forward to seeing your other creations π
Hey it is really awesome how with only css you have build this awesome mouse.
I checked codePen and can't really understand this:
polygon(29% 83%, 28% 94%, 45% 80%, 44% 100%, 0 100%)
How do you figure out stuff like above?
I'll let you in on my secret... (whispers): bennettfeely.com/clippy/ π
I'm still really new to this, so I use clippy as a starting point, and then once I've got something going in the CodePen I start tweaking with the percentages. Honestly I found it easiest to start learning about clip-path that way too - once you have a live example in your editor, you can start tweaking the percentages and begin to see what those percentages actually mean in terms of what comes out in the UI.
There's so many great tools out there π
Thank you for telling us your secret :)
I didn't knew about clip-path and polygon in css. I have done very basic web front-end. But this example is really awesome. I will also try to make a small thing using it.
Yay! I'd be excited to see what you make π
Yeah in my normal front-end life I'd never need something like clip-path (or if I did it would be very very rare!) which is partly why I thought this might be a fun challenge π
This is a really cool tool. π
Interesting challenge! :D I'm trying 30DaysofJavaScript and I'm in CS50 week 0 so maybe I should save it for next round u.u However, I would use it only for design planets and space elements for a project...Super cute your mouse >o<
Ooh space and planets would be fun to do!
I want them to appear depending on time :D I'll follow along your journey :)
Really like the mouse!! I've used clippy too.
Holy cow!$&$! This is day one! You have some wicked css talent here. Can't wait to see what is to come!
Started something similar with bit of JS interaction. Here
codepen.io/sanketmehta7/pen/PoPRQgJ
codepen.io/sanketmehta7/pen/ZEbjjZP
These are so cool! π
That artwork is really cool and considering you created that purely through CSS is more amazing. Looking forward for more artworks in future.
Would follow along for sure. All the Best. β
Thank you so much! I have a whole lot to learn and already the learning curve has been steep!
I think the one-a-day aspect will help keep me from being too perfectionist about it though π
The best thing about these types of marathons is that it creates discipline. It is not easy for many to sit every day and do a specific task or study a particular topic for many consecutive days and that includes meπ .
I believe that "100 days of pure CSS" is a great initiative and wish you all the best again. I work fine with HTML and JS but I am not much good at CSS so I would be following your work daily. πβ
I am thinking 100 cartoon characters would give me the motivation ππ
That would be such a cool project!
So cool! Looking forward to your projects. Good luck π
PS: Followed you on Twitter!
I look forward to once have the skills to join this kinds of amazing activities.
I also look forward to hear more from you. I'm following on CodePen.
In all honesty I feel like my skills are very minimal in this area π But practice makes perfect and I'm looking forward to learning a lot!
Thanks for following π
Thankyou for this !!
I have knowledge of some very basic CSS .
I want to know how you define this Moon
:root {
--moon-size: 300px;
--moon-shadow: #