Somehow no one has mentioned bogo bogo sort yet It takes the first two elements of the array and bogo sorts them in the first try It then takes the first three elements of the array (that is, the already sorted first two elements plus the next one) and bogo sorts them in the first try It then does the same with the first four elements of the array, and so on and so forth with the rest of the array If at any point the elements are not sorted after the first try, it starts all over again from the first two :)
Thanks man, I've been trying to conceptually sort out the redirect_url property when creating the session object server-side for a hot minute. If anyone else is looking for it, it's at 2:49
react had nothing to do with smartphones dude, we spend quiet a few years on rails and jquery making great mobile compatible websites, no one ever complained about the rerendering time. react appeared because of update loops in double binding variables in some of the state frameworks for jquery. and react was a library that could be added for a single component in a jquery soup. SPAs came as a reaction against the jquery soup, the idea of one framework to rule them all tags. was a reaction from the first react and angular.js community against the horrible experience of working with jquery soups, however jquery is still the great majority of the web. React became popular when the Wix team, famously known for not using a framework started to use react. However, the corporate world was already using SPAs with Sencha formerly known as Ext.js and Dojo Toolkit which had components, a little too clunky but it was an already full framework designed like GUI libraries of desktop applications.
Basically when this update came out was that they discovered Layouts (I've been using that since years ago in Vue) 😹 jokes aside, One of the key development principles is to avoid "magic" and this has too much magic underneath.
You have to use the arrow keys in the terminal to run any of the suggested commands?! You have to f-ing kidding me, who designed the UI for this garbage and why don't they understand the most basic fundamentals about the CLI??
pg or prisma for me. I've used pg a ton and love it, but something tells me prisma would save me a lot of time. For an ORM to be worth it, it really should be something like prisma. Think I'm gonna try it out.
note: i had to tag like so: docker push [REPO_FULL_URL]/imageName and then push like so docker push [REPO_FULL_URL]/imageName. after installing gcloud and setting the path to the bin folder in env variables
Hey, I've followed everything accordingly and the form doesn't create no record on the DB, I've configured insomnia just the same as the await fetch and I'm able to do it through there, but on the code it doesn't work
This is how I did it a few weeks ago on a project, funny this comes on my feed now. Mine doesn't just rotate the pupils, it moves them relative to the distance of the cursor so the pupil is in the center when you hover on the eye and the movement is much more natural. A little more trig, but that's what chatGPT is for: <!-- The face and its tracking eyes --> <div id="face" class="w-[60vw] md:w-[40vw] relative"> <img src="/tpe/face-eyes.svg" class="h-full w-full object-contain object-top" /> <img src="/tpe/pupil.svg" class="pupil absolute w-[10%] top-[2.5%] right-[23.5%]" /> <img src="/tpe/pupil.svg" class="pupil absolute w-[10%] top-[15%] right-[63%]" /> <img src="/tpe/pupil.svg" class="pupil absolute w-[10%] top-[33%] right-[7.3%]" /> <img src="/tpe/pupil.svg" class="pupil absolute w-[10%] top-[45.5%] right-[47%]" /> <img src="/tpe/pupil.svg" class="pupil absolute w-[10%] top-[64%] right-[24%]" /> </div> <!-- Follow the cursor with the Eyes --> <script type="module" is:inline> const face = document.querySelector('#face'); const pupils = document.querySelectorAll('.pupil'); const rect = face.getBoundingClientRect(); document.addEventListener('mousemove', function(e) { pupils.forEach(pupil => { const pupilRect = pupil.getBoundingClientRect(); const centerX = pupilRect.left + pupilRect.width / 2 - rect.left; const centerY = pupilRect.top + pupilRect.height / 2 - rect.top; const x = e.clientX - rect.left - centerX; const y = e.clientY - rect.top - centerY; const angle = Math.atan2(y, x); const maxDistance = rect.width * 0.018; const actualDistance = Math.sqrt(x * x + y * y); const distance = Math.min(maxDistance, maxDistance * (actualDistance / rect.width)); const pupilX = distance * Math.cos(angle); const pupilY = distance * Math.sin(angle); pupil.style.transform = `translate(${pupilX}px, ${pupilY}px)`; }); }); </script>
