#tinyCSStip Simplifying animations with variables and mathematical functions.
Same result, just not writing almost the same `text-shadow` a bunch of times in a bunch of keyframes.
Live test on @codepen https://codepen.io/thebabydino/pen/MYWXgdZ
#CSS #Maths #code #coding #frontend #web #dev #webDev #webDevelopment
#cssMaths #trigonometry
Crochet is math. If you're having issues making flat circles, look at this.
https://m.youtube.com/watch?v=ycOV-q73qpE
(I use an alternative front end for YouTube)
#crochet #math #fiberarts #circle #geometry #trigonometry
The show of the day is Trigonometry with 3 characters and a show score of 55.58
Show of the Day: Trigonometry
The LezWatch.TV show of the day is "Trigonometry," with 3 characters and an overall score of 55.58. - #LWTVsotd #Trigonometry - https://lezwatchtv.com/show/trigonometry/
Imaginary numbers aren't just mathematical curiosities. They simplify #trigonometry, #calculus, and #geometry, opening up new possibilities in #math and #science. A mathematician explains: https://theconversation.com/taking-a-leap-of-faith-into-imaginary-numbers-opens-new-doors-in-the-real-world-through-complex-analysis-233965
Because someone just hearted this #3D demo on @codepen
https://codepen.io/thebabydino/pen/wvybyMo
This was one of the very first demos I made using #CSS trigonometric functions back in '22. They were only supported by Safari at that point and it was a lot of trouble to get to actually try this as I'm on Linux.
#OnThisDay Birth Anniversary of Italian #Physicist Alessandro Volta (1745) - credited as the inventor of the electric #Battery.
Birth Anniversary of Persian polymath Nasir al-Din al-Tusi (1201) - considered the creator of #Trigonometry as a mathematical discipline.
Today is #PlutoDay to commemorate the anniversary of the discovery of Pluto in 1930.
Problem: You want the midpoint of two angles. Or just the difference. Or to select between an angle range from a #database You don't know if the angles could be negative or over 360.
It's a big hassle every time.
F I N A L L Y realized this morning that the "angle difference" #trigonometry identities are perfect for this! (The cos form seems easiest to remember)
cos(a-b) = cos(a)cos(b) + sin(a)sin(b)
Order doesn't matter. Between *any* two angles, this gives you the difference "the short way". That is, a=180, b=90 gives the same answer as a=90, b=180 (thanks, commutativity and the domain of cos!)
trig functions are often lookup tables in #software and seem to be available in #sql, so this isn't even necessarily much slower than the logic surrounding having to mod, check quadrants or whatever your "more obvious" way works
A little something combining #CSS shapes, trigonometry, plus scroll-driven animations on @codepen: angled slide!
https://codepen.io/thebabydino/full/zYJKRyq
Also an entry for this week's #CodePenChallenge.
Used the laser cutter to make a holder for my class set of spirographs — for the lessons I like to do my students need to know how many teeth the gears have. They write a program that produces the same curve using turtle. (with older students we do the trig, which I just call “magic circle functions” for the grade fives)
This will make it all go much smoother!
This is 8 sets packed into one box!
#math #mathEducation #teaching #spirograph #mathematics #k12 #hypotrochoid #trigonometry
Love Triangle: How Trigonometry Shapes the World by Matt Parker, 2024
Trigonometry is perhaps the most essential concept humans have ever devised. The simple yet versatile triangle allows us to record music, map the world, launch rockets into space, and be slightly less bad at pool. Triangles underpin our day-to-day lives and civilization as we know it.
By the way, one of those demos is this super simple equilateral triangle done with a single div and 4 #CSS declarations https://codepen.io/thebabydino/pen/QWerQwx
Illustrating something I posted about earlier https://mastodon.social/@anatudor/113401327109692942
Hey, look, it's 10 of my demos throughout the first "Trending" pages on @codepen!
#tinyCSStip/ fun fact: same aspect ratio is also what we need for a regular hexagon because that can made up of only equilateral triangles!
We just need more points for the clip-path (6 for a hexagon vs. 3 for a triangle).
#CSS #cssMaths #trigonometry #maths #mathematics #frontend #code #coding
#web #dev #webDevelopment #webDev #hexagon
#tinyCSStip Want to create a triangle with all edges equal in 4 simple #CSS declarations?
Such a triangle also has all vertex angles equal = (sum of angles in a triangle)/3 = 180°/3 = 60°
https://en.wikipedia.org/wiki/Sum_of_angles_of_a_triangle
Knowing its edge length a, its height is a·sin(60°).
Aspect ratio of the box
a/(a·sin(60°)) = 1/sin(60°)
#HighSchool #students who came up with 'impossible' proof of #PythagoreanTheorem discover 9 more solutions to the problem
In a new peer-reviewed study, Ne'Kiya Jackson and Calcea Johnson outlined 10 ways to solve the Pythagorean theorem using #trigonometry, including a proof they discovered in high school.
https://www.livescience.com/physics-mathematics/mathematics/high-school-students-who-came-up-with-impossible-proof-of-pythagorean-theorem-discover-9-more-solutions-to-the-problem
Two teenagers have once again proved an ancient math rule.
From Science News: “Some people have the impression that you have to be in academia for years and years before you can actually produce some new mathematics,” says mathematician Álvaro Lozano-Robledo of the University of Connecticut in Storrs.
Another @codepen remake: this hover effect menu https://codepen.io/thebabydino/pen/DZpgaZ
Using flexbox instead of floats and CSS variables & mathematical functions so that on hover we have a simple transition and not the abomination that is keyframes at 49.999% and 50%.
Updated 10+ year old SO answer on how to position items for a circular menu https://stackoverflow.com/a/15185180/1397351
Because #CSS got better in the meanwhile. This remake uses CSS grid instead of absolute positioning, CSS vars to reduce the code and CSS trigonometry for improved maintainability.