JS. Lets build stuff! 💻 🔮🪄
Joined January 2022
- Tweets143
- Following150
- Followers34
- Likes1.3K
mar retweeted
Future CSS Tip! 🔮
Get creative with scroll-driven animations whilst reusing your keyframes 🤙
li:nth-of-type(odd) { --tr: -1; }
img { transform-origin: calc(300% * var(--tr)) 50%; }
keyframes rot {
from { rotate: -30deg;}
to { rotate: 30deg;}
}
@CodePen link below 👇
mar retweeted
i'm still thinking about the mf on stream yesterdday who had the audacity to ask "which heavily modified version of vscode is this" for my webstorm setup 😂
mar retweeted
Best GitHub Repositories for Developers 🔥
1. Front-End-Checklist
github.com/thedaviddias/Fron…
2. You Don't Know JS
github.com/getify/You-Dont-K…
3. Node.js Best Practices
github.com/goldbergyoni/node…
4. Airbnb JavaScript Guide
github.com/airbnb/javascript
5. RealWorld
github.com/gothinkster/realw…
mar retweeted
The View Transitions API for Single-Page Apps (SPAs) is in Chrome 111 (the new stable)! 😍 Check out @jaffathecake's fantastic guide bit.ly/view-transitions and this awesome demo from @charca
mar retweeted
CSS Tip 🤩
Create beautiful gradient rounded border with ease using CSS🔥
ALT CSS Code to create gradient rounded border: .box { border: 12px solid transparent; border-radius: 24px; background: linear-gradient(black, black) padding-box, linear-gradient( 45deg, #FF52E5, #F6D242 ) border-box; }
mar retweeted
loosen your grip on needing to be right. if you’re terrified of being wrong or judge others when they’re wrong, you throttle your ability to learn & evolve.
learning is about constantly trying to prove yourself wrong in an effort to better approximate reality with your worldview
mar retweeted
The only guaranteed path to success is understanding. Everything else is a fluke.
Edit your own videos until they're good. Write your own code until you can understand it. Make growth happen BEFORE you outsource, bring in AI, etc.
mar retweeted
CSS Tip! ✨
You can't nest :has()
But, you can chain it! 💪
For example, this rule says a "to" and "from" are checked in the form 📅
.cal:has([id*=from]:checked):has([id*=to]:checked) {
...styles
}
Got wild pushing limits for this one though 👀
@CodePen link below! 👇
mar retweeted
6 checklists to improve the design, performance, and marketing of your projects (all free):
mar retweeted
These were some of the most important areas of the survey but you can look at the FULL SURVEY here:
survey.stackoverflow.co/2022…
mar retweeted
OpenAI's new ChatGPT explains the worst-case time complexity of the bubble sort algorithm, with Python code examples, in the style of a fast-talkin' wise guy from a 1940's gangster movie:
mar retweeted
Introducing showgpt.co 🚀
Have no idea how to use chatGPT for coding, prompts, or anything else?
It's a website where we can collect and curate the best prompts. I'm currently adding a lot of prompts, and you can help by submitting more 🔥🥳
