I just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday.
Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by defaultI just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday.
Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by defaultI just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday.
Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by defaultI just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday.
Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by default.
The new Catalyst UI kit by @tailwindcss is perfect for building SaaS dashboards:
◆ Device-aware dialogs (modal on desktop, drawer on mobile)
◆ Beautiful select menus & tables
◆ a11y-first (keyboard & screen reader friendly)
→ https://t.co/mRYh25L0A9
Remote work is the present & future!
But most people struggle with finding remote jobs online.
Here are 10 websites that offer remote jobs & pay in USD:
CSS Trick 🤙
You can mask other elements with icons in CSS to create this glittery icon hover/interaction effect ✨
canvas {
mask: url(/img/icons/next.svg);
}
Check this example, inspired by the new @vercel homepage treats that are dropping 🖤 (Had to have a go at whipping this up over food break 😅)
1. Create some <canvas> that animate squares with different hue shades (Using @greensock to only animate on :hover with ticker ⏲️)
2. Mask each canvas with a desired icon
3. On :hover, fade in the animating canvas 🤙
Check out the exploding view! 🤯
@CodePen link below 👇
Realized mapping on this isn't using a sine curve 🤦♂️
JavaScript map could be more like this ✨
// Map distance against 0deg-90deg
const mapper = gsap.utils.mapRange(250, 50, 0, 90)
// Clamp that value and convert to radians and run through Math.sin 🤙
const active = Math.sin(
gsap.utils.clamp(
0,
90,
mapper(cursorDistance)
) * (Math.PI / 180)
)
And that gives you a nicer curve 😎 (IMO)
Happy Friyay! 🥳
one more example of what @N8Programs AO can do for you. switch it on and you immediately go from cheap 90s era cgi to something that feels much more realistic.
https://t.co/8UYuNZzakh
Today's addition to the Three.js Journey's wall of fame: David Heckhoff’s Portfolio
👉 https://t.co/MO8AYCPXVC
A portfolio is one of the best opportunity to express your talent.
Here's a great example.
Good job @DavidHckh
👉 https://t.co/dISlbWLFzv
#threejsJourney#threeJs
📣 #hiring alert
Junior Frontend developer
🌐 #Reactjs
💫 HTML, CSS, #javascript
⚒️ Git
💼 1-2 Year of experience
🌍 Remote
Comment if you are interested.
RTs are appreciated
(Follow me so that I can DM you)